add hover effect to logo, standartdise behavior with navbar

Author: DougInAMug

_assets/borg.css

@@ -16,6 +16,11 @@ header {
 	margin: 0 auto;
 }
 
+/* apply drop shadow to logo paths */
+#logo path {
+	filter: drop-shadow(0 0 2px black)
+}
+
 header h1 {
 	margin: 0;
 	text-align: center;
@@ -30,8 +35,8 @@ nav > ol {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
-	gap: 1rem;
-	padding: 0;
+	gap: 0.5rem;
+	padding: 0 0.75rem;
 }
 
 nav > ol > li {
@@ -53,11 +58,13 @@ nav > ol > li > a {
 		"Fira Mono", 
 		"Droid Sans Mono", 
 		monospace;
+	padding: 0.25rem;
 }
 
-nav > ol > li > a:hover {
-	text-shadow: 0 0 5px black;
-	background: radial-gradient(#22D045, transparent);
+nav > ol > li > a:hover, 
+#logo svg:hover {
+	text-shadow: 0 0 2px black;
+	background: radial-gradient(closest-side, #22D045, transparent);
 }
 
 main.content {

_assets/logo.svg

@@ -11,7 +11,7 @@
 <header>
 	<div id="logo">
 		<h1><a href="/"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240pt" height="100pt">
-			<path id="p0" fill="#000200" d="M0 66.6667L0 0L160 0L320 0L320 66.6667L320 133.333L160 133.333L0 133.333Z"/>
+			<path id="p0" fill="transparent" d="M0 66.6667L0 0L160 0L320 0L320 66.6667L320 133.333L160 133.333L0 133.333Z"/>
 			<path id="p1" transform="translate(20.9086, 32.2192)" fill="#00dd00" d="M43.75 13.8021L26.6667 13.8021L26.6667 0L53.3854 0L67.2396 13.8021L67.2396 27.8646L60.3125 34.7917L67.2396 41.7187L67.2396 55.3125L53.3854 69.1146L26.6667 69.1146L26.6667 55.3125L43.75 55.3125L43.75 40.5729L26.6667 40.5729L26.6667 28.5417L43.75 28.5417ZM0 0L23.0208 0L23.0208 69.1146L0 69.1146Z"/>
 			<path id="p2" transform="translate(97.6794, 46.0213)" fill="#00dd00" d="M62.1354 41.5104L48.3333 55.3125L32.9167 55.3125L32.9167 42.3958L38.6458 42.3958L38.6458 13.8021L32.9167 13.8021L32.9167 0L48.3333 0L62.1354 13.8021ZM23.2813 42.3958L29.2708 42.3958L29.2708 55.3125L13.8021 55.3125L0 41.5104L0 13.8021L13.8021 0L29.2708 0L29.2708 13.8021L23.2813 13.8021Z"/>
 			<path id="p3" transform="translate(170.231, 46.0213)" fill="#00dd00" d="M36.5104 13.8021L26.7187 13.8021L26.7187 7.76042L34.4271 0L48.3854 0L59.5833 12.9167L59.5833 27.2396L36.5104 27.2396ZM0 55.3125L0 7.10543e-15L23.0208 7.10543e-15L23.0208 55.3125Z"/>