Days have been titled with HTML comments, but they look like this
<!-- Friday 13th -->
<div class="block-title">Friday 13th</div>
<div class="list">
<ul>
<!-- events -->
</ul>
</div>
The block-title
is the day of the events and will appear seperately from the rest.
list
is the list of events, and in the ul
, you should be able to put events as so:
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Minion Auction</div>
<div class="item-after">Hall</div>
</div>
</div>
</li>
- Where
item-title
is the title anditem-after
refers to the place (here,minion auction
,hall
). The line which saysitem-after
is optional (i.e. for breaktimes it's unnecessary) but for events you should put it. - Just put these one after the other in the
<ul> </ul>
tags, for example
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Breaktime</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Dodgeball</div>
<div class="item-after">Sports Hall</div>
</div>
</div>
</li>
A day will then look like
<!-- Friday 13th -->
<div class="block-title">Friday 13th</div>
<div class="list">
<ul>
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Breaktime</div>
</div>
</div>
</li>
<li>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Dodgeball</div>
<div class="item-after">Sports Hall</div>
</div>
</div>
</li>
</ul>
</div>
Put days one after another and you'll be fine, and make sure they all go in page-content
of pages/timeline.html