+
+ );
+}
+
+const colStartClasses = [
+ '',
+ 'col-start-2',
+ 'col-start-3',
+ 'col-start-4',
+ 'col-start-5',
+ 'col-start-6',
+ 'col-start-7',
+];
diff --git a/src/pages/events/articles.json b/src/pages/events/articles.json
index a94c9bc..8dcca2d 100644
--- a/src/pages/events/articles.json
+++ b/src/pages/events/articles.json
@@ -1,26 +1,34 @@
{
- "freshman_social_camp": {
- "title": "Freshman Social Camp",
- "body": "\nDates: 19th June - 22nd June 2024\n\nTheme: Harry Potter\n\nFSC is crafted to kickstart your university journey with enduring friendships and unforgettable experiences. Engage in a variety of physical and intellectual games, participate in team bonding exercises, and compete for exciting team and individual prizes. You will also have the opportunity to attend the beach finale event Bash together with your new friends, solidifying your friendships.\n\nSignup links will be released soon! Stay tuned!\n",
- "link": "freshman_social_camp",
- "imgSrc": "/announcements/fsc.jpg"
- },
- "freshman_orientation_camp": {
- "title": "Freshman Orientation Camp",
- "body": "\nDates: 24th July - 27th July 2024\n\nTheme: Teenage Mutant Ninja Turtles\n\nFOW is a 4-day physical orientation camp where seniors help freshmen adapt to different aspects of university life through preparatory talks and team-building activities. Forge lasting friendships as you navigate campus resources and academic challenges together. Look forward to strategic team games that develop you both intellectually and physically.\n\nSignup links will be released soon! Stay tuned!\n",
- "link": "freshman_orientation_camp",
- "imgSrc": "/announcements/fow.jpg"
- },
"freshman_finale_camp": {
"title": "Freshman Finale Camp",
- "body": "\nDates: 5th August - 7th August 2024\n\nTheme: Elementals: Rediscover your inner element\n\nFFC is a 3-day physical summer camp, perfectly tailored for international students gearing up for matriculation closer to August. The camp offers an array of theme-based activities such as flag-building and exhilarating house face-offs. Engage in friendly competition alongside your housemates, strategizing to earn glory for your elemental faction in a series of thrilling challenges. End the camp on a high note with its campfire and barbecue finale under the stars.\n\nSignup links will be released soon! Stay tuned!\n",
+ "body": "Theme: Elementals: Rediscover your inner element\n\nAbstract: FFC is a 3-day physical summer camp, perfectly tailored for international students gearing up for matriculation closer to August. The camp offers an array of theme-based activities such as flag-building and exhilarating house face-offs. Engage in friendly competition alongside your housemates, strategizing to earn glory for your elemental faction in a series of thrilling challenges. End the camp on a high note with its campfire and barbecue finale under the stars.\n\nSignup links will be released soon! Stay tuned!\n",
"link": "freshman_finale_camp",
- "imgSrc": "/announcements/ffc.jpg"
+ "imgSrc": "/announcements/ffc.jpg",
+ "startDatetime": "2024-08-05T09:00:00",
+ "endDatetime": "2024-08-07T17:00:00"
},
"computing_bash": {
"title": "Computing Bash",
- "body": "\nEvent date: 16th August 2024\n\nA fun-filled beach finale event where freshmen and seniors come together to wrap up the entire orientation experience with a night of performances, games, and food. Held at Sentosa Beach, Bash 2024 offers an electrifying atmosphere with DJ sets, inflatable obstacle courses, and much more.\n\nSignup links will be released soon! Stay tuned!\n",
+ "body": "A fun-filled beach finale event where freshmen and seniors come together to wrap up the entire orientation experience with a night of performances, games, and food. Held at Sentosa Beach, Bash 2024 offers an electrifying atmosphere with DJ sets, inflatable obstacle courses, and much more.\n\nSignup links will be released soon! Stay tuned!\n",
"link": "computing_bash",
- "imgSrc": "/announcements/bash.jpg"
+ "imgSrc": "/announcements/bash.jpg",
+ "startDatetime": "2024-08-16T09:00:00",
+ "endDatetime": "2024-08-16T23:59:59"
+ },
+ "rag_and_flag": {
+ "title": "Rag & Flag",
+ "body": "Rag and Flag is an annual event at NUS that brings together students from various faculties to participate in community service and fundraising activities. The day begins with students engaging in volunteer work across different locations, followed by a vibrant parade featuring student performances and creatively decorated floats. This event not only fosters a sense of unity and social responsibility among students but also helps raise funds for various charitable causes. Rag and Flag embodies the spirit of giving back to the community while celebrating student creativity and teamwork.",
+ "link": "rag_and_flag",
+ "imgSrc": "/announcements/rag_and_flag.jpg",
+ "startDatetime": "2024-08-10T09:00:00",
+ "endDatetime": "2024-08-10T18:00:00"
+ },
+ "computing_day": {
+ "title": "Computing Day",
+ "body": "Computing Day 2024 is a vibrant celebration organized by the NUS Students' Computing Club and the Student Life Office, scheduled for August 14, 2024, at COM3 MPH, NUS. Under the theme \"Code & Chill,\" this event aims to foster community spirit and pride among students, staff, and alumni of the School of Computing (SoC). The day is packed with activities that highlight the computing culture, including a mix of technical showcases and fun-filled engagements like a coding competition, VR gaming, student project exhibits, and traditional carnival games.\n\nThe event welcomes all NUS members, focusing on encouraging student involvement and showcasing innovations from various Student Interest Groups (SIGs). Highlights include the opening ceremony with the Dean, a coding competition prize ceremony, and a closing ceremony that recaps the day's events. Additional attractions such as food booths, photobooths, and a merchandise booth ensure that there’s something for everyone.\n\nDesigned to build a bridge between students, faculty, and alumni, Computing Day 2024 will provide a platform for showcasing computing projects, sharing experiences, and promoting an inclusive culture within SoC. With comprehensive planning and the participation of key stakeholders, the event is set to be a memorable day that celebrates the essence and excitement of computing at NUS.\n",
+ "link": "computing_day",
+ "imgSrc": "/announcements/computing_day.png",
+ "startDatetime": "2024-09-04T09:00:00",
+ "endDatetime": "2024-09-04T17:00:00"
}
}
diff --git a/src/pages/events/dump.py b/src/pages/events/dump.py
index b3fe900..557a7e1 100644
--- a/src/pages/events/dump.py
+++ b/src/pages/events/dump.py
@@ -82,6 +82,18 @@
Signup links will be released soon! Stay tuned!
'''
+computing_day_body = '''
+Computing Day 2024 is a vibrant celebration organized by the NUS Students' Computing Club and the Student Life Office, scheduled for August 14, 2024, at COM3 MPH, NUS. Under the theme "Code & Chill," this event aims to foster community spirit and pride among students, staff, and alumni of the School of Computing (SoC). The day is packed with activities that highlight the computing culture, including a mix of technical showcases and fun-filled engagements like a coding competition, VR gaming, student project exhibits, and traditional carnival games.
+
+The event welcomes all NUS members, focusing on encouraging student involvement and showcasing innovations from various Student Interest Groups (SIGs). Highlights include the opening ceremony with the Dean, a coding competition prize ceremony, and a closing ceremony that recaps the day's events. Additional attractions such as food booths, photobooths, and a merchandise booth ensure that there’s something for everyone.
+
+Designed to build a bridge between students, faculty, and alumni, Computing Day 2024 will provide a platform for showcasing computing projects, sharing experiences, and promoting an inclusive culture within SoC. With comprehensive planning and the participation of key stakeholders, the event is set to be a memorable day that celebrates the essence and excitement of computing at NUS.
+'''
+
+rag_and_flag_body = """
+Rag and Flag is an annual event at NUS that brings together students from various faculties to participate in community service and fundraising activities. The day begins with students engaging in volunteer work across different locations, followed by a vibrant parade featuring student performances and creatively decorated floats. This event not only fosters a sense of unity and social responsibility among students but also helps raise funds for various charitable causes. Rag and Flag embodies the spirit of giving back to the community while celebrating student creativity and teamwork.
+"""
+
# temporary stopgap for article content
# convert multiline articles into json
if __name__ == '__main__':
@@ -122,5 +134,17 @@
'link': 'computing_bash',
'imgSrc': '/announcements/bash.jpg'
},
+ 'computing_day': {
+ 'title': 'Computing Day',
+ 'body': computing_day_body,
+ 'link': 'computing_day',
+ 'imgSrc': '/announcements/computing_day.png'
+ },
+ 'rag_and_flag': {
+ 'title': 'Rag and Flag',
+ 'body': rag_and_flag_body,
+ 'link': 'rag_and_flag',
+ 'imgSrc': '/announcements/rag_and_flag.jpg'
+ }
}
json.dump(articles, open('articles.json', 'w+'))
diff --git a/src/pages/events/index.tsx b/src/pages/events/index.tsx
index 3940880..d273464 100644
--- a/src/pages/events/index.tsx
+++ b/src/pages/events/index.tsx
@@ -1,5 +1,4 @@
import React from 'react';
-import Calendar from 'react-calendar';
import { toast } from 'react-hot-toast';
import { FaSearch } from 'react-icons/fa';
import articles from './articles.json' with {type: 'json'};
@@ -7,6 +6,7 @@ import SearchResult from './SearchResult';
import WindowCard from '../../layout/WindowCard';
import './index.css';
import 'react-calendar/dist/Calendar.css';
+import Calendar from './Calendar';
function Events() {
return (
@@ -16,11 +16,11 @@ function Events() {
+
+
+
+
+
+
+
+
+
+ + {format(firstDayCurrentMonth, 'MMMM yyyy')} +
+ + +
+
+ S
+ M
+ T
+ W
+ T
+ F
+ S
+
+ {days.map((day, dayIdx) => (
+
+
+
+
+
+ ))}
+
+ {articlesData.some((article) =>
+ isWithinInterval(startOfDay(day), {
+ start: startOfDay(parseISO(article.startDatetime)),
+ end: startOfDay(parseISO(article.endDatetime)),
+ }),
+ ) && (
+
+ )}
+
+ + {selectedDay + ? `Events on ${format(selectedDay, 'MMM dd, yyyy')}` + : 'All Events'} +
+
+ {displayedArticles.length > 0 ? (
+ displayedArticles.map((article) => (
+ 120 ? article.body.substring(0, 120) + '...' : article.body}
+ key={article.link}
+ />
+ ))
+ ) : (
+
+ No events found.
+ )} +
- {/*
*/}
{/* TODO: implement functionality */}
{/*
+ {/*
+
+
{
@@ -48,14 +48,14 @@ function Events() {
>
);
})
- }
+ } */}
- {/* TODO: handle this */}
-
-
@@ -63,6 +63,7 @@ function Events() {
}>
*/}
+ 
diff --git a/src/pages/index.ts b/src/pages/index.ts
index 1d8e8b5..f5a06cf 100644
--- a/src/pages/index.ts
+++ b/src/pages/index.ts
@@ -4,5 +4,6 @@ import Events from './events/index';
import Home from './home';
import Privacy from './privacy';
import Resources from './resources/index';
+import Elections from './elections';
-export { About, Article, Events, Home, Privacy, Resources };
+export { About, Article, Events, Home, Privacy, Resources, Elections };
diff --git a/tailwind.config.js b/tailwind.config.js
index a4d013a..7494c1c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,19 @@ export default {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {
+ animation: {
+ shimmer: 'shimmer 2s linear infinite',
+ },
+ keyframes: {
+ shimmer: {
+ from: {
+ backgroundPosition: '0 0',
+ },
+ to: {
+ backgroundPosition: '-200% 0',
+ },
+ },
+ },
colors: {
primary: '#365486',
outline: '#333333',
diff --git a/vite.config.js.timestamp-1722590175306-f9f62860a91f1.mjs b/vite.config.js.timestamp-1722590175306-f9f62860a91f1.mjs
new file mode 100644
index 0000000..2d374c6
--- /dev/null
+++ b/vite.config.js.timestamp-1722590175306-f9f62860a91f1.mjs
@@ -0,0 +1,27 @@
+// vite.config.js
+import { defineConfig } from "file:///C:/Users/Rayson/Desktop/coding/comclub/comclub-website-2024/node_modules/vite/dist/node/index.js";
+import react from "file:///C:/Users/Rayson/Desktop/coding/comclub/comclub-website-2024/node_modules/@vitejs/plugin-react/dist/index.mjs";
+import tailwindcss from "file:///C:/Users/Rayson/Desktop/coding/comclub/comclub-website-2024/node_modules/tailwindcss/lib/index.js";
+var vite_config_default = defineConfig({
+ plugins: [
+ react(
+ {
+ babel: {
+ plugins: [
+ ["@babel/plugin-syntax-import-attributes"]
+ ]
+ }
+ }
+ )
+ ],
+ base: "/",
+ css: {
+ postcss: {
+ plugins: [tailwindcss()]
+ }
+ }
+});
+export {
+ vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxSYXlzb25cXFxcRGVza3RvcFxcXFxjb2RpbmdcXFxcY29tY2x1YlxcXFxjb21jbHViLXdlYnNpdGUtMjAyNFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcUmF5c29uXFxcXERlc2t0b3BcXFxcY29kaW5nXFxcXGNvbWNsdWJcXFxcY29tY2x1Yi13ZWJzaXRlLTIwMjRcXFxcdml0ZS5jb25maWcuanNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL1JheXNvbi9EZXNrdG9wL2NvZGluZy9jb21jbHViL2NvbWNsdWItd2Vic2l0ZS0yMDI0L3ZpdGUuY29uZmlnLmpzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSc7XHJcbmltcG9ydCByZWFjdCBmcm9tICdAdml0ZWpzL3BsdWdpbi1yZWFjdCc7XHJcbmltcG9ydCB0YWlsd2luZGNzcyBmcm9tICd0YWlsd2luZGNzcyc7XHJcblxyXG4vLyBodHRwczovL3ZpdGVqcy5kZXYvY29uZmlnL1xyXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xyXG4gIHBsdWdpbnM6IFtcclxuICAgIHJlYWN0KFxyXG4gICAgICB7XHJcbiAgICAgICAgYmFiZWw6IHtcclxuICAgICAgICAgIHBsdWdpbnM6IFtcclxuICAgICAgICAgICAgWydAYmFiZWwvcGx1Z2luLXN5bnRheC1pbXBvcnQtYXR0cmlidXRlcyddLFxyXG4gICAgICAgICAgXSxcclxuICAgICAgICB9LFxyXG4gICAgICB9LFxyXG4gICAgKSxcclxuICBdLFxyXG4gIGJhc2U6ICcvJyxcclxuICBjc3M6IHtcclxuICAgIHBvc3Rjc3M6IHtcclxuICAgICAgcGx1Z2luczogW3RhaWx3aW5kY3NzKCldLFxyXG4gICAgfSxcclxuICB9LFxyXG59KTtcclxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFpWCxTQUFTLG9CQUFvQjtBQUM5WSxPQUFPLFdBQVc7QUFDbEIsT0FBTyxpQkFBaUI7QUFHeEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUztBQUFBLElBQ1A7QUFBQSxNQUNFO0FBQUEsUUFDRSxPQUFPO0FBQUEsVUFDTCxTQUFTO0FBQUEsWUFDUCxDQUFDLHdDQUF3QztBQUFBLFVBQzNDO0FBQUEsUUFDRjtBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsRUFDRjtBQUFBLEVBQ0EsTUFBTTtBQUFBLEVBQ04sS0FBSztBQUFBLElBQ0gsU0FBUztBQUFBLE1BQ1AsU0FBUyxDQUFDLFlBQVksQ0FBQztBQUFBLElBQ3pCO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==