This is an HTML5 schedule thingy. It's currently set on our school's constantly changing schedule of 2017-18, but you should be able to configure it yourself by modifying the code.
This is open sourced here on Github.
This uses special cache magic so that it should probably work offline after you load this page once online. On some mobile devices you should be able to add this website to your home screen or something; do that and this will become a true web app!
Click on the settings icon on the bottom-right corner to configure the names and colours of each period. They save to your localStorage so unless you're in incognito/private/guest mode, it'll remember what you set when you come back.
You can use the tabs on the top or swipe horizontally to plan ahead.
jQuery: Unfortunately I forgot how to use you, so the JS is a complete mess. But you're pretty cool and useful.
Materialize because I was too lazy to do the CSS myself. Also because material design is cool.
Material Design (made by the Google peoples) I suppose I should credit them?
Material UI for their copy feature because the table Materialize had had spaces after the hex colour codes, which made copying the colours without the spaces a bit annoying (since double-clicking on a word/hex colour code selects the word/hex colour code and the space after it, if there is one).
Atom was used by me because I can.
Bellhop inspired this; it's still made better than this horrifying monstrosity. Unfortunately it is using last year's schedule.
The poorly made logo was hastily made by me with the help of Google Drawings (I first planned it out on there, then I recreated it using a text editor); I suppose I'm willing to let someone else redesign it though.
Me too! Here, have some of Materialize's cool buttons with their "wave effect":Happy! tag_faces Happiness!