loading icon on page loading

layouts/partials/sections/v3/navbar.html

@@ -1,6 +1,6 @@
-<nav style="background-color: #0a192f;" class="pt-3 navbar-home navbar navbar-expand-lg navbar-dark"
-  data-aos="fade-down" data-aos-easing="linear" data-aos-duration="500">
-  <div class="container">
+<div class="container">
+  <nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
+    data-aos-easing="linear" data-aos-duration="500">
     <a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
       {{ if .Site.Params.favicon }}
       <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
@@ -16,12 +16,57 @@
 
     <div class="collapse navbar-collapse" id="navbarNavDropdown">
       <ul class="navbar-nav ml-auto text-center">
+
+        {{ if .Site.Params.disable_about }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_experience }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_education }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_projects }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_achievements }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
+            aria-label="achievements">Achievements</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_contact }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
+        </li>
+        {{ end }}
+
         {{ range site.Params.customMenus }}
         <li class="nav-item navbar-text">
           <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
         </li>
         {{ end }}
+
       </ul>
     </div>
-  </div>
-</nav>
+  </nav>
+</div>