RSVP Ready (#12)

* Finalize site for invites * mentor link
icssc · Nov 2, 2023 · 84cd2a3 · 84cd2a3
1 parent c4037ed
commit 84cd2a3
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 4 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/logo.svg → public/icssc_logo.svg b/public/logo.svg → public/icssc_logo.svg
diff --git a/public/webjam_logo.png b/public/webjam_logo.png
diff --git a/src/components/hero/hero.js b/src/components/hero/hero.js
@@ -33,15 +33,15 @@ export default function HeroSection() {
           <p className="text-2xl md:text-3xl lg:text-4xl">
             <a
               className="rounded-xl border-4 border-solid border-yellow-300 px-3 py-1 hover:bg-yellow-300 transition duration-300"
-              href="https://studentcouncil.ics.uci.edu/"
+              href="https://docs.google.com/forms/d/e/1FAIpQLScSo2MhU1ehmKB9ERKE2QQ-okO6D_BgzZWXlZt-cEo7d_mOYQ/viewform"
               target="_blank"
             >
               Apply
             </a>
             {" or be a "}
             <a 
             className="underline decoration-black hover:decoration-[#00B929] transition duration-300"
-            href="https://studentcouncil.ics.uci.edu/"
+            href="https://docs.google.com/forms/d/e/1FAIpQLSf6TAua_AGJz-svV4iHu5nUDNYT5qXT2JmHLON8txusYHuAZg/viewform"
             target="_blank"
             >
               mentor

diff --git a/src/components/navbar.js b/src/components/navbar.js
@@ -25,7 +25,7 @@ export default function Navbar() {
     <nav className={`${styles.nav} ${showNav ? "opacity-100" : "opacity-0"} place-content-center md:pl-[4rem] md:place-content-start`}>
       <ul>
         <a href="/">
-          <img src="/logo.svg" alt="ICSSC Logo" />
+          <img src="/webjam_logo.png" alt="WebJam 2023 Logo" />
         </a>
         <li>
           <a href="#about">About</a>

diff --git a/src/styles/NavBar.module.css b/src/styles/NavBar.module.css
@@ -25,11 +25,27 @@
   gap: 28px;
 
 }
+
+@keyframes shake {
+  25% {
+    transform: rotate(-10deg);
+  }
+  75% {
+    transform: rotate(10deg);
+  }
+}
+
 .nav ul:first-child a img{
-  height: 50px;
+  height: 70px;
   margin-right: 10px;
 }
 
+.nav ul:first-child a img:hover{
+  animation: shake .3s;
+}
+
+
+
 .nav ul li {
   font-size: 25px;
   font-weight: 500;