split brand, add redirect to club websites (#17)

calblueprint · Jan 12, 2024 · 1683451 · 1683451
1 parent 1ba7f3e
commit 1683451
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 7 deletions.
diff --git a/src/components/Brand.astro b/src/components/Brand.astro
@@ -0,0 +1,34 @@
+---
+import { Image } from 'astro:assets';
+import bpLogo from '../graphics/bp.webp';
+import calHacksLogo from '../graphics/calhacks.webp';
+---
+
+<div>
+  <a href="https://calblueprint.org/" target="_blank">
+    <Image src={bpLogo} alt="Blueprint" />
+  </a>
+  <p>&</p>
+  <a href="https://calhacks.io/" target="_blank">
+    <Image src={calHacksLogo} alt="CalHacks" />
+  </a>
+</div>
+
+<style lang="scss">
+  div {
+    display: flex;
+    gap: 6px;
+    height: 50px;
+    align-items: center;
+
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+
+    a,
+    img {
+      height: 100%;
+      width: auto;
+    }
+  }
+</style>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,12 +1,12 @@
 ---
 import { Image } from 'astro:assets';
-import brandIcon from '../graphics/brand.webp';
+import Brand from './Brand.astro';
 import bearIcon from '../graphics/bear.svg';
 ---
 
 <footer>
   <Image src={bearIcon} alt="super bear" />
-  <Image class="brand" src={brandIcon} alt="brand logo" />
+  <Brand />
 </footer>
 
 <style lang="scss">
@@ -18,9 +18,4 @@ import bearIcon from '../graphics/bear.svg';
     padding-top: 164px;
     padding-bottom: 76px;
   }
-
-  .brand {
-    width: 200px;
-    height: auto;
-  }
 </style>
diff --git a/src/graphics/bp.webp b/src/graphics/bp.webp
diff --git a/src/graphics/brand.webp b/src/graphics/brand.webp
diff --git a/src/graphics/calhacks.webp b/src/graphics/calhacks.webp