To update the website, modify the index.html file, commit to master and push to GitHub.
$ python3 -m http.serverTest locally by navigating to http://localhost:8000/
Verify W3C HTML5 compatibility
$ cd docs/
$ html5validator --root .The site uses https://fomantic-ui.com/ to customize the look.
Theme: default
To modify the CSS variables go to /semantic/src/themes/default/globals/site.variables
If you do this you will need to update the build to generate new CSS files:
npx gulp buildGenerally, looking through the docs and applying the correct keyword in the class attribute will be enough.
We are using primer spec to generate specs out of markdown files: https://github.com/eecs485staff/primer-spec#usage
All you need to do to update the specs is edit the markdown file and the config file will automatically generate the html.
TODO: these markdown specs were from Winter 2020, so please do a diff between the the specs (a lot of the differences are concerning remote teaching arrangements i.e. 5 submits/day)
Example url of p1 specs: https://eecs370.github.io/projects/p1_specs
The home page uses the FullCalendar JS library to render the official staff Google Calendar. It is configured to recolor events based on their title, and displays a popup with the event's title and location.
Each semester, remember to update the Google Calendar id (googleCalendarId) in the JavaScript code at the end of index.html.
If you want to change the colors, modify the recolorCalendarEvent() function in index.html.
If the Google Calendar API key is not working, follow the guide on this page to obtain a new API key: https://fullcalendar.io/docs/google-calendar.