From 90978c27584dc3a7b1a21d3a6cf1a8ecbd3673b3 Mon Sep 17 00:00:00 2001
From: reyhhan <reyhansara97@gmail.com>
Date: Sun, 17 Oct 2021 20:42:26 +0530
Subject: [PATCH] Fixed section landing position on navigation

---
 layouts/partials/sections/accomplishments.html | 5 +++--
 layouts/partials/sections/achievements.html    | 5 +++--
 layouts/partials/sections/education.html       | 5 +++--
 layouts/partials/sections/experiences.html     | 8 +++++---
 layouts/partials/sections/recent-posts.html    | 5 +++--
 layouts/partials/sections/skills.html          | 5 +++--
 static/css/sections/accomplishments.css        | 6 ++++++
 static/css/sections/achievements.css           | 6 ++++++
 static/css/sections/education.css              | 6 ++++++
 static/css/sections/experiences.css            | 6 ++++++
 static/css/sections/recent-posts.css           | 6 ++++++
 static/css/sections/skills.css                 | 6 ++++++
 12 files changed, 56 insertions(+), 13 deletions(-)

diff --git a/layouts/partials/sections/accomplishments.html b/layouts/partials/sections/accomplishments.html
index 9024222..8dee8a6 100644
--- a/layouts/partials/sections/accomplishments.html
+++ b/layouts/partials/sections/accomplishments.html
@@ -3,9 +3,10 @@
   {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 accomplishments-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 accomplishments-section">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
 
   <div class="container">
diff --git a/layouts/partials/sections/achievements.html b/layouts/partials/sections/achievements.html
index 9744fc7..927fdc8 100644
--- a/layouts/partials/sections/achievements.html
+++ b/layouts/partials/sections/achievements.html
@@ -3,9 +3,10 @@
   {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 achievements-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 achievements-section">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container">
     <div class="row" id="gallery">
diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html
index a300398..f9ba8fc 100644
--- a/layouts/partials/sections/education.html
+++ b/layouts/partials/sections/education.html
@@ -3,9 +3,10 @@
 {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 education-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 education-section">
     {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
     {{ end }}
 
     <div class="container">
diff --git a/layouts/partials/sections/experiences.html b/layouts/partials/sections/experiences.html
index c0c6ff8..e7e2508 100644
--- a/layouts/partials/sections/experiences.html
+++ b/layouts/partials/sections/experiences.html
@@ -3,9 +3,11 @@
   {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 experiences-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 experiences-section">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+      <span id="{{ $sectionID }}"></span>{{ .section.name }}
+    </h1>
   {{ end }}
 
   <div class="container timeline text-justify">
@@ -27,4 +29,4 @@
      {{ end }}
    {{ end }}
   </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/sections/recent-posts.html b/layouts/partials/sections/recent-posts.html
index 9491977..7bc1ea9 100644
--- a/layouts/partials/sections/recent-posts.html
+++ b/layouts/partials/sections/recent-posts.html
@@ -9,9 +9,10 @@
 {{ end }}
 
 
-<div class="container-fluid anchor pb-5 recent-posts-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 recent-posts-section">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container">
     <div class="row" id="recent-post-cards">
diff --git a/layouts/partials/sections/skills.html b/layouts/partials/sections/skills.html
index 0bfb92b..3a355a4 100644
--- a/layouts/partials/sections/skills.html
+++ b/layouts/partials/sections/skills.html
@@ -3,9 +3,10 @@
   {{ $sectionID = .section.id }}
 {{ end }}
 
-<div class="container-fluid anchor pb-5 skills-section" id="{{ $sectionID }}">
+<div class="container-fluid anchor pb-5 skills-section">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container d-flex-block">
     <div class="row" id="primary-skills">
diff --git a/static/css/sections/accomplishments.css b/static/css/sections/accomplishments.css
index 56eb614..57d14e9 100644
--- a/static/css/sections/accomplishments.css
+++ b/static/css/sections/accomplishments.css
@@ -1,3 +1,9 @@
+.accomplishments-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .accomplishments-section .card {
   background: #fff;
   border-top: 2px solid #248aaa;
diff --git a/static/css/sections/achievements.css b/static/css/sections/achievements.css
index d403400..1ae7147 100644
--- a/static/css/sections/achievements.css
+++ b/static/css/sections/achievements.css
@@ -2,6 +2,12 @@
   padding-top: 0.5rem;
 }
 
+.achievements-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 #gallery .achievement-entry {
   cursor: pointer;
   margin-top: 5px;
diff --git a/static/css/sections/education.css b/static/css/sections/education.css
index 201c039..7e78496 100644
--- a/static/css/sections/education.css
+++ b/static/css/sections/education.css
@@ -19,6 +19,12 @@
   text-align: right;
 }
 
+.education-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .education-section .icon {
   width: 2rem;
   padding-left: 0;
diff --git a/static/css/sections/experiences.css b/static/css/sections/experiences.css
index 43b2e32..e668e4b 100644
--- a/static/css/sections/experiences.css
+++ b/static/css/sections/experiences.css
@@ -6,6 +6,12 @@
   margin-top: 1.5rem !important;
 }
 
+.experiences-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .experiences-section ul {
   padding-left: 1rem;
 }
diff --git a/static/css/sections/recent-posts.css b/static/css/sections/recent-posts.css
index bd6faed..0451952 100644
--- a/static/css/sections/recent-posts.css
+++ b/static/css/sections/recent-posts.css
@@ -2,6 +2,12 @@
   padding-top: 1rem;
 }
 
+.recent-posts-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .recent-posts-section .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
diff --git a/static/css/sections/skills.css b/static/css/sections/skills.css
index ea692ad..3fdc05f 100644
--- a/static/css/sections/skills.css
+++ b/static/css/sections/skills.css
@@ -8,6 +8,12 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
+.skills-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .skills-section .skill-card-link {
   text-decoration: none;
 }