small import change, color change on navbar, disclaimers updated, navbar mobile improvements, about improvements

src/components/hero.astro

@@ -11,7 +11,7 @@ This is still a work in progress and continuously expanded. Feel free to look ar
     div {
         display: flex;
         width: 100%;
-        height: 10em;
+        height: 5em;
         background-color: #2e2e2e;
         text-align: center;
         align-items: center;

src/components/navbar.astro

@@ -1,10 +1,9 @@
 ---
-import headerimg from "/logo.svg"
 ---
 
 <header>
     <a href="/fgosite/" rel="noopener noreferrer" aria-label="Home">
-        <img src={headerimg} alt="">
+        <img src="/fgosite/logo.svg" alt="">
     </a>
     <ul class="desktop">
         <slot />
@@ -24,11 +23,12 @@ import headerimg from "/logo.svg"
         display: flex;
         height: auto;
         width: 100%;
-        align-items: center;
+        align-items: flex-start;
         line-height: 1.5em;
     }
     header > a {
         padding-left: 16px;
+        padding-top: 8px;
         display: block;
         height: 48px;
         width: 48px;
@@ -80,8 +80,9 @@ import headerimg from "/logo.svg"
         color: white;
         font-weight: bold;
         font-size: 2em;
-        align-self: center;
+        align-self: flex-start;
         padding-right: 1em;
+        padding-top: 16px;
     }
 
     .mobile > ul {
@@ -98,7 +99,12 @@ import headerimg from "/logo.svg"
     }
 
     .mobile:focus-within {
-        height: 256px;
+        justify-content: top;
+        height: auto;
+    }
+    header:focus-within > a {
+        display: flex;
+        justify-self: top;
     }
 
     @media (min-width: 1120px) {
@@ -111,6 +117,11 @@ import headerimg from "/logo.svg"
 
         header {
             height: 64px;
+            align-items: center;
+        }
+
+        header > a {
+            padding-top: 0px;
         }
     }
 </style>

src/components/navbarEntry.astro

@@ -45,7 +45,7 @@ const fulllink = `/fgosite/${slug}`;
         font-weight: bold;
     }
     li > a:hover{
-        color: #551a8b;
+        color: #c105ff;
     }
     .current {
         color: #b86cffed;