Update events stuff

Author: chiragzq

src/components/footer.astro

@@ -9,16 +9,16 @@ const links: Array<FooterLink> = [
     description: "ML-Purdue Homepage",
     icon: "mdi:home",
   },
-  {
-    url: "https://github.com/ML-Purdue",
-    description: "View source on GitHub",
-    icon: "fa-brands:github-alt",
-  },
   {
     url: "https://discord.gg/KphYQFSVsu",
     description: "ML-Purdue Discord",
     icon: "fa-brands:discord",
   },
+  {
+    url: "https://github.com/ML-Purdue",
+    description: "View source on GitHub",
+    icon: "fa-brands:github-alt",
+  },
   {
     url: "https://www.instagram.com/mlpurdue/",
     description: "ML-Purdue on IG",
@@ -30,12 +30,18 @@ const links: Array<FooterLink> = [
     icon: "fa-brands:linkedin",
   },
 ];
+
+export interface Props {
+  ignoreHome?: boolean
+}
+const { ignoreHome = false } = Astro.props;
+
 ---
 
 <footer class="relative flex h-64 items-center justify-center">
-  <ul class="relative grid grid-cols-2 gap-4 sm:grid-cols-5">
+  <ul class=`relative grid grid-cols-2 gap-4 sm:grid-cols-${ignoreHome ? 4 : 5}`>
     {
-      links.map((link) => (
+      links.slice(ignoreHome ? 1 : 0).map((link) => (
         <li>
           <a
             class="flex h-16 w-16 items-center justify-center rounded-full border-2 border-current p-4"

src/components/header.astro

@@ -9,19 +9,11 @@ export interface Props {
 const navItems: Array<NavItem> = [
   { title: "About", url: "/about" },
   { title: "Projects", url: "https://jacob-zietek.notion.site/cb2f4b5c6c9a46d584ffbab4eb322336?v=9b9044caf9f243e1803d058673700963" },
-  {
-    title: "Events",
-    sublinks: [
-    { title: "Events Calendar", url: "/events" },
-    { title: "DagsHub Hackathon", url: "/dagshub-hackathon" },
-    { title: "Coffee Chats", url: "/coffee-chats" },
-      { title: "Archive", url: "/events-archive" },
-    ],
-  },
+  { title: "Events", url: "/#eventscalendar" },
   { title: "AIGuide Blog", url: "/blog"},
   { title: "Sponsor", url: "/sponsor"},
   { title: "Contact", url: "/contact" },
-  { title: "Apply", url: "/apply" },
+  { title: "Archive", url: "/events-archive" },
 ];
 const { fixed } = Astro.props;
 ---

src/components/intro.astro

@@ -10,7 +10,9 @@ import Logo from "./logo.astro";
     ML@Purdue is the central club for <span class="text-primary">AI/ML career growth</span> for Purdue students. ML@Purdue supports careers in industry, research, and entrepreneurial ventures through projects and various events. The club serves to connect Purdue students to AI/ML leaders in and out of Purdue.
   </Fragment>
 </ContentSection>
-
+<ContentSection id="eventscalendar" title="Events Calendar">
+  <iframe id="events" style="width:75vw; height:65vh;filter:invert(0.9) saturate(2) hue-rotate(232deg)" src="https://calendar.google.com/calendar/u/0/embed?src=3951dbb2399906412eb63e032ca35716de8ccd8a871bfbfb89008309123454e0@group.calendar.google.com&ctz=America/Indiana/Indianapolis" />
+</ContentSection>
 <ContentSection title="Achievements" id="achievements">
   <div
     data-achievements

src/components/splash.astro

@@ -1,6 +1,7 @@
 ---
 import Starfield from "~/components/starfield.astro";
 import mlPurdueLogo from "~/assets/logo-main.webp";
+import Footer from "./footer.astro";
 const widths = [450, 800];
 const sizes = "(min-width: 640px) 42vw, 67vw";
 ---
@@ -17,6 +18,9 @@ const sizes = "(min-width: 640px) 42vw, 67vw";
       <div class="gradient-text text-center font-extrabold text-8xl">
         ML@Purdue
       </div>
+      <div>
+        <Footer ignoreHome={true}></Footer>
+      </div>
     </h2>
   </div>
 </section>

src/pages/dagshub-hackathon.astro

@@ -223,10 +223,10 @@ const description = "ML@Purdue DagsHub Hackathon";
         let hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
         let minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
         let seconds = Math.floor((diff % (1000 * 60)) / 1000);
-        dayElements[0].innerHTML = days;
-        dayElements[1].innerHTML = hours;
-        dayElements[2].innerHTML = minutes;
-        dayElements[3].innerHTML = seconds;
+        dayElements[0].innerHTML = Math.max(0,days);
+        dayElements[1].innerHTML = Math.max(0,hours);
+        dayElements[2].innerHTML = Math.max(0,minutes);
+        dayElements[3].innerHTML = Math.max(0,seconds);
     }
     updateDate();
     setInterval(updateDate, 1000);

src/pages/events-archive.astro

@@ -37,6 +37,8 @@ const description = "ML@Purdue Website";
         <p>This page contains information and recordings from past ML@Purdue events. For upcoming events, please see the <a class="underline" href='/events'>events page</a>.</p>
     </ContentSection>
     <Spacer y={48} />
+    <a href="/coffee-chats" class="underline decoration-dotted decoration-fuchsia-500"><ContentSection id="coffechats" title="Coffee Chats"></ContentSection></a>
+    <a href="/dagshub-hackathon" class="underline decoration-dotted decoration-fuchsia-500"><ContentSection id="dagshubhackathon" title="DagsHub Hackathon"></ContentSection></a>
     <ContentSection id="workshops" title="Beginner Workshops">
 
         <h1 class="font-bold text-xl text-center">Workshop Materials</h1>