www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity
Computer Science Club of the University of Waterloo's website. https://csclub.uwaterloo.ca
220 Commits 158 Branches 0 Tags 375 MiB
TypeScript 67.5%
CSS 25.2%
MDX 4.6%
HTML 1.2%
Python 1.1%
Other 0.4%
Go to file
Mark Chiu f631f4013f
continuous-integration/drone/push Build is passing Details
Implement dark theme (Closes #287) (#407) 
* The website will have a dark theme or a light theme depending on your OS preferences. You can still customize in the `themer` page to override some properties.
* A toggle button in the footer to toggle between light mode and dark mode.
* Added a "Reset to dark mode" button in the `themer` page.

Staging link: https://csclub.uwaterloo.ca/~a3thakra/csc/dark-theme/

Co-authored-by: Miniapple8888 <miniapple8888@gmail.com>
Reviewed-on: #407
Reviewed-by: Amy <a258wang@csclub.uwaterloo.ca>
 		2022-06-08 08:45:28 -04:00
.vscode Fix constitution formatting (#216) 2021-08-30 09:12:39 -04:00
components Implement dark theme (Closes #287) (#407) 2022-06-08 08:45:28 -04:00
content Add Haley's Blurb (#455) 2022-06-01 21:17:49 -04:00
docs Docs for how pages work (#391) 2022-03-10 02:47:15 -05:00
hooks Meet the Team page (#94) 2021-08-23 11:11:42 -04:00
images Add Bondfire event (#447) 2022-05-23 02:47:00 -04:00
lib Implement dark theme (Closes #287) (#407) 2022-06-08 08:45:28 -04:00
pages Implement dark theme (Closes #287) (#407) 2022-06-08 08:45:28 -04:00
public Image Optimization Script (#348) 2021-10-31 16:58:14 -04:00
scripts Improve image optimization run-time and memory usage (#457) 2022-06-04 19:31:00 -04:00
.drone.yml Generate members list (#354) 2021-11-22 12:47:00 -05:00
.eslintignore Add mdx support and playground 2021-04-26 19:16:55 -04:00
.eslintrc.js Use eslint-plugin-import to bring some order to the mess (#132) 2021-08-13 04:16:37 -04:00
.gitignore Image Optimization Script (#348) 2021-10-31 16:58:14 -04:00
README.md Final changes for deploying (#279) 2021-09-03 18:34:56 -04:00
deploy-demo.bash Script to deploy site to your CSC website (#99) 2021-08-03 19:17:08 -04:00
deploy.sh Generate members list (#354) 2021-11-22 12:47:00 -05:00
next-env.d.ts Upgrade Next, React, TypeScript (#91) 2021-08-01 17:54:25 -04:00
next.config.js Update content for advice pages (#299) 2021-09-11 16:00:22 -04:00
package-lock.json Implement dark theme (Closes #287) (#407) 2022-06-08 08:45:28 -04:00
package.json Implement dark theme (Closes #287) (#407) 2022-06-08 08:45:28 -04:00
postcss.config.json Convert rems to px and use calc to convert on build time 2021-05-24 18:58:28 +00:00
renovate.json Force node 16+ and npm 7+ in renovate (#192) 2021-08-28 00:05:56 -04:00
tsconfig.json Dynamically generate event calendar (#332) 2021-09-27 16:20:18 -04:00
types.d.ts Add Multiple News Items on Homepage and Single News Item Page (Closes #281) (#390) 2022-02-23 00:15:37 -05:00
utils.ts Warning Header (Closes #205) (#394) 2022-02-22 23:29:53 -05:00

README.md

Development

Dependencies

Make sure that you have node >= 14 and npm >= 7. Node 14 ships with npm v6, so if you're using node 14, you would need to upgrade npm. Alternatively you could also upgrade to node 16, which ships with npm 7.

How to upgrade npm: npm i -g npm

Local

Production

  • npm install to install project dependencies
  • npm run build to generate html/css/js
  • npm run export to move the built files (along with assets in the public directory) to the /out directory
  • Use your favourite web server to host the files in the /out directory. (A very simple one would be python -m http.server - not sure if it should actually be used for production :P)

Deploy

  • groups (make sure you're in the www group)
  • curl -o- https://git.csclub.uwaterloo.ca/www/www-new/raw/branch/main/deploy.sh | bash (run on caffeine)