feat: add projects

src/components/Landing/Project.astro

@@ -0,0 +1,42 @@
+---
+import { projects } from "../project";
+
+function formatLink(link: string) {
+  const newLink = link.replace(/(^\w+:|^)\/\//, "").replace("www.", "");
+
+  if (newLink.length > 32) {
+    return `${newLink.slice(0, 32)}...`;
+  }
+  return newLink;
+}
+---
+
+<div class="flex flex-col items-center gap-4">
+  <h2 class="font-workbench text-2xl font-bold">Projects</h2>
+  <div
+    class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl w-full mx-auto px-2 lg:grid-cols-3"
+  >
+    {
+      projects.map((project) => (
+        <a
+          href={project.link}
+          class="bg-white shadow-md transition-all hover:shadow-lg duration-500 ease-in-out p-4 rounded-lg flex flex-col gap-4 group"
+        >
+          <img
+            src={`/8${project.thumbnail}`}
+            alt={project.name}
+            class="w-full h-48 object-contain rounded-sm"
+          />
+          <div class="flex flex-col gap-2">
+            <h2 class="text-xl font-bold">{project.name}</h2>
+            <p class="text-gray-600 text-sm">{project.teamName}</p>
+            <p class="text-gray-400 text-xs underline group-hover:no-underline text-clip w-48">
+              {formatLink(project.link)}
+            </p>
+            <p class="text-gray-600">{project.description}</p>
+          </div>
+        </a>
+      ))
+    }
+  </div>
+</div>

src/components/Landing/Ticket.astro

@@ -7,6 +7,6 @@
     class="underline text-center text-xl hover:no-underline font-arimo bg-[#E8E8E8] px-6 py-3"
     href="https://www.eventpop.me/e/37219/sht8"
   >
-    get your ticket (NOT MANY LEFT!)
+    tickets are sold out
   </a>
 </div>

src/components/project.ts

@@ -0,0 +1,143 @@
+export const projects = [
+  {
+    teamName: "ඞ",
+    name: "is9armlivenow",
+    link: "https://is9armlivenow.vercel.app",
+    description: "เว็บเช็ก 9arm live",
+    thumbnail: "/assets/projects/5JbMvQI.png",
+  },
+  {
+    teamName: "vrchat",
+    name: "Enhanced Reality Processor (ERP)",
+    link: "https://vrchat.cunny.dev/",
+    description: "The most advanced and realistic 3D model generator ever.",
+    thumbnail: "/assets/projects/pb2ezy.png",
+  },
+  {
+    teamName: "ez-phd",
+    name: "ez-phd",
+    link: "https://ez-phd.web.app/",
+    description: "make ez phd so you become doctor",
+    thumbnail: "/assets/projects/ezphd.png",
+  },
+  {
+    teamName: "Karakasang return",
+    name: "SueThai",
+    link: "https://github.com/stsnx/sh8-sueTai",
+    description: "เว็บแปลงภาษาไทยเป็นลายสือไท",
+    thumbnail: "/assets/projects/suethai.png",
+  },
+  {
+    teamName: "english-or-spanish",
+    name: "English-or-Spanish : Yagami.reverse ( )",
+    link: "https://github.com/0xnuke/english-or-spanish",
+    description:
+      'Video call  challenge application but core feature still is " English or Spanish "(Doesn\'t want to be on live)',
+    thumbnail: "/assets/projects/Your-paragraph-textfe93f83066f6e4e3.png",
+  },
+  {
+    teamName: "ต้มอึ่ง Society",
+    name: "RIWUS - Read It With Ur Self",
+    link: "https://github.com/PogusTheWhisper/RIWUS---Read-It-With-Ur-Self",
+    description: "LLM that understand only things that you understand",
+    thumbnail: "/assets/projects/riwus.png",
+  },
+  {
+    teamName: "โครงข่ายประสาทเทียมหลายการทำงาน",
+    name: "PhutDi Na Tae Mai Phut Cha Di Kwa",
+    link: "thaibuzzwordgenerator.vercel.app/",
+    description:
+      "in 2024 AI, MACHINE LEARNING, BLOCKCHAIN and BIG DATA, This word impact our life a ton. Make every speech with AI BLOCKCHAIN become one of the most succesful and useless in the same time. Thai lang one of the hardest lang in the world with over a 70 milion user. with these property of both mix create a beatiful powerful word that make a the best word that move society",
+    thumbnail: "/assets/projects/PhutDi.png",
+  },
+  {
+    teamName: "J3K",
+    name: "Best Model LLM RAG QA of the Galaxy the Static universe over power Sonic Plasma Ph.d America University",
+    link: "https://annerez.github.io/STUPID_HACK_2024/",
+    description:
+      "Best Model LLM RAG QA of the Galaxy the Static universe over power Sonic Plasma Ph.d America University",
+    thumbnail: "/assets/projects/Stupid.png",
+  },
+  {
+    teamName: "RatchaScript",
+    name: "RatchaScript",
+    link: "https://github.com/Thanyanit-J/RatchaScript",
+    description: "Write JS in เอกสารราชการ language",
+    thumbnail:
+      "/assets/projects/348514691-c273aa82-25e0-4ee7-8f8b-b9579b11b0c4.jpg",
+  },
+  {
+    teamName: "chorbmaew",
+    name: "ผมชอบคุณ",
+    link: "https://github.com/MarshZHY/englishorspainish",
+    description: "in github",
+    thumbnail: "/assets/projects/shit_thumbnail.png",
+  },
+  {
+    teamName: "CS_KU_FaKe",
+    name: "stipud GPS",
+    link: "https://ku-y-sputid-orcin.vercel.app/",
+    description: "Find the best way to destination.",
+    thumbnail: "/assets/projects/shit_thumbnail.png",
+  },
+  {
+    teamName: "XaวJพ่oสั่JลุE",
+    name: "DB4B",
+    link: "https://github.com/pnxguide/db4b",
+    description:
+      'The "just-workable" database management system for visually impaired persons',
+    thumbnail: "/assets/projects/luangpor.jpg",
+  },
+  {
+    teamName: "sbsmallbin",
+    name: "B-Word",
+    link: "https://github.com/KamiK4M1/OCR_BELL",
+    description: "Deaf",
+    thumbnail: "/assets/projects/54e3c81e0f73d06ed897ca7a5191dfaf.jpg",
+  },
+  {
+    teamName: "Loading",
+    name: "SHOUT CHEEP",
+    link: "https://github.com/thg1rb/StupidHack8",
+    description: "คุณมีปัญหาการนอนหรือไม่? นับแกะแล้วไปนอนซะ",
+    thumbnail: "/assets/projects/SHOUT_CHEEP.png",
+  },
+  {
+    teamName: "Nokorun",
+    name: "Nokotan Escape",
+    link: "https://nokatan-escape-web.pages.dev/",
+    description:
+      "Run away from Nokotan or you become a deer (good thing actually)",
+    thumbnail: "/assets/projects/nokorun.png",
+  },
+  {
+    teamName: "😔😖🤯",
+    name: "See This Rock",
+    link: "https://see-this.vercel.app/",
+    description:
+      "See.this is a contemplative project centered around observing a rock, inviting reflection on the passage of time and the nature of patience. In a world filled with constant activity, sometimes simply watching a rock can provide a moment of calm amidst the chaos.",
+    thumbnail: "/assets/projects/see-this-rock.png",
+  },
+  {
+    teamName: "ชนะกล่อง",
+    name: "ChanaKlong",
+    link: "https://github.com/orgs/ChanaKlong/repositories",
+    description: "เครื่องมือแปลงเสียงพูดให้กลายเป็น beatbox",
+    thumbnail: "/assets/projects/chanaklong.png",
+  },
+  {
+    teamName: "5thumma",
+    name: "5thumma",
+    link: "https://5thumma.vercel.app/",
+    description:
+      '5thumma หาธรรมมะ คือเว็บไซต์ที่จะเสนอ "เควสต์หาทำ" ให้กับคุณ เพียงรับเควสต์จากเรา แล้วชีวิตของคุณจะไม่น่าเบื่ออีกต่อไป',
+    thumbnail: "/assets/projects/5thumma.png",
+  },
+  {
+    teamName: "🤡",
+    name: "dont🍃mew;-;",
+    link: "https://github.com/Thunyatorn/sht-8",
+    description: "แอปที่ปิดยากนิดหน่อย",
+    thumbnail: "/assets/projects/1025.jpeg",
+  },
+];

src/components/sponsor.ts

@@ -1,4 +1,4 @@
-import { base } from "@/lib/airtable";
+// import { base } from "@/lib/airtable";
 
 type SponsorType = "Graab" | "Waii" | "Non-Monetary";
 
@@ -181,14 +181,15 @@ function getSponsors(type: SponsorType): Sponsor[] {
 const goalAmount = 100_000;
 
 async function getSponsoredAmount() {
-  let amount = 0;
-  const records = await base("sponsors").select().all();
+  // let amount = 0;
+  // const records = await base("sponsors").select().all();
 
-  records.forEach((record) => {
-    amount += +(record.get("Amount") ?? 0);
-  });
+  // records.forEach((record) => {
+  //   amount += +(record.get("Amount") ?? 0);
+  // });
 
-  return amount;
+  // return amount;
+  return 118_260;
 }
 
 const progress = ((await getSponsoredAmount()) / goalAmount) * 100;

src/layouts/RootLayout.astro

@@ -1,5 +1,5 @@
 ---
-import Navbar from "@/components/Navbar.astro";
+import Navbar from "@/components/Landing/Navbar.astro";
 import Footer from "@/components/Footer.astro";
 
 interface Props {

src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
 import Agenda from "@/components/Landing/Agenda.astro";
 import Hero from "@/components/Landing/Hero.astro";
+import Project from "@/components/Landing/Project.astro";
 import Sponsor from "@/components/Landing/Sponsor/index.astro";
 import Ticket from "@/components/Landing/Ticket.astro";
 import Title from "@/components/Landing/Title.astro";
@@ -15,5 +16,6 @@ import Layout from "@/layouts/RootLayout.astro";
   <Hero />
   <Agenda />
   <Sponsor />
+  <Project />
   <Ticket />
 </Layout>