Initial commit (#46)

Co-authored-by: Scott Pierce-Wrobel <[email protected]>
marinecoders · Apr 25, 2024 · 03aad7b · 03aad7b
1 parent f3a7483
commit 03aad7b
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 20 deletions.
diff --git a/src/components/static/Navigation.svelte b/src/components/static/Navigation.svelte
@@ -165,22 +165,27 @@
           </div>
           {#each dropdownLinks as dropdown}
             <div class="pt-4 mx-8">
-              <a
-                class="flex justify-between font-bold hover:text-mcswf-gold"
-                href={dropdown.url}
-                role="button"
-                on:click={() => toggleDropdown(dropdown.text)}
-                on:keydown={(event) => {
-                  if (event.key === 'Enter' || event.key === ' ') {
-                    toggleDropdown(dropdown.text)
-                  }
-                }}>
-                <span class="menu-item">{dropdown.text}</span>
+              <div class="flex justify-between">
+                <a
+                  class="flex font-bold hover:text-mcswf-gold"
+                  href={dropdown.url}
+                  role="button"
+                >
+                  <span class="menu-item">{dropdown.text}</span>
+                </a>
                 {#if dropdown.subLinks.length > 0}
-                  <span class="text-xl text-right"
-                    >{dropdowns[dropdown.text] ? '-' : '+'}</span>
+                  <span
+                    on:click={() => toggleDropdown(dropdown.text)}
+                    on:keydown={(event) => {
+                      if (event.key === 'Enter' || event.key === ' ') {
+                        toggleDropdown(dropdown.text)
+                      }
+                    }} 
+                    class="text-xl text-right">
+                      {dropdowns[dropdown.text] ? '-' : '+'}
+                  </span>
                 {/if}
-              </a>
+              </div>
               <div class={dropdowns[dropdown.text] ? 'submenu' : 'hidden'}>
                 {#each dropdown.subLinks as subLinks}
                   <div

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -15,7 +15,8 @@ const metrics = await getCollection('aboutMetrics')
 
 <Layout title="About">
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6">
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+  >
     <img src="/ega.svg" />
   </div>
   <div

diff --git a/src/pages/career.astro b/src/pages/career.astro
@@ -26,7 +26,7 @@ displaySiteBanner.set(false)
 
 <Layout title="Roles">
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
   >
     <img src="/ega.svg" />
   </div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -19,7 +19,8 @@ products.sort((a, b) => a.data.order - b.data.order)
 
 <Layout title="">
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6">
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+  >
     <img src="/ega.svg" />
   </div>
   <div

diff --git a/src/pages/products/[...product].astro b/src/pages/products/[...product].astro
@@ -29,7 +29,8 @@ const bgString = 'background-image:url(' + entry.data.background.src + ')'
 
 <Layout title={entry.data.product}>
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6">
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+  >
     <img src="/ega.svg" />
   </div>
 

diff --git a/src/pages/roles/[...role].astro b/src/pages/roles/[...role].astro
@@ -26,7 +26,8 @@ const entries = await getCollection('cohorts')
 
 <Layout title={frontmatter.role}>
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6">
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+  >
     <img src="/ega.svg" />
   </div>
   <div class="max-h-screen font-expressway red-radial-gradient scrollbar-hide">

diff --git a/src/pages/roles/index.astro b/src/pages/roles/index.astro
@@ -17,7 +17,8 @@ const { frontmatter, compiledContent } = Astro.props
 
 <Layout title="Roles">
   <div
-    class="absolute left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6">
+    class="fixed left-0 z-10 flex justify-center w-full align-middle top-24 h-5/6"
+  >
     <img src="/ega.svg" />
   </div>
   <div