Fix-12 Hide unused sections if they are not defined in yaml

layouts/partials/about.html

@@ -1,7 +1,8 @@
+
+{{ if .Site.Data.about }}
 <div class="container-fluid about bg-white anchor p-md-5 d-flex" id="about">
   <div class="container">
     <div class="row pt-sm-2 pt-md-4 align-self-center">
-      {{ if .Site.Data.about }}
         <!-- summery -->
         <div class="col-md-6">
           <h3 class="p-1">{{ .Site.Data.site.author.name }}</h3>
@@ -41,7 +42,7 @@
             {{ end }}
           </div>
         </div>
-      {{ end }}
     </div>
   </div>
 </div>
+{{ end }}

layouts/partials/achievements.html

@@ -1,5 +1,5 @@
+{{ if .Site.Data.achievements }}
 <div class="container-fluid achievements bg-dimmed anchor pb-5" id="achievements">
-  {{ if .Site.Data.achievements }}
     <h1 class="text-center">Achievements</h1>
 
     <div class="container">
@@ -12,5 +12,5 @@
         {{ partial "misc/achievement.html" . }}
       {{ end }}
     </div>
-  {{ end }}
 </div>
+{{ end }}

layouts/partials/experiences.html

@@ -1,5 +1,5 @@
+{{ if .Site.Data.experiences }}
 <div class="container-fluid experiences bg-white anchor" id="experiences">
-  {{ if .Site.Data.experiences }}
     <h1 class="text-center">Experiences</h1>
 
     <div class="container timeline text-justify">
@@ -21,5 +21,5 @@
         {{ end }}
       {{ end }}
     </div>
-  {{ end }}
 </div>
+{{ end }}

layouts/partials/projects.html

@@ -1,5 +1,5 @@
+{{ if .Site.Data.projects }}
 <div class="container-fluid projects bg-dimmed anchor pb-5" id="projects">
-  {{ if .Site.Data.projects }}
     <h1 class="text-center">Projects</h1>
     <div class="container ml-auto text-center">
       <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
@@ -17,5 +17,5 @@
         {{ end }}
       </div>
     </div>
-  {{ end }}
 </div>
+{{ end }}

layouts/partials/skills.html

@@ -1,5 +1,5 @@
+{{ if .Site.Data.skills }}
 <div class="container-fluid skills bg-dimmed anchor pb-5" id="skills">
-  {{ if .Site.Data.skills }}
     <h1 class="text-center">Skills</h1>
 
     <div class="container d-flex-block">
@@ -9,5 +9,5 @@
         {{ end }}
       </div>
     </div>
-  {{ end }}
 </div>
+{{ end }}