loading icon on page loading

layouts/partials/sections/v3/about.html

@@ -1,9 +1,10 @@
-<div id="about" class="pt-3" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
   <div class="container-fluid">
     <div class="text-light text-center h3">About Me</div>
     <div class="row justify-content-center about">
       <div class="col-md-6 about-content">
-        <div class="px-2" style="color: #8892b0;">
+        <div class="px-2" style="color: #8892b0;" data-aos="zoom-in" data-aos-offset="50" data-aos-delay="50"
+          data-aos-once="true" data-aos-duration="900">
           {{ .Site.Params.descripe_l1_person | markdownify }}
           <br>
           <br>
@@ -11,23 +12,24 @@
         </div>
         {{ if .Site.Params.email }}
         <div class="py-3 pl-2">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
+            data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
             Get In Touch
           </a>
         </div>
         {{ end }}
-
-
       </div>
       <div class="col-md-5 about-skill">
         <div class="text-secondary text-center h4">Skills</div>
         {{ range .Site.Params.skills }}
-        <div style="color: rgb(230, 241, 255)">
-          {{ .name }}
-        </div>
-        <div class="progress mb-4">
-          <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
-            aria-valuemax="100"></div>
+        <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+          <div style="color: rgb(230, 241, 255)">
+            {{ .name }}
+          </div>
+          <div class="progress mb-4">
+            <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
+              aria-valuemax="100"></div>
+          </div>
         </div>
         {{ end }}
       </div>

layouts/partials/sections/v3/achievements.html

@@ -1,6 +1,6 @@
 {{ $img:= "images/v1/background.png" }}
 
-<section class="py-3 pt-5" id="achievements" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600"
+<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
   data-aos-once="true">
   <div class="container-fluid">
     <div class="text-light text-center h3">Achievements</div>
@@ -9,7 +9,8 @@
       {{ if .img }}
       {{ $img = .img }}
       {{ end }}
-      <div class="col-md-5 achiv-out px-4 px-md-2 my-2">
+      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
+        data-aos-duration="600" data-aos-once="true">
         <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
           <div class="p-3 w-100 achiv overflow-hidden">
             <h4 class="text-center">

layouts/partials/sections/v3/contact.html

@@ -4,7 +4,7 @@
     <div class="row justify-content-center px-md-5">
       <div class="col-md-6 py-3">
         <div class=" text-center">
-          Although I'm not currently looking for any new opportunities, my inbox is always open. Whether you have a
+          My inbox is always open. Whether you have a
           question or just want to say hi, I'll try my best to get back to you!
         </div>
         {{ if .Site.Params.email }}

layouts/partials/sections/v3/education.html

@@ -1,11 +1,12 @@
-<section id="education" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<section id="education" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
   <div class="container-fluid py-3 pt-5">
     <div class="text-light text-center h3">Education</div>
     <div class="row row-eq-height justify-content-center">
       <div class="col-md-5 pl-5 py-3 pb-0 v-center">
         <ul class="edu">
           {{ range .Site.Params.education }}
-          <li class="py-2 edu-item">
+          <li class="py-2 edu-item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+            data-aos-once="true">
             <h5 style="font-size: 20px;">{{ .degree }} - {{ .branch }}</h5>
             <div style="font-size: 15px;">
               {{ .university }}

layouts/partials/sections/v3/experience.html

@@ -1,4 +1,4 @@
-<section id="experience" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
   <div class="container-fluid pt-5">
     <div class="text-light text-center h3">Experience</div>
 
@@ -6,7 +6,7 @@
       <div class="d-md-none d-lg-none d-sm-block">
         <ol class="ex-ol pl-5 pr-3">
           {{ range .Site.Params.experience }}
-          <li class="ex-ol-li">
+          <li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
             <h4>
               <span class="text-primary">{{ .company }}</span> - {{ .role }}
             </h4>
@@ -80,23 +80,6 @@
         {{ end }}
 
         {{ end }}
-
-        <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
-          <div class="h4">
-            <span class="text-primary">Google</span> - Software developer
-          </div>
-          <div>
-            <small>Feb 2019</small>
-            -
-            <small>Sep 2020</small>
-          </div>
-          <ul class="py-2 ex">
-            <li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal
-              projects</li>
-            <li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal
-              projects</li>
-          </ul>
-        </div>
       </div>
 
     </div>

layouts/partials/sections/v3/home.html

@@ -3,20 +3,23 @@
     <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
       data-aos-duration="1000">
       <div class="col-md-7 name-container">
-        <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000">
+        <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
+          data-aos-once="true">
           <div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
-            data-aos-duration="900">
+            data-aos-once="true" data-aos-duration="900">
             Hi there, I'm
           </div>
-          <h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900">
+          <h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
+            data-aos-once="true">
             {{ .Site.Params.name }}
           </h1>
-          <h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900">
+          <h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
+            data-aos-once="true">
             {{ .Site.Params.profession }}
           </h5>
         </div>
-        <div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
-          data-aos-duration="900">
+        <div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
+          data-aos-once="true">
           {{ if .Site.Params.github }}
           <a href="{{ .Site.Params.github }}" class="social-icon">
             <i class="fab fa-lg fa-github"></i>
@@ -45,7 +48,8 @@
           {{ end }}
         </div>
         <div class="pt-4 btn-intro">
-          <a href="#about" class="btn-know btn btn-outline-info">
+          <a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
+            data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
             About me
           </a>
         </div>
@@ -53,7 +57,7 @@
       </div>
       <div class="col-md-5 text-center">
         {{ if .Site.Params.profile_image }}
-        <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true"
+        <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
           src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
         {{ end }}
       </div>

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>

layouts/partials/sections/v3/projects.html

@@ -1,4 +1,4 @@
-<section id="projects" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
   <div class="container-fluid py-3 pt-5">
     <div class="text-light text-center h3">Projects</div>
     <div class="row justify-content-center pt-2">