From af7a911ef6a2b629585ae98eaa5e9bdbf4ca8c52 Mon Sep 17 00:00:00 2001 From: Antoine Phan Date: Thu, 6 Mar 2025 20:49:55 -0500 Subject: [PATCH] Finish setting up the project. Moving to implementation --- README.md | 7 +-- src/app.css | 18 +++++++- {static => src/assets}/ECSESS.png | Bin {static => src/assets}/ECSESSBits.png | Bin {static => src/assets}/TheFactory.png | Bin src/components/Avatar.svelte | 0 src/components/CouncilCard.svelte | 0 src/components/EventBlock.svelte | 0 src/components/FAQAccordion.svelte | 0 src/components/Footer.svelte | 6 ++- src/components/Gallery.svelte | 0 src/components/NavBar.svelte | 13 ++++-- src/components/OHBlock.svelte | 0 src/components/OHSchedule.svelte | 0 src/components/PositionCard.svelte | 0 src/components/ResourceCard.svelte | 0 src/components/Section.svelte | 18 ++++++-- src/components/Tabs.svelte | 0 src/routes/+layout.svelte | 10 +--- src/routes/+page.svelte | 43 ++++++++++++++---- src/routes/council/+page.svelte | 4 +- .../{components => showroom}/+page.svelte | 0 static/favicon.png | Bin 27706 -> 23390 bytes svelte.config.js | 1 + 24 files changed, 87 insertions(+), 33 deletions(-) rename {static => src/assets}/ECSESS.png (100%) rename {static => src/assets}/ECSESSBits.png (100%) rename {static => src/assets}/TheFactory.png (100%) create mode 100644 src/components/Avatar.svelte create mode 100644 src/components/CouncilCard.svelte create mode 100644 src/components/EventBlock.svelte create mode 100644 src/components/FAQAccordion.svelte create mode 100644 src/components/Gallery.svelte create mode 100644 src/components/OHBlock.svelte create mode 100644 src/components/OHSchedule.svelte create mode 100644 src/components/PositionCard.svelte create mode 100644 src/components/ResourceCard.svelte create mode 100644 src/components/Tabs.svelte rename src/routes/{components => showroom}/+page.svelte (100%) diff --git a/README.md b/README.md index 477894d..3a4a884 100644 --- a/README.md +++ b/README.md @@ -8,14 +8,15 @@ # Tech stack ## Frontend - SvelteKit (Svelte v5, Kit v2) -- Frontend options: - JavaScript with JSDoc - - TailwindCSS (v4.0) - [Svelte Auto Adapter](https://svelte.dev/docs/kit/adapters) +- TailwindCSS (v4.0) +- Bits-UI (v1.22): Headless Component Library https://bits-ui.com + - [`bun`](https://bun.sh) as Node.js package manager (similar to `npm`, `yarn`, `pnpm`, and `deno` v2) ## Content Management System (CMS) -- Strapi CMS (v5) +- Sanity CMS # Development guide - Clone the repo, install dependencies, and start dev environment: diff --git a/src/app.css b/src/app.css index d14ab7e..4980f7f 100644 --- a/src/app.css +++ b/src/app.css @@ -1,10 +1,26 @@ +@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap'); @import 'tailwindcss'; @plugin '@tailwindcss/typography'; + @theme { --color-ecsess-200: #A9B7A0; --color-ecsess-400: #5C8A5C; --color-ecsess-600: #3B6A3A; --color-ecsess-800: #0A3D2A; --color-ecsess-black: #1F1F1F; -} \ No newline at end of file +} + +* { + font-family: "Saira", sans-serif; + font-optical-sizing: auto; + font-weight: 500; +} + +h1 { + @apply text-3xl font-bold py-4; +} + +.page-title { + @apply text-7xl font-bold py-4; +} diff --git a/static/ECSESS.png b/src/assets/ECSESS.png similarity index 100% rename from static/ECSESS.png rename to src/assets/ECSESS.png diff --git a/static/ECSESSBits.png b/src/assets/ECSESSBits.png similarity index 100% rename from static/ECSESSBits.png rename to src/assets/ECSESSBits.png diff --git a/static/TheFactory.png b/src/assets/TheFactory.png similarity index 100% rename from static/TheFactory.png rename to src/assets/TheFactory.png diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/components/CouncilCard.svelte b/src/components/CouncilCard.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/components/EventBlock.svelte b/src/components/EventBlock.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/components/FAQAccordion.svelte b/src/components/FAQAccordion.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index 6a8c451..fa01568 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -2,9 +2,11 @@ const year = new Date().getFullYear(); -