Commit Graph

8 Commits

Author SHA1 Message Date
Mark Chiu f631f4013f Implement dark theme (Closes #287) (#407)
continuous-integration/drone/push Build is passing Details
* 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
Aditya Thakral c7f0d83bba Fix weird animation flash on mobile (#304)
continuous-integration/drone/push Build was killed Details
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
Aditya Thakral af8c750c0c Change CSS variable names + create a themer (#109)
continuous-integration/drone/push Build is passing Details
Try it out at https://csclub.uwaterloo.ca/~a3thakra/website-demo/themer/

- Themes persist across website reloads
- Individual color reset buttons
- Reset all colors button

Reviewed-on: #109
Reviewed-by: n3parikh <n3parikh@localhost>
Reviewed-by: b38peng <b38peng@uwaterloo.ca>
Co-authored-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-committed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
2021-08-03 19:37:02 -04:00
Amy Wang 6a64013e5c Home Page UI (#88)
continuous-integration/drone/push Build is passing Details
Desktop and Mobile versions of the home page UI.

Closes #4 (we can create new issues for the remaining tasks)

Co-authored-by: Amy <minds10@hotmail.com>
Reviewed-on: #88
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-committed-by: Amy <a258wang@csclub.uwaterloo.ca>
2021-07-27 02:13:34 -04:00
Aditya Thakral b8a7957beb Mobile Navbar (#75)
continuous-integration/drone/push Build is passing Details
The mobile navbar is done (finally!), except for a swipe gesture to close the navbar.

Closes #30 and #2

Co-authored-by: Amy
Reviewed-on: #75
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-committed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
2021-07-07 18:13:39 -04:00
Adi Thakral 1dcc97368d Convert rems to px and use calc to convert on build time 2021-05-24 18:58:28 +00:00
Aditya Thakral 8a9935ba27 🚑️ Add <Image /> + `next export` improvements
The <Image /> component makes prepends the basePath to the image src.
This makes all <img /> work with `next export` correctly.
2021-05-20 23:30:52 -04:00
Amy Wang 4393037e94 Navbar 2021-05-18 03:16:32 -04:00