deploy: 2f2ac2b

dylansdaniels · Jan 17, 2025 · 32081b5 · 32081b5
1 parent 4aea855
commit 32081b5
Showing 1 changed file with 9 additions and 16 deletions.
diff --git a/content/assets/styles.css b/content/assets/styles.css
@@ -181,33 +181,26 @@ code {
     padding: 0 0px;
     border-bottom: 2.5px solid lightgrey;
     width: 100%;
-    /* relative position is needed for the img positioning */
     position: relative; 
+        /* 'relative' needed for the img centering */
 
 }
 
 .topbar img {
     height: 30px;
     width: auto;
-
     /* Center img around topbar */
-    /* ------------------------ */
     position: absolute;
+        /* requires 'position: relative' in .topbar */
     left: 50%;
-        /* 'left: 50%' centers the around the topbar */
     transform: translateX(-50%);
-        /*  the transform offset the images width */
-
-    /* Center img around remaining space */
-    /* --------------------------------- */
-    /* margin-left: auto; */
-    /* margin-right: auto; */
-
-    /* Center img around whole page */
-    /* ---------------------------- */
-    /* position: absolute; */
-    /* left: 50%; */
-    /* transform: translateX(-50%); */
+        /*  'transform' offsets the image's width */
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.topbar:hover img {
+    opacity: 1; /* Make the image visible when hovering over the topbar */
 }
 
 /* Social media icons */