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:
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.
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.
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.
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:
- Place all required
.ics
files in the calendars directory. - Download the specification of the calendar. And add it to the templates directory.
- Edit this file and add a section.