refactor[partials]: reorganize partials to enhance code reuse

Partials have been reorganized, to improve general understandability and
enhance code reuse (ex. when adding pages, the "wave" will be loaded as
a partial)

layouts/index.html

@@ -1,3 +1,3 @@
 {{ define "main" }}
-      {{ partial "home.html" . }}
+      {{ partial "home/home.html" . }}
 {{ end }}

layouts/partials/header.html

@@ -1 +1 @@
-{{ partial "navbar.html" . }}
+{{ partial "utilities/navbar.html" . }}

layouts/partials/home/home.html

@@ -1,36 +1,29 @@
 <div>
+
         <div
         id="mainBG"
         style="background-image: url('{{ if $.Site.Params.mainbg }}{{ $.Site.Params.mainbg }}{{ else }}https://picsum.photos/1920/1080{{ end }}');"
         >
-    <div
+
-      class="wave wave1"
+            {{ partial "utilities/wave"}}
-      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
+
-    ></div>
-    <div
-      class="wave wave2"
-      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
-    ></div>
-    <div
-      class="wave wave3"
-      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
-    ></div>
-    <div
-      class="wave wave4"
-      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
-    ></div>
             <div class="centerAll">
                 <div class="title text-6xl font-bold text-center">
                     {{if  $.Site.Params.maintitle }}{{ $.Site.Params.maintitle }}{{else}}Hello, World{{end}}
                 </div>
-      <div class="text text-xl text-center">{{if $.Site.Params.maintext}}{{ $.Site.Params.maintext }}{{else}}Edit config.toml/params{{end}}</div>
+
+                <div class="text text-xl text-center">
+                    {{if $.Site.Params.maintext}}{{ $.Site.Params.maintext }}{{else}}Edit config.toml/params{{end}}
                 </div>
             </div>
+        </div>
+
+
   {{ $data := .Site.Data.home }}
   <main class="container mx-auto mt-8 px-4 xl:px-0">
     <section id="about" class="md:flex justify-around">
       <div class="my-auto md:mr-4">
-        {{ partial "home_title" (dict "title" "About Me") }}
+        {{ partial "home/homeTitle" (dict "title" "About Me") }}
         <div class="flex mt-3 gap-3 text-xl">
           {{ range $data.about.link }}
           <a href="{{.url}}"><i class="{{ .icon }}"></i></a>{{end}}
@@ -52,7 +45,7 @@
     </section>
     <section id="skills" class="mt-12">
       <div class="md:flex justify-center">
-        {{ partial "home_title" (dict "title" "Skills") }}
+        {{ partial "home/homeTitle" (dict "title" "Skills") }}
       </div>
 
       {{if $data.skills.list}}
@@ -87,7 +80,7 @@
     </section>
     <section id="projects" class="mt-12">
       <div class="md:flex justify-center">
-        {{ partial "home_title" (dict "title" "Projects") }}
+        {{ partial "home/homeTitle" (dict "title" "Projects") }}
       </div>
 
       {{if $data.skills.list}}

layouts/partials/utilities/wave.html

@@ -0,0 +1,16 @@
+    <div
+      class="wave wave1"
+      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
+    ></div>
+    <div
+      class="wave wave2"
+      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
+    ></div>
+    <div
+      class="wave wave3"
+      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
+    ></div>
+    <div
+      class="wave wave4"
+      style="background-image: url('{{ .Site.BaseURL }}/img/wave.png');"
+    ></div>