feat: Switch sidebar to use Hugo menu

content/_index.html

@@ -4,6 +4,12 @@ cardImage: charolette
 motto: <small>My name is Thomas Christensen</small><br />I am Milliron X
 description: The homepage of Thomas A. Christensen II
 layout: _default/list
+menu:
+  main:
+    params:
+      prefix: fad
+      icon: fa-home
+    weight: -1000
 ---
 
 <h2>What is a "Milliron X"?</h2>

content/academia/_index.md

@@ -3,6 +3,13 @@ title: Academic Publications and Presentations
 motto: Publications and Presentations
 cardImage: library
 decription: A list of my academic publications
+menu:
+  main:
+    name: Academia
+    params:
+      prefix: fad
+      icon: fa-university
+    weight: 20
 ---
 
 ### Academic Papers

content/ai/_index.md

@@ -4,6 +4,12 @@ cardImage: Ai-calf
 motto: Artificial Insemination
 description:
   Advertising page to try and sell my artificial insemination services
+menu:
+  main:
+    params:
+      prefix: fax
+      icon: fa-bull-sperm
+    weight: 30
 ---
 
 I am licensed in the Great State of Wyoming as a food animal artificial

content/contact/_index.html

@@ -3,6 +3,13 @@ title: Contact Me
 cardImage: venice-mailbox
 motto: Contact Me
 description: Contact form to get ahold of me
+menu:
+  main:
+    name: Contact
+    params:
+      prefix: fad
+      icon: fa-file-signature
+    weight: 1
 ---
 
 <form

content/videos/_index.md

@@ -3,6 +3,11 @@ title: Videos
 cardImage: camera
 motto: Videography Portfolio
 description: Showcase of my own videos
+menu:
+  main:
+    params:
+      prefix: fad
+      icon: fa-video
 ---
 
 > ### The culmination of all art forms is that of film.

content/websites/_index.md

@@ -3,6 +3,12 @@ title: My Websites
 cardImage: eclipse
 motto: Websites
 description: List of websites that I have worked on
+menu:
+  main:
+    name: Websites
+    params:
+      prefix: fad
+      icon: fa-browser
 ---
 
 I do occasionally build websites for myself and other people. Here is a list of

layouts/partials/sidebar.html

@@ -1,4 +1,5 @@
 {{ $millironx := resources.Get "graphics/millironx.svg" }}
+{{ $currentPage := . }}
 <aside class="col-12 col-md-3 p-0 bg-dark flex-shrink-1">
   <nav
     class="navbar navbar-expand-md navbar-dark bg-dark align-items-start flex-md-column flex-row"
@@ -27,41 +28,19 @@
       </a>
       <div class="collapse navbar-collapse sidebar">
         <ul class="flex-column navbar-nav w-100 justify-content-between">
+          {{ range .Site.Menus.main }}
             <li class="nav-item">
-            <a class="nav-link pl-0" href="/"
+              <a
-              ><i class="fad fa-home fa-fw"></i> <span class="">Home</span></a
+                class="nav-link pl-0 {{ if $currentPage.IsMenuCurrent "main" . }}
+                  active
+                {{ end }}"
+                href="{{ .URL }}"
               >
-          </li>
+                <i class="{{ .Params.prefix }} {{ .Params.icon }} fa-fw"></i>
-          <li class="nav-item">
+                {{ .Name }}
-            <a class="nav-link pl-0" href="/contact/"
-              ><i class="fad fa-file-signature fa-fw"></i>
-              <span class="">Contact</span></a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link pl-0" href="/academia/"
-              ><i class="fad fa-university fa-fw"></i>
-              <span class="">Academia</span></a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link pl-0" href="/ai/">
-              <i class="fax fa-bull-sperm"></i>
-              <span class="">Artificial Insemination</span>
               </a>
             </li>
-          <li class="nav-item">
+          {{ end }}
-            <a class="nav-link pl-0" href="/videos/"
-              ><i class="fad fa-video fa-fw"></i>
-              <span class="">Videos</span></a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link pl-0" href="/websites/"
-              ><i class="fad fa-browser fa-fw"></i>
-              <span class="">Websites</span></a
-            >
-          </li>
         </ul>
       </div>
     </div>