An time-updating calender webpage that organizes online classes.
During the COVID-19 quarantine, Eleanor Roosevelt High School adopted "blended learning", which gave students the choice to attend school on Zoom or in person in one of three different cohorts. As a result, remote school days were very complicated: schedules alternated betwen Day 1's, where you had periods 1-5 and, Day 2's, where you had periods 6-9. At the end of each day, you also had two periods of SGI, which were classes that changed every week according to the principal's email. Students went to the wrong zoom class all the time, and many students constantly missed zoom classes.
The Eleanor Roosevelt High School Calender is a tool I made during blended learning to help myself and classmates keep track of the current class based on the principal's emailed schedule. It uses a JSON file converted from the calender's HTML table, and a txt file with the student's periods 1-9 zoom links.
A live demo of the website is available on https://darenhua.github.io/erhs-schedule/.
First, download the project from github or the terminal
git clone https://github.com/darenhua/erhs-schedule
- To set up your calender, inspect the principal's calender email using right click or ctrl+shift+i, and copy the whole calender HTML table.
- Convert the calender to JSON with https://www.convertjson.com/html-table-to-json.htm. Update calender.json to the your JSON.
- Update links.txt to your desired zoom links.
- Then, feel free to use the calender locally with live HTML server or host it from any hosting option.
- HTML, CSS, and Vanilla JS!
All credits to Data Design Group, Inc. for the html table to json tool. https://www.convertjson.com/