hyperlinked certificates to the website and updated loader animation

components/cards/CourseCard.module.scss

@@ -21,7 +21,7 @@
   .courseName {
     font-size: 1.3rem;
     padding: 5px 0;
-    font-weight: 600;
+    font-weight: 400;
   }
   .courseDescription {
     font-size: 1rem;

components/cards/EventCard.module.scss

@@ -32,8 +32,3 @@
     margin-bottom: 10px;
   }
 }
-
-.eventCard:hover {
-  background-color: rgb(250, 250, 250);
-  filter: drop-shadow(0 2px 3px rgba(1, 0, 0, 0.1));
-}

components/layout/navbar/Navbar.js

@@ -1,5 +1,4 @@
 import Image from "next/image";
-import { useState } from "react";
 import logo from "../../../images/gdscLogo.png";
 import styles from "./Navbar.module.scss";
 import Link from "next/link";

components/layout/navbar/Navbar.module.scss

@@ -108,4 +108,14 @@
   #navLinks {
     height: 30vh;
   }
+  #navList {
+    a {
+      text-decoration: none;
+      color: #000;
+    }
+
+    a:hover {
+      color: rgb(0, 70, 140);
+    }
+  }
 }

components/loader/Loader.js

@@ -1,11 +1,13 @@
-import Image from "next/image";
-import loaderGIF from "../../images/loader.gif";
 import styles from "./Loader.module.scss";
 
 function Loader() {
   return (
     <div id={styles.loader}>
-      <Image src={loaderGIF} alt="" />
+      <div id={styles.circles}>
+        <div id={styles.circle1} />
+        <div id={styles.circle2} />
+        <div id={styles.circle3} />
+      </div>
     </div>
   );
 }

components/loader/Loader.module.scss

@@ -7,16 +7,43 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  img {
-    height: 50vh;
-    width: auto;
-  }
-}
-@media only screen and (max-width: 450px) {
-  #loader {
-    img {
-      height: auto;
-      width: 50%;
+  #circles {
+    display: flex;
+    flex-direction: row;
+    div {
+      width: 30px;
+      height: 30px;
+      border-radius: 50%;
+      margin: 0 5px;
+    }
+    @keyframes osc {
+      0% {
+        transform: translateY(15px);
+      }
+      48% {
+        transform: translateY(-15px);
+      }
+      52% {
+        transform: translateY(-15px);
+      }
+      100% {
+        transform: translateY(15px);
+      }
+    }
+    #circle1 {
+      background-color: #4285f4;
+      transform: translateY(15px);
+      animation: osc 2.5s infinite both;
+    }
+    #circle2 {
+      background-color: #db4437;
+      transform: translateY(15px);
+      animation: osc 2.5s 0.1s infinite both;
+    }
+    #circle3 {
+      background-color: #f4b400;
+      transform: translateY(15px);
+      animation: osc 2.5s 0.2s infinite both;
     }
   }
 }

content/events.json

@@ -121,13 +121,6 @@
       "date": "JAN 23, 2023",
       "content": "Memorandum of Understanding",
       "href": "#"
-    },
-    {
-      "image": "loarr",
-      "title": "Loarr Community",
-      "date": "FEB 23, 2023",
-      "content": "Memorandum of Understanding",
-      "href": "#"
     }
   ]
 }