Google Calendar Web Material

Description

This project is dedicated to give the https://calendar.google.com/ site a Material Design look. This is my first project from scratch (please treat it accordingly), which I am very excited about. I hope you will enjoy it! If you have any questions, or you would like to contribute, contact me: info@balazsorban.com

Functionality

Dynamic background

• The background changes each month to correspond Google's images extracted right from the Google Calendar Android app.

Event flairs

• On mobile devices, if an event's title contains a special word, the calendar will treat it special, and will give it an image to make it stand out better. Here is a list of usable words (WIP). NOTE: I already added some extra, and I am planning to expand the default list with even more event flairs. Example of an event flair on mobile:

  Event containing the word "drink".

Preview

v3.1

Usage

(NOTE! I am using Google Chrome.)

Requiremenets

For Chrome and other Chromium-based browsers:

• Stylish from Chrome Web Store
• Tampermonkey from Chrome Web Store

For Mozilla Firefox:

• Stylish Add-on for Firefox
• Greasemonkey Add-on for Firefox

Installation

For styling grab the userstyle: https://userstyles.org/styles/126526

For functionality, here is the userscript: https://greasyfork.org/en/scripts/18878

Reporting issues/Suggesting ideas

Please use the issues tab for reporting any problems or suggesting ideas.