From bdc32a55ee02e129f90296e829bc675ccc70e7dd Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Fri, 25 Nov 2022 13:33:15 -0500
Subject: [PATCH] Dropdowns

---
 sass/styles/components/navbar.scss |  4 ++++
 templates/components/navbar.html   | 15 ++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/sass/styles/components/navbar.scss b/sass/styles/components/navbar.scss
index f27cfaf..6ba936b 100644
--- a/sass/styles/components/navbar.scss
+++ b/sass/styles/components/navbar.scss
@@ -17,6 +17,10 @@
 
     & > li {
       display: inline-block;
+    
+      .dropdown-menu {
+        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+      }
     }
 
     .separator {
diff --git a/templates/components/navbar.html b/templates/components/navbar.html
index 7329913..0b493c7 100644
--- a/templates/components/navbar.html
+++ b/templates/components/navbar.html
@@ -10,9 +10,18 @@
         <li class="separator">|</li>
         <li><a href="/blog">Blog</a></li>
         <li class="separator">|</li>
-        <li><a href="#" role="button">More</a></li>
-        <li class="separator">|</li>
-        <li><a href="#" role="button">Profiles</a></li>
+        {# <li class="dropdown-center">
+            <a href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                More
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#">Action</a></li>
+                <li><a class="dropdown-item" href="#">Another action</a></li>
+                <li><a class="dropdown-item" href="#">Something else here</a></li>
+            </ul>
+        </li>
+        <li class="separator">|</li> #}
+        <li><a href="/contact">Contact</a></li>
     </ul>
     <hr>
 </div>
\ No newline at end of file