luma calendar, mail btn, projects page update

Author: nchshri

src/components/footer.astro

@@ -9,6 +9,11 @@ const links: Array<FooterLink> = [
     description: "ML-Purdue Homepage",
     icon: "mdi:home",
   },
+  {
+    url: "mailto:[email protected]",
+    description: "Contact ML@Purdue",
+    icon: "heroicons-outline:mail",
+  },
   {
     url: "https://discord.gg/KphYQFSVsu",
     description: "ML-Purdue Discord",
@@ -39,13 +44,13 @@ const { ignoreHome = false } = Astro.props;
 
 <footer class="relative flex h-64 items-center justify-center">
   <ul
-    class=`relative grid grid-cols-5 gap-3 -ml-5 sm:ml-0 sm:gap-3 sm:grid-cols-${ignoreHome ? 4 : 5}`
+    class=`relative grid grid-cols-4 -ml-${ignoreHome ? 5 : 0} sm:ml-0 gap-2 sm:gap-3 sm:grid-cols-${ignoreHome ? 5 : 6}`
   >
     {
-      links.slice(ignoreHome ? 1 : 0).map((link) => (
+      links.slice(ignoreHome ? 2 : 0).map((link) => (
         <li>
           <a
-            class="flex h-16 w-16 items-center justify-center rounded-full border-2 border-current p-4"
+            class="flex h-14 w-14 items-center justify-center rounded-full border-2 border-current p-3"
             href={link.url}
           >
             <span class="sr-only">{link.description}</span>

src/components/header.astro

@@ -55,7 +55,7 @@ const { fixed } = Astro.props;
                         width="16"
                         fill="none"
                         viewBox="0 0 24 24"
-                        stroke="white"
+                        stroke="light"
                         height="8rem"
                         width="8rem"
                       >
@@ -78,7 +78,7 @@ const { fixed } = Astro.props;
                     </ul>
                   </>
                 ) : (
-                  <a class="font-semibold text-sm" href={url}>
+                  <a class={`font-semibold text-sm`} href={url}>
                     {title}
                   </a>
                 )}
@@ -234,8 +234,8 @@ const { fixed } = Astro.props;
   [data-hover-link-container] {
     position: absolute;
     left: 0;
-    z-index: 10;
-    top: 100%; /* fallback in case JS hasn’t run yet */
+    z-index: 100;
+    top: 100%;
   }
 
   ul:hover,

src/components/intro.astro

@@ -6,10 +6,12 @@ import ContentSection from "~/components/content-section.astro";
   <h1 class="text-center orbitron text-5xl sm:text-7xl mb-6">EVENTS CALENDAR</h1>
   <div class="flex justify-center items-center w-full">
     <iframe
-      id="events"
-      class="w-[75vw] h-[65vh]"
-      style="filter: invert(0.9) saturate(2) hue-rotate(232deg);"
-      src="https://lu.ma/calendar/cal-HX9Is6QZH62nopX?period=past"
+      src="https://lu.ma/embed/calendar/cal-aOhcnJ1PuLTOK9G/events"
+      style="border: 1px solid #bfcbda88; border-radius: 4px;"
+      class="w-[70vw] sm:w-[80vw] h-[60vh] sm:h-[75vh]"
+      allowfullscreen=""
+      aria-hidden="false"
+      tabindex="0"
     ></iframe>
   </div>
 </div>

src/components/splash.astro

@@ -24,7 +24,7 @@ const sizes = "(min-width: 640px) 42vw, 67vw";
           PURDUE
         </h1>
       </div>
-      <div class="-mt-24 ml-20 place-items-end md:ml-0">
+      <div class="-mt-24 ml-5 md:ml-20 place-items-center sm:place-items-end">
         <Footer ignoreHome={true} />
       </div>
     </h2>

src/data-entries.ts

@@ -6,28 +6,29 @@ export const projectItems: Array<ProjectItem> = [
   {
     link: "https://github.com/PranayN23/NFLResourceAnalysis",
     name: "NFL Predicitve Resource Allocation",
-    desc: "Predicting Team Success in the NFL",
+    desc: "Scraped 10 more years of relevant nfl salary cap, performance, draft, and advanced analytical data and stored them into MongoDB. Created basic UIs for searching based on relevant player data.",
     pm: "Pranay Nandkeolyar",
     status: "closed",
-    commitment: "3",
     proficiency: "Beginner",
     domain: ["Time Series Modelling"],
     duration: "Fall 2024",
     memberInfo: "https://docs.google.com/spreadsheets/d/1BrO2emnEI6psEeNaZrsmL0Wwp-SL5hwEdpTG34ErwlM/edit?usp=sharing",
   },
   {
     name: "Kaggle",
-    desc: "Learning through Participation in Kaggle Competitions",
+    desc: "Learning through Participation in Kaggle Competitions.",
     pm: "Neil Sahai",
     status: "closed",
     proficiency: "Beginner",
     domain: ["General"],
     duration: "Fall 2024 + Spring 2025",
     memberInfo: "https://docs.google.com/spreadsheets/d/1iXUDsyLzoB7aPhIs960i16HsB-XWROdO_fJlzmVkhUA/edit?usp=sharing",
+    accomplishments: ["Competed in 5+ Kaggle competitions with accuracy rates of upwards of 90%."],
   },
   {
+    link: "https://www.theinboxpilot.com/",
     name: "InboxPilot",
-    desc: "LLM-powered inbox automation application",
+    desc: "Over the year, the team was able to successfully develop a fully functional email assistant which allows users to create natural language rules, draft replies using personal context, semantically search an inbox, and handle email using voice. InboxPilot onboarded 15 beta users, processed over 4000 emails, and made over a 100 automatic drafts.",
     pm: "Rishi Mantri",
     status: "closed",
     proficiency: "Beginner",
@@ -40,12 +41,10 @@ export const projectItems: Array<ProjectItem> = [
     desc: "Pollutant concentration analysis from Satellite Data",
     pm: "Michael J. Wang",
     status: "closed",
-    commitment: "10 - 15",
     proficiency: "Intermediate",
     domain: ["Time Series Modelling", "Computer Vision"],
     duration: "Fall 2024 + Spring 2025",
     advisor: "Prof. Guang Lin, Dr. Gary Doran, Dr. Sina Hasheminassab",
-    assess: "https://drive.google.com/drive/folders/1jHcP_nIdbgJPpEaulooN0E420E3uqODm?usp=drive_link",
     memberInfo: "https://docs.google.com/spreadsheets/d/16FAs44aVyDcLF_S8B9ZqsyMmEJP98LL1RL5mK3Rgqak/edit?usp=drive_link",
   },
   {
@@ -54,10 +53,10 @@ export const projectItems: Array<ProjectItem> = [
     desc: "Creating an unmanned autonomous boat that can complete complex tasks",
     pm: "Nicholas Wade",
     status: "closed",
-    commitment: "10",
     proficiency: "Intermediate",
     domain: ["Process Control", "Computer Vision"],
     memberInfo: "https://docs.google.com/spreadsheets/d/1DwIMw7RrkFmX49ZkZCin6s6-WuL4-Qbt1CeX-CzUKes/edit?usp=sharing",
+    accomplishments: ["2nd Place Trine AIMM ICC competition"],
   },
   {
     name: "PokeRI",
@@ -67,50 +66,44 @@ export const projectItems: Array<ProjectItem> = [
     proficiency: "Intermediate",
     domain: ["Reinforcement Learning"],
     duration: "Fall 2024",
-    assess: "https://drive.google.com/file/d/1NzBIi6WvnyadC2JMxD-yJHN7P12ETrJ_/view?usp=sharing",
     memberInfo: "https://docs.google.com/spreadsheets/d/1Y8ne9Sd2sSYp3ZUnvT8z1kZBL4PpwDj4ojAjCNmkwiw/edit?usp=sharing",
   },
   {
     name: "SWAT: Students Winning at Algo Trading",
     desc: "Algorithmic Trading Competitive Team",
     pm: "Yohaan Chokhany",
     status: "closed",
-    commitment: "5 - 10",
     proficiency: "Intermediate",
     domain: ["Finance"],
-    assess: "https://github.com/YohaanChokhany/swat-onboarding",
     memberInfo: "https://docs.google.com/spreadsheets/d/1ancxMFSFhrRXvLnslGnoTBjTdfD3rlVcdPBTEmG3vj0/edit?usp=sharing",
   },
   {
     name: "Drone Vision",
-    desc: "Computer vision algorithms for autonomous urban navigation",
+    desc: "The team successfully generated a synthetic dataset of images taken from in the middle of urban scenes. They used Meta Segment Anything (SAM) model to generate masks, out of which they selected relevant classes, and used the MMSegmentation library to train a new semantic segmentation model.",
     pm: "Manav Gagani",
     status: "closed",
-    commitment: "5 - 10",
     proficiency: "Intermediate",
     domain: ["Computer Vision", "Segmentation", "Object Detection"],
     duration: "Fall 2024 + Spring 2025",
-    assess: "https://github.com/mgagvani/dronevision-onboarding",
     memberInfo: "https://docs.google.com/spreadsheets/d/1ebeAdjMo2XRojZZ19xloosyoWY1_6ggUHwn-tXB_ilY/edit?usp=sharing",
   },
   {
     name: "TE AI Cup 2024-2025",
-    desc: "Scholarship project with TE Connectivity",
+    desc: "Developed a novel industrial solution backed by a state-of-the-art learning method in academic research.",
     pm: "Daniel Park",
     status: "closed",
-    commitment: "10",
     proficiency: "Advanced",
     domain: ["Process Control", "Computer Vision"],
     duration: "Fall 2024 + Spring 2025",
     advisor: "Sonny Osunkwo",
     memberInfo: "https://docs.google.com/spreadsheets/d/1im0FjZLBWWyVQxM2imX2Ngd8s8qV9HTOeXQrJR1ZBmo/edit?usp=sharing",
+    accomplishments: ["Nationally 2nd", "Globally 3rd", "Patent", "Academic Paper"],
   },
   {
     name: "AI Student Advisor",
     desc: "LLM chatbot that acts as a student advisor",
     pm: "Andrew Qiang",
     status: "closed",
-    commitment: "5 - 10",
     domain: ["NLP"],
     duration: "Fall 2024",
     memberInfo: "https://docs.google.com/spreadsheets/d/1sZ4v9iwCEvijWEUFRMNC82FE8sn0g_Z0KF2f6PMBdb4/edit?usp=drive_link",

src/pages/about.astro

@@ -33,16 +33,6 @@ const description = "ML@Purdue Website";
     <article class="mt-20 w-[90vw] max-w-[80ch]">
       <MLPurdueAbout />
     </article>
-    <div
-      class="flex flex-col items-center justify-center -mr-7 sm:mr-0 gap-[5px] md:flex-row md:items-start md:gap-12"
-    >
-      <div
-        class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
-      >
-        <span class="pt-4 font-semibold text-2xl">Contact Us!</span>
-        <span class="text-sm"><b>🖂</b> [email protected]</span>
-      </div>
-      <Footer />
-    </div>
+    <Footer />
   </body>
 </html>

src/pages/index.astro

@@ -36,16 +36,6 @@ const description = "ML@Purdue Website";
     <div class="space-y-10 px-8 pt-20">
       <Intro />
     </div>
-    <div
-      class="mx-10 flex flex-col items-center justify-center gap-[5px] md:flex-row md:items-start md:gap-12"
-    >
-      <div
-        class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
-      >
-        <span class="pt-4 font-semibold text-2xl">Contact Us!</span>
-        <span class="text-sm"><b>🖂</b> [email protected]</span>
-      </div>
-      <Footer />
-    </div>
+    <Footer />
   </body>
 </html>

src/pages/projects.astro

@@ -67,23 +67,23 @@ const description = "ML@Purdue Website";
                 </p>
             </div>
             {
-                projectItems.map(({ link, name, desc, pm, status, commitment, proficiency, domain, duration, advisor, assess, memberInfo }) => (
-                    <section class="relative flex w-screen border-b-[1px] border-purple-500 -mt-4 h-[54vh] lg:h-[42vh]">
-                        <div class="flex flex-col justify-between items-end border-r-[1px] h-[54vh] lg:h-[42vh] w-[30vw] lg:w-[26vw] text-right border-purple-500 p-2 lg:p-4">
+                projectItems.map(({ link, name, desc, pm, status, commitment, proficiency, domain, duration, advisor, memberInfo, accomplishments }) => (
+                    <section class="relative flex w-screen border-b-[1px] border-purple-500 -mt-4">
+                        <div class="flex flex-col justify-between items-end w-[30vw] lg:w-[26vw] text-right p-2 pb-3">
                             <div class="flex flex-col items-end">
                               <h2 class="text-xs lg:text-sm leading-snug">{duration}</h2>
                               <span class="-mt-2">
                                 {proficiency && (<span class="text-xs lg:text-sm leading-snug font-semibold">{proficiency}</span>)}
                                 {commitment && (<span class="whitespace-nowrap text-xs lg:text-sm leading-snug">{commitment} hrs/week</span>)}
                               </span>
                             </div>
-                            <span class="bg-purple-900 ml-3 text-white rounded-md py-1 px-4 text-xs leading-snug">
+                            <span class={`bg-${(status == "closed") ? "gray-700" : "purple-900"} ml-3 text-white rounded-md py-1 px-4 text-xs leading-snug`}>
                                 {status}
                             </span>
                         </div>
 
-                        <div class="flex flex-col lg:justify-center pt-2 lg:pt-0 h-full pl-2 lg:pl-4 max-w-[63vw]">
-                            <span class="orbitron text-xl lg:text-2xl lowercase leading-tight mb-1">
+                        <div class="flex border-l-[1px] border-purple-500 ml-2 flex-col p-5 lg:justify-center pt-2 lg:pt-0 h-full pl-2 lg:pl-4 max-w-[63vw]">
+                            <span class="orbitron text-xl lg:text-2xl leading-tight sm:mt-3 mb-1">
                               {link ? 
                                 <a href={link}>{name}</a>
                                 :
@@ -97,20 +97,22 @@ const description = "ML@Purdue Website";
                                     </span>
                                 ))}
                             </div>
-                            <p class="text-sm mt-3">{desc}</p>
-                            <h2 class="text-sm lg:text-base mt-2">
+                            <p class="text-xs mt-3">{desc}</p>
+                            <h2 class="text-xs lg:text-sm mt-2">
+                                <div class="flex flex-wrap mt-1 gap-2 mb-4">
+                                  {accomplishments && accomplishments.map((a) => (
+                                    <span class="text-xs -mt-2 mr-2 font-semibold text-purple-400">
+                                      ★ {a}
+                                    </span>
+                                  ))}
+                                </div>
                                 <span>{pm} {advisor && (<span>, Advisor: {advisor}</span>)}</span>
-                                <div class="flex flex-wrap gap-2">
+                                <div class="flex flex-wrap mt-1 gap-2">
                                     {memberInfo && (
                                         <a href={memberInfo} class="whitespace-nowrap bg-purple-900 hover:bg-purple-100 text-white rounded-md py-1 px-4 text-xs leading-snug">
                                             member info
                                         </a>
                                     )}
-                                    {assess && (
-                                        <a href={assess} class="whitespace-nowrap bg-purple-900 hover:bg-purple-100 text-white rounded-md py-1 px-4 text-xs leading-snug">
-                                            assessment link
-                                        </a>
-                                    )}
                                 </div>
                             </h2>
                         </div>
@@ -119,16 +121,6 @@ const description = "ML@Purdue Website";
             }
         </ContentSection>
     </article>
-    <div
-      class="flex flex-col items-center justify-center -mr-7 gap-[5px] md:flex-row md:items-start md:gap-12"
-    >
-      <div
-        class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
-      >
-        <span class="pt-4 font-semibold text-2xl">Contact Us!</span>
-        <span class="text-sm"><b>🖂</b> [email protected]</span>
-      </div>
-      <Footer />
-    </div>
+    <Footer />
   </body>
 </html>

src/pages/reading-group.astro

@@ -73,7 +73,7 @@ const description = "ML@Purdue Website";
                         </div>
 
                         <div class="flex flex-col lg:justify-center pt-2 lg:pt-0 h-full pl-2 lg:pl-4">
-                            <span class="orbitron text-xl lg:text-2xl max-w-[63vw] lowercase leading-tight mb-1">{topic}</span>
+                            <span class="orbitron text-xl lg:text-2xl max-w-[63vw] leading-tight mb-1">{topic}</span>
                             <div class="flex flex-wrap gap-2">
                                 {domain.map((a) => (
                                     <span class="whitespace-nowrap bg-gray-700 text-white rounded-md py-1 px-3 text-xs leading-snug">
@@ -95,16 +95,6 @@ const description = "ML@Purdue Website";
             }
         </ContentSection>
     </article>
-    <div
-      class="flex flex-col items-center justify-center -mr-7 sm:mr-0 gap-[5px] md:flex-row md:items-start md:gap-12"
-    >
-      <div
-        class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
-      >
-        <span class="pt-4 font-semibold text-2xl">Contact Us!</span>
-        <span class="text-sm"><b>🖂</b> [email protected]</span>
-      </div>
-      <Footer />
-    </div>
+    <Footer />
   </body>
 </html>

src/pages/sponsor.astro

@@ -122,16 +122,6 @@ const description = "ML@Purdue Sponsorship";
       </ContentSection>
     </article>
 
-    <div
-      class="mx-10 flex flex-col items-center justify-center gap-[5px] md:flex-row md:items-start md:gap-12"
-    >
-      <div
-        class="mt-20 -mb-20 flex flex-col items-center text-left md:mb-0 md:items-start"
-      >
-        <span class="pt-4 font-semibold text-2xl">Contact Us!</span>
-        <span class="text-sm"><b>🖂</b> [email protected]</span>
-      </div>
-      <Footer />
-    </div>
+    <Footer />
   </body>
 </html>