---
days:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
data:
month: Calistril
year: 4713
events:
5:
- An event with a really really long name that will be cut off
6:
- Event No 2
- Event No 3
- Title: Event with a description
Colour: blue
Description: |
this is the description
you can have multiple lines
* and dot points
* see?
7:
- Title: Event with short description
Description: a short description
10:
- Title: Green Event
Colour: green
- Title: Yellow Event
Colour: yellow
- Title: Orange Event
Colour: orange
- Title: Red Event
Colour: red
- Title: Blue Event
Colour: blue
Description: Note that blue is the default
---
## {{data.month}}
<div class="calendar y{{data.year}} {{data.month}}">
<div class="calendar-head">Moonday</div>
<div class="calendar-head">Toilday</div>
<div class="calendar-head">Wealday</div>
<div class="calendar-head">Oathday</div>
<div class="calendar-head">Fireday</div>
<div class="calendar-head">Starday</div>
<div class="calendar-head">Sunday</div>
{{#each days}}
<div class="calendar-day day-{{this}}">
{{#each (lookup ../data.events this)}}
{{#if Title}}
<a class="calendar-event {{Colour}}" tabIndex=1>{{Title}}</a>
<div class="calendar-description">
<div class="calendar-bar {{Colour}}"></div>
## {{Title}}
{{Description}}
</div>
{{else}}
<a class="calendar-event" tabIndex=1>{{this}}</a>
<div class="calendar-description">
<div class="calendar-bar"></div>
## {{this}}
</div>
{{/if}}
{{/each}}
</div>
{{/each}}
</div>