fix: navigation with hidden title (#505)

* Update accomplishments.html

fix display property when hidden

* Update achievements.html

fixed display property when hidden

* Update education-alt.html

fixed display property when hidden

* Update education.html

fixed display property when hidden

* Update experiences.html

fixed display property when hidden

* Update projects.html

fixed display property when hidden

* Update recent-posts.html

fixed display property when hidden

* Update skills.html

fixed display property when hidden

layouts/partials/sections/accomplishments.html

@@ -6,9 +6,12 @@
 <div class="container-fluid anchor pb-5 accomplishments-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
-
+  
   <div class="container">
     <div class="row" id="acomplishment-card-holder">
       {{ range .accomplishments }}

layouts/partials/sections/achievements.html

@@ -6,7 +6,10 @@
 <div class="container-fluid anchor pb-5 achievements-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container">
     <div class="row" id="gallery">

layouts/partials/sections/education-alt.html

@@ -4,9 +4,13 @@
 {{ end }}
 
 <div class="container-fluid anchor pb-5 education-section education-alt" id="{{ $sectionID }}">
-    {{ if not (.section.hideTitle) }}
+  {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
-    {{ end }}
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ end }}
 
     <div class="container">
         <table class="education-info-table">
@@ -115,4 +119,4 @@
             </tbody>
         </table>
     </div>
-</div>
+</div>

layouts/partials/sections/education.html

@@ -4,10 +4,13 @@
 {{ end }}
 
 <div class="container-fluid anchor pb-5 education-section">
-    {{ if not (.section.hideTitle) }}
+  {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
         <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
-    {{ end }}
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ end }}
 
     <div class="container">
         <table class="education-info-table">
@@ -107,4 +110,4 @@
             </tbody>
         </table>
     </div>
-</div>
+</div>

layouts/partials/sections/experiences.html

@@ -6,8 +6,10 @@
 <div class="container-fluid anchor pb-5 experiences-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
-    </h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
 
   <div class="container timeline text-justify">
@@ -29,4 +31,4 @@
      {{ end }}
    {{ end }}
   </div>
-</div>
+</div>

layouts/partials/sections/projects.html

@@ -5,7 +5,11 @@
 
 <div class="container-fluid anchor pb-5 projects-section" id="{{ $sectionID }}">
   {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container ml-auto text-center">
     <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">

layouts/partials/sections/recent-posts.html

@@ -12,7 +12,10 @@
 <div class="container-fluid anchor pb-5 recent-posts-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container">
     <div class="row" id="recent-post-cards">

layouts/partials/sections/skills.html

@@ -6,7 +6,10 @@
 <div class="container-fluid anchor pb-5 skills-section">
   {{ if not (.section.hideTitle) }}
     <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
   {{ end }}
   <div class="container d-flex-block">
     <div class="row" id="primary-skills">