projects (wip?), tried adding luma cal

nchshri · nchshri · commit 47646e07173e · 2025-08-10T17:05:25.000-04:00
diff --git a/src/components/header.astro b/src/components/header.astro
@@ -11,7 +11,7 @@ const navItems: Array<NavItem> = [
   { title: "About", url: "/about" },
   {
     title: "Projects",
-    url: "https://mlpurdue.notion.site/8e83150770684e118ed6f423ba54fb81",
+    url: "/projects",
   },
   {
     title: "Reading Group",
diff --git a/src/components/intro.astro b/src/components/intro.astro
@@ -9,7 +9,7 @@ import ContentSection from "~/components/content-section.astro";
       id="events"
       class="w-[75vw] h-[65vh]"
       style="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"
+      src="https://lu.ma/calendar/cal-HX9Is6QZH62nopX?period=past"
     ></iframe>
   </div>
 </div>
diff --git a/src/data-entries.ts b/src/data-entries.ts
@@ -1,5 +1,121 @@
 import { RGItem } from "./types";
 import { WorkshopItem } from "~/types";
+import { ProjectItem } from "./types";
+
+export const projectItems: Array<ProjectItem> = [
+  {
+    link: "https://github.com/PranayN23/NFLResourceAnalysis",
+    name: "NFL Predicitve Resource Allocation",
+    desc: "Predicting Team Success in the NFL",
+    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",
+    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",
+  },
+  {
+    name: "InboxPilot",
+    desc: "LLM-powered inbox automation application",
+    pm: "Rishi Mantri",
+    status: "closed",
+    proficiency: "Beginner",
+    domain: ["NLP"],
+    duration: "Fall 2024",
+    memberInfo: "https://docs.google.com/spreadsheets/d/1axoeYkUT-WC_uLZZ1MDmPiJQfBhHkqINkFMpeb58eFc/edit?usp=sharing",
+  },
+  {
+    name: "Geospacial Machine Learning Research Group [GeoML]",
+    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",
+  },
+  {
+    link: "https://www.trine.edu/innovation-one/aimm/winners.aspx",
+    name: "AIMM ICC",
+    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",
+  },
+  {
+    name: "PokeRI",
+    desc: "DeepRL for Pokemon Battling",
+    pm: "Kevin Wang",
+    status: "closed",
+    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",
+    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",
+    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",
+  },
+  {
+    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",
+  },
+]
 
 // WORKSHOPS
 // input most recent ones at top
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
@@ -1,11 +1,11 @@
 ---
 import "@fontsource/inter/variable.css";
 import ContentSection from "~/components/content-section.astro";
-import Item from "~/components/data/ListItem.astro";
 import Spacer from "~/components/Spacer.astro";
 import Footer from "~/components/footer.astro";
 import Header from "~/components/header.astro";
 import "~/styles/index.css";
+import { projectItems } from "~/data-entries";
 
 const { site } = Astro;
 const description = "ML@Purdue Website";
@@ -17,12 +17,9 @@ const description = "ML@Purdue Website";
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
     <!-- <meta name="generator" content={generator} /> -->
-    <title>ML@Purdue - Events</title>
+    <title>ML@Purdue - Projects</title>
     <meta name="description" content={description} />
-    <meta
-      http-equiv="refresh"
-      content="3; URL=https://mlpurdue.notion.site/8e83150770684e118ed6f423ba54fb81"
-    /><meta property="og:title" content="ML@Purdue" /><meta
+    <meta property="og:title" content="ML@Purdue" /><meta
       property="og:type"
       content="website"
     /><meta property="og:description" content={description} /><meta
@@ -39,98 +36,99 @@ const description = "ML@Purdue Website";
   <body
     class="h-full overflow-x-hidden bg-default text-default text-base selection:bg-secondary selection:text-white"
   >
-    <script>
-      window.location.href =
-        "https://mlpurdue.notion.site/8e83150770684e118ed6f423ba54fb81";
-    </script>
     <Header fixed />
-    <article class="mx-auto mt-20 w-[90vw] max-w-[80ch]">
-      <br />
-      <ContentSection title="Projects">
-        As a Project Manager you could either work on an idea you have, or you
-        could work on a project in collaboration with one of our sponsors this
-        year. Project Manager applications are open now, don't wait to apply!
-        Visit our <a href="/apply">application page</a> for more info.
-      </ContentSection>
+    <br />
+    <article class="pt-10 mt-11 w-[90vw] max-w-[80ch]">
+        <ContentSection id="projects" title="PROJECTS">
+            <div
+                class="flex w-screen border-y-[1px] border-purple-500 -mt-6 py-6"
+            >
+                <p class="max-w-[75%] pl-8 text-sm">
+                  The activities and layout of each project will vary based on content. Average projects will consist of recruitment, member training, and about 3-4 milestones each month.
+                  <br><br>
+                  Join our <a href="https://discord.gg/KphYQFSVsu" class="font-black">Discord</a> and ask in the general/help-desk channels!
+                  <br><br>
+                  <a href="https://forms.gle/D1muKAYWrEM5XnEK9" class="bg-purple-900 hover:bg-purple-100 text-white rounded-md py-1 text-sm px-16">apply here!</a>
+                </p>
+            </div>
+        </ContentSection>
 
-      <Spacer y={48} />
-      <ContentSection title="Industry Projects">
-        <ul>
-          <Item title="VEX Robotics AI Competition">
-            We are developing and releasing computer vision packages for the VEX
-            robotics community to use and create autonomous elements of their
-            robots. Project Manager: Nicholas Wade
-          </Item>
+        <Spacer y={150} />
+        <ContentSection id="workshopArchive" title="ARCHIVE">
+            <div
+              class="flex w-screen border-y-[1px] border-purple-500 -mt-6 py-6"
+            >
+                <p class="max-w-[75%] pl-8 text-sm">
+                    <b>Beginner:</b> Not expected to have experience with ML but they should be familiar with programming. Ex. Kaggle competitions, building applications with OpenAI’s API.
+                    <br><br>
+                    <b>Intermediate:</b> Project members have taken CS373/CS471/CS290 or an equivalent class, or self-taught to that level. Project members are familiar with TensorFlow or PyTorch. Ex. Building an autonomous RC car, creating a chatbot from scratch.
+                    <br><br>
+                    <b>Advanced:</b> Project members are going beyond class work knowledge, or the project requires a large time commitment. Ex. Original research (technically difficult), Creating a startup (time commitment).
+                </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">
+                            <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">
+                                {status}
+                            </span>
+                        </div>
 
-          <Item title="Algo Trading">
-            Learn about algorithmic trading and financial concepts, implement
-            trading strategies, and send teams to trading competitions. Project
-            Manager: Grant Rivera
-          </Item>
-
-          <Item title="TE Connect">
-            Compete in TE Connectivity AI cup, tasked with developing a
-            time-series forecasting model to predict financial sales for 18
-            months using external indicators and economic factors. Project
-            Manager: [Alexiy
-            Buynitsky](https://www.linkedin.com/in/alexiybuynitsky/)
-          </Item>
-          <Item title="Kaggle Team">
-            Data science competitions done in Kaggle. Involves using python to
-            extract information from data sets to solve challenges. Project
-            Manager: Neil Sahai
-          </Item>
-        </ul>
-      </ContentSection>
-      <Spacer y={64} />
-
-      <ContentSection title="Research Projects">
-        <ul>
-          <Item title="Time Series Forecasting for Air Pollution">
-            In the Time Series forecasting for Air Quality/Pollution group, we
-            are currently working on building an LSTM neural network model with
-            the goal of predicting daily concentrations of PM10 (a pollution
-            metric) in LA, California. We are also carrying out statistical
-            analyses to contextualize why LA is highly polluted and come up with
-            recommendations/policies to mitigate the effects of high pollution
-            events. Project Manager: [Sameeha
-            Afrulbasha](https://linkedin.com/in/sameeha-afrulbasha/)
-          </Item>
-          <Item title="Eye disease detection">
-            We are attempting to create a dataset of eye diseases taken from in
-            front of the eye (something that can be recreated easily with any
-            modern phone) using GANS and then attempting to use a neural network
-            to detect what disease is present in the eye. We are also attempting
-            to do this using digital retinal scans. Project Manager: [Ivan
-            Phillip](https://www.linkedin.com/in/ivan-philip-51380b250/)
-          </Item>
-
-          <Item title="Chatbots">
-            Learn how to prompt and sample from Large Language Models(LLMs) to
-            create chatbots. We’ll be working with models such as GPT-3(the one
-            that powers ChatGPT) and others. End goal of the project is to make
-            a modular, customizable chatbot that can be plugged into any
-            platform(Discord, Slack, a website, etc.) Project Manager: [Sagar
-            Patil](https://www.linkedin.com/in/patilsr/)
-          </Item>
-
-          <Item title="Lightning Wildfire Lab">
-            As the climate changes and certain places are becoming more hot and
-            less humid, we predict an increase in the risk of wildfire ignitions
-            due to lightning. Our goal is to predict wildfire ignitions caused
-            by lightning, as well as wildfire spreading and lightning striking
-            patterns using neural networks driven by high-dimensional satellite
-            data, and interpret the results using explainable AI techniques.
-            Project Manager: Michael Wang
-          </Item>
-        </ul>
-      </ContentSection>
-      <Spacer y={64} />
-
-      <ContentSection title="Entrepreneurial Projects">
-        Want to be the first? Contact us <a href="/contact">here</a>!
-      </ContentSection>
+                        <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">
+                              {link ? 
+                                <a href={link}>{name}</a>
+                                :
+                                <span>{name}</span>
+                              }
+                            </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">
+                                        {a}
+                                    </span>
+                                ))}
+                            </div>
+                            <p class="text-sm mt-3">{desc}</p>
+                            <h2 class="text-sm lg:text-base mt-2">
+                                <span>{pm} {advisor && (<span>, Advisor: {advisor}</span>)}</span>
+                                <div class="flex flex-wrap 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>
+                    </section>
+                ))
+            }
+        </ContentSection>
     </article>
-    <Footer />
+    <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> aiml@purdue.edu</span>
+      </div>
+      <Footer />
+    </div>
   </body>
-</html>
+</html>
diff --git a/src/types.ts b/src/types.ts
@@ -47,3 +47,18 @@ export interface RGItem {
   domain: Array<string>,
   extra?: string,
 }
+
+export interface ProjectItem {
+  link?: string,
+  name: string,
+  desc: string,
+  pm: string,
+  status: string,
+  commitment?: string,
+  proficiency?: string,
+  domain: Array<string>,
+  duration?: string,
+  advisor?: string,
+  assess?: string,
+  memberInfo: string,
+}

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ const navItems: Array<NavItem> = [`
`11`	`11`	`{ title: "About", url: "/about" },`
`12`	`12`	`{`
`13`	`13`	`title: "Projects",`
`14`		`- url: "https://mlpurdue.notion.site/8e83150770684e118ed6f423ba54fb81",`
	`14`	`+ url: "/projects",`
`15`	`15`	`},`
`16`	`16`	`{`
`17`	`17`	`title: "Reading Group",`