Skip to content

Examples

We have prepared a variety of different styles so you can edit them to your needs. For each style, you can click on the ? question mark in the corner and edit the calendar. If you are inspired, you can also just head over and start from scratch.

Are you proud of your calendar? Share it here!

Mobile One Day Calendar Feed

Here is an example of a one day view of a Christmas day:

Edit the calendar

Modifications:

  • start and end time
  • fixed date
  • CSS

Recurring Events with Categories

If you are at home, planning the days with the family, events might have different categories depending on who they are for: work or personal. Events can be single events or occur every day.

Edit the calendar

Modifications:

  • start and end time
  • fixed date
  • CSS

Events Hosted as a Tor Hidden Service

This calendar is not styled but contains events that can be hosted behind a firewall on a little anonymous server. Example

Modifications:

Timezones

The calendar allows choosing the time zone that the events are displayed in. Whether you have a local website or an international calendar, all is possible. It is also fairly easy to customize with JavaScript. You can edit the page to see how it is done.

Edit the calendar

Modifications:

  • JavaScript
  • timezone

Free and Busy

You can change the design based on whether you are free or busy.

This calendar has changed CSS so that the background is green and the events are either orange or red.

Edit the calendar

Modifications:

  • CSS

Contribute Examples!

If you want to add another example or showcase your calendar, this is the place. You can contact us with the link of the calendar e.g. in an issue.

You can edit the page yourself:

  1. Place all required .ics files in the calendars directory.
  2. Download the specification of the calendar. And add it to the templates directory.
  3. Edit this file and add a section.

Comments