added hover color to navlinks

cacama-valvata · cacama-valvata · commit 492439d7bf58 · 2023-07-06T09:23:54.000-07:00
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -26,11 +26,11 @@
           {{ else if eq $text "Home" }}
             {{ $sitetitle := "OSU Security Club - Oregon State University Security Club" }}
             <li class="nav-item px-1">
-              <a class="nav-link text-black {{ if eq $page.Title $sitetitle }}userisonthisnavnow{{ end }}" href="{{ .URL }}">{{ $text }}</a>
+              <a class="nav-link highlight-orange-nav {{ if eq $page.Title $sitetitle }}userisonthisnavnow{{ end }}" href="{{ .URL }}">{{ $text }}</a>
             </li>
           {{ else }}
             <li class="nav-item px-1">
-              <a class="nav-link text-black {{ if eq $text $page.Title }}userisonthisnavnow{{ end }}" href="{{ .URL }}">{{ $text }}</a>
+              <a class="nav-link highlight-orange-nav {{ if eq $text $page.Title }}userisonthisnavnow{{ end }}" href="{{ .URL }}">{{ $text }}</a>
             </li>
           {{ end }}
         {{ end }}
diff --git a/static/caseyhates.css b/static/caseyhates.css
@@ -10,6 +10,7 @@ body {
     display: flex;
     flex-direction: column;
 }
+
 #main {
     margin-top: 150px;
     flex-grow: 1;
@@ -38,3 +39,14 @@ body {
 .userisonthisnavnow {
     border-bottom: 3px solid var(--primary-color);
 }
+
+.highlight-orange-nav {
+    color: black;
+}
+
+.highlight-orange-nav:hover {
+    color: var(--secondary-color) !important;
+}
+
+
+
