[setup] fonts, graphics, texts (#6)

* add graphics and fonts * setup colors * setup global text styles * include span text style * add additional graphics * update pr template
calblueprint · Jan 10, 2024 · a9387c6 · a9387c6
1 parent 0d2122f
commit a9387c6
Show file tree

Hide file tree

Showing 33 changed files with 634 additions and 94 deletions.
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -1,2 +1,7 @@
 ### What's new?
 [//]: # "Describe what's new in a few lines or bullet points. Feel free to add screenshots!"
+
+
+
+#### Linear Task
+[//]: # "Link the Linear task that this PR finishes for sake of organization"
diff --git a/public/fonts/apercupro_bold.otf b/public/fonts/apercupro_bold.otf
diff --git a/public/fonts/apercupro_bold_italic.otf b/public/fonts/apercupro_bold_italic.otf
diff --git a/public/fonts/apercupro_medium.otf b/public/fonts/apercupro_medium.otf
diff --git a/public/fonts/apercupro_medium_italic.otf b/public/fonts/apercupro_medium_italic.otf
diff --git a/public/fonts/apercupro_mono_bold.ttf b/public/fonts/apercupro_mono_bold.ttf
diff --git a/public/fonts/apercupro_mono_light.ttf b/public/fonts/apercupro_mono_light.ttf
diff --git a/public/fonts/apercupro_mono_medium.ttf b/public/fonts/apercupro_mono_medium.ttf
diff --git a/public/fonts/apercupro_mono_regular.ttf b/public/fonts/apercupro_mono_regular.ttf
diff --git a/public/fonts/apercupro_regular.otf b/public/fonts/apercupro_regular.otf
diff --git a/public/fonts/apercupro_regular_italic.otf b/public/fonts/apercupro_regular_italic.otf
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -1,13 +1,13 @@
 <div class="container">
   <main>
     <div>
-      <h3 class="gray">Cal Hacks x Blueprint</h3>
+      <h3>Cal Hacks x Blueprint</h3>
       <h1>Hack for Impact</h1>
       <div class="spacer"></div>
     </div>
     <div>
       <h2>February 25, 2024</h2>
-      <p class="gray">Pauley Ballroom @ University of California, Berkeley</p>
+      <p>Pauley Ballroom @ University of California, Berkeley</p>
       <p class="spacer">
         We are connecting a community of leaders, creators, and change makers to
         tackle social challenges.
@@ -23,7 +23,6 @@
 
 <style lang="scss">
   @use '../styles/breakpoints';
-  @use '../styles/colors';
 
   .container {
     display: flex;
@@ -45,10 +44,6 @@
     }
   }
 
-  .gray {
-    color: colors.$gray;
-  }
-
   div.spacer {
     height: 0.5rem;
 

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -25,7 +25,6 @@ export default function NavBar({ links }: Props) {
         onClick={() => setMenuVisible(!menuVisible)}
       >
         <svg
-          className="w-full h-full"
           width="30"
           height="30"
           viewBox="0 0 30 30"

diff --git a/src/components/Navbar/style.module.scss b/src/components/Navbar/style.module.scss
@@ -17,7 +17,7 @@
   height: 1.5rem;
   width: 1.5rem;
   border-radius: 99999px;
-  background: colors.$gray;
+  background: colors.$accent;
   z-index: 10;
 }
 
@@ -28,12 +28,18 @@
   flex-direction: column;
   justify-content: space-between;
   z-index: 10;
+  padding: 0;
 
   @media (min-width: breakpoints.$tablet) {
     visibility: hidden;
   }
 }
 
+.button > svg {
+  width: 100%;
+  height: 100%;
+}
+
 .backdrop {
   position: absolute;
   left: 0;
@@ -70,7 +76,6 @@
   align-items: flex-end;
 
   background: rgba(0, 0, 0, 0.3);
-  color: white;
   font-weight: 300;
 
   width: 100%;
@@ -82,3 +87,7 @@
     visibility: hidden;
   }
 }
+
+.mobileLinks > a {
+  color: white;
+}
diff --git a/src/graphics/arrows.svg b/src/graphics/arrows.svg
diff --git a/src/graphics/bear.svg b/src/graphics/bear.svg
diff --git a/src/graphics/brand.svg b/src/graphics/brand.svg
diff --git a/src/graphics/clouds_star_twirl_1.svg b/src/graphics/clouds_star_twirl_1.svg
diff --git a/src/graphics/clouds_star_twirl_2.svg b/src/graphics/clouds_star_twirl_2.svg