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
123 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
Aditya Thakral c7f0d83bba
continuous-integration/drone/push Build was killed Details
Fix weird animation flash on mobile (#304) 
When we visit the website on mobile, there's a weird animation flash. This is caused because the navbar by default is placed at left: 0, and we see the transform animation once the page loads. This places the navbar at left: 100% (outside the screen) and transforms it to move into the screen - translateX(-100%)

Reviewed-on: #304
Reviewed-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-authored-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-committed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
 		2021-09-08 13:49:45 -04:00
.vscode Fix constitution formatting (#216) 2021-08-30 09:12:39 -04:00
components Fix weird animation flash on mobile (#304) 2021-09-08 13:49:45 -04:00
content add missing syscom members (#298) 2021-09-08 13:35:01 -04:00
hooks Meet the Team page (#94) 2021-08-23 11:11:42 -04:00
lib Move content to match routes (#289) 2021-09-03 21:55:23 -04:00
pages Fix side margins on get-involved (#293) 2021-09-06 00:59:01 -04:00
public Remove playground (#288) 2021-09-04 13:39:26 -04:00
.drone.yml Pass in branch as a custom header to update the website (#178) 2021-08-25 00:24:53 -04: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 Add /events/[year]/[term] page (#158) 2021-08-27 16:14:53 -04:00
README.md Final changes for deploying (#279) 2021-09-03 18:34:56 -04:00
check-lockfile.js Move back to package-lock v2 (#176) 2021-08-24 14:42:57 -04:00
deploy-demo.bash Script to deploy site to your CSC website (#99) 2021-08-03 19:17:08 -04:00
deploy.sh Final changes for deploying (#279) 2021-09-03 18:34:56 -04:00
next-env.d.ts Upgrade Next, React, TypeScript (#91) 2021-08-01 17:54:25 -04:00
next.config.js Upgrade Next, React, TypeScript (#91) 2021-08-01 17:54:25 -04:00
package-lock.json Move back to package-lock v2 (#176) 2021-08-24 14:42:57 -04:00
package.json Meet the Team page (#94) 2021-08-23 11:11:42 -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 Add events archive (#187) 2021-08-28 15:52:45 -04:00
types.d.ts Add /resources/tech-talks and /resources/tech-talks/[slug] (#180) 2021-08-26 00:30:30 -04:00
utils.ts Add events archive (#187) 2021-08-28 15:52:45 -04: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)