update hero text, remove registration button

calblueprint · Feb 12, 2024 · 2a88f21 · 2a88f21
1 parent d6dbe45
commit 2a88f21
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 16 deletions.
diff --git a/src/components/Button.astro b/src/components/Button.astro
@@ -57,12 +57,14 @@ if (variant === 'menu') classes.push('menu');
   a.primary {
     background-color: colors.$primary;
 
-    &:hover {
-      background-color: $primary-hover;
-    }
+    &:not(.disabled) {
+      &:hover {
+        background-color: $primary-hover;
+      }
 
-    &:active {
-      background-color: $primary-pressed;
+      &:active {
+        background-color: $primary-pressed;
+      }
     }
   }
 </style>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -21,12 +21,11 @@ import Brand from './Brand.astro';
     to tackle social challenges
   </h1>
   <article>
-    <Button variant="primary" href="http://tinyurl.com/hackforimpactregister">
-      <p class="btn-text">Register now!</p>
-      <Image src={redirectArrow} alt="external" />
+    <Button variant="primary">
+      <p class="btn-text">Applications are closed!</p>
     </Button>
     <span>
-      Registration will close Feb. 16th. Follow
+      Follow
 
       <a
         href="https://www.instagram.com/calblueprint/"
@@ -42,7 +41,7 @@ import Brand from './Brand.astro';
         referrerpolicy="no-referrer">@calhacks</a
       >
 
-      on Instagram for updates!
+      on Instagram for future events and updates!
     </span>
   </article>
 
@@ -226,7 +225,7 @@ import Brand from './Brand.astro';
     .bear-right {
       position: absolute;
       right: -$offset-right;
-      top: 50%;
+      top: 55%;
       transform: translate(
         calc(25px + clamp(#{-$offset-right}, -12vw, 0px)),
         calc(-160px - 50%)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -6,7 +6,6 @@ import { motion, AnimatePresence } from 'framer-motion';
 import styles from './style.module.scss';
 import logo from '../../graphics/tentative logo.svg';
 import { useEffect, useRef } from 'react';
-import Button from '../Button';
 
 interface Link {
   name: string;
@@ -56,10 +55,6 @@ export default function NavBar({ links }: Props) {
             <h5>{l.name}</h5>
           </a>
         ))}
-        {/* registration button */}
-        <Button variant="menu" href="https://tinyurl.com/hackforimpactregister">
-          REGISTER
-        </Button>
       </section>
 
       {/* backdrop */}