notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migrate from previous project with updated dependencies ready for March 2025

Browse Source
This commit is contained in:
Antoine Phan
2025-03-06 19:12:19 -05:00
commit 1073f8e56a
32 changed files with 691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app.css Normal file
View File

@@ -0,0 +1,10 @@
@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;
}

13
src/app.d.ts vendored Normal file
View File

@@ -0,0 +1,13 @@
// See https://svelte.dev/docs/kit/types#app.d.ts
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};

12
src/app.html Normal file
View File

@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

7
src/components/Button.svelte Normal file
View File

@@ -0,0 +1,7 @@
<script>
import { Button } from "bits-ui";
</script>
<Button.Root class="bg-ecsess-600 text-ecsess-200 px-4 py-2 m-1 rounded-lg border-none">
<slot />
</Button.Root>

12
src/components/Footer.svelte Normal file
View File

@@ -0,0 +1,12 @@
<script>
const year = new Date().getFullYear();
</script>
<footer class="border-ecsess-black m-12 flex h-fit flex-col items-center justify-between border-t-2">
<div>
<p class="text-content py-3 text-center">
Created by ECSESS with love {'<3'}. <br />
&copy; {year} under GNU General Public License v3.0.
</p>
</div>
</footer>

7
src/components/Link.svelte Normal file
View File

@@ -0,0 +1,7 @@
<script>
let { href = "https://www.example.com", children } = $props();
</script>
<a {href} target="_blank" rel="noopener noreferrer" class="underline">
{@render children()}
</a>

15
src/components/NavBar.svelte Normal file
View File

@@ -0,0 +1,15 @@
<script>
import NavButton from './NavButton.svelte';
</script>
<nav class="bg-ecsess-black text-ecsess-200 mx-auto flex min-w-fit flex-wrap items-center justify-center px-4 pt-4">
<NavButton href="/">Home</NavButton>
<NavButton href="/council">Meet the council</NavButton>
<NavButton href="/events">Events</NavButton>
<NavButton href="/resources">Resources</NavButton>
<NavButton href="/join">Join ECSESS</NavButton>
{#if import.meta.env.DEV}
<NavButton href="/components">Componenets</NavButton>
{/if}
</nav>

13
src/components/NavButton.svelte Normal file
View File

@@ -0,0 +1,13 @@
<script>
import { Button } from 'bits-ui';
let { href, children } = $props();
</script>
<a {href}>
<Button.Root
class="border-ecsess-black hover:border-ecsess-200 active:border-ecsess-400 border-b-4 px-6 py-2
font-semibold transition-all"
>
{@render children()}
</Button.Root>
</a>

7
src/components/Section.svelte Normal file
View File

@@ -0,0 +1,7 @@
<script>
let { children = () => "Section placeholder" } = $props();
</script>
<div class="container mx-auto px-4 py-6 flex flex-col items-center justify-center gap-4 text-center">
{@render children()}
</div>

1
src/lib/index.js Normal file
View File

@@ -0,0 +1 @@
// place files you want to import through the `$lib` alias in this folder.

25
src/lib/types.js Normal file
View File

@@ -0,0 +1,25 @@
/**
* @typedef {Object} EventPost event object
* @property {string} id - event id
* @property {string} title - event title
* @property {string} description - event description
* @property {string} date - event date
* @property {string} time - event time
* @property {string} location - event location
* @property {string} image - event image
* @property {string} link - event link
* @property {string} category - event category
* @property {string} payment - event payment link (e.g., Zeffy)3
*/
/**
* @typedef {Object} CouncilMember
* @property {string} role
* @property {string} name
* @property {string} email
* @property {string} image
* @property {string} major
* @property {string} year
*/
export {};

17
src/routes/+layout.svelte Normal file
View File

@@ -0,0 +1,17 @@
<script>
import '../app.css';
import Navbar from 'components/NavBar.svelte';
import Footer from 'components/Footer.svelte';
let { children } = $props();
</script>
<Navbar />
<div class="h-screen bg-ecsess-800">
{@render children()}
<Footer />
</div>
<style>
@reference tailwindcss;
</style>

10
src/routes/+page.svelte Normal file
View File

@@ -0,0 +1,10 @@
<title> McGill ECSESS </title>
<div class='flex flex-col items-center justify-center h-1/2 text-center'>
<h1>
Welcome to the ECSESS website!
</h1>
<p>
This is a work in progress. Check back soon for updates!
</p>
</div>

7
src/routes/components/+page.svelte Normal file
View File

@@ -0,0 +1,7 @@
<script>
import Button from "components/Button.svelte";
</script>
<Button>
Button
</Button>

20
src/routes/council/+page.svelte Normal file
View File

@@ -0,0 +1,20 @@
<script>
import Section from 'components/Section.svelte';
</script>
<title> ECSESS council </title>
<Section>
<h1>Meet the ECSESS council!</h1>
<hr />
<p>Group picture!</p>
<p>Here are the members of the ECSESS council!</p>
<div>
<h2>President</h2>
<p>Name:</p>
<p>Email:</p>
<p>Year:</p>
<p>Program:</p>
</div>
</Section>

8
src/routes/events/+page.svelte Normal file
View File

@@ -0,0 +1,8 @@
<script>
import Section from "components/Section.svelte";
</script>
<title> ECSESS Events </title>
<Section>
</Section>

0
src/routes/join/+page.svelte Normal file
View File

17
src/routes/resources/+page.svelte Normal file
View File

@@ -0,0 +1,17 @@
<script>
import Section from "components/Section.svelte";
</script>
<title> Resources </title>
<div class="">
<Section>
<h1>
Resources for ECSE students at McGill University, presented by ECSESS!
</h1>
<h2>Technical</h2>
<h2>Academic</h2>
</Section>
</div>