Days

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 and item-after refers to the place (here, minion auction, hall). The line which says item-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