LifeFaq/templates/navigation.html

<!-- Navigation -->
<nav id="menu">
    <header class="major">
        <h2>Menu</h2>
    </header>
    <ul>
        <li><a href="/">Forside</a></li>
        <li>
            <span class="opener">Kategorier</span>
            <ul>
                {% for category in data.categories %}
                <li><a href="/category/{{ category.path }}">{{ category.path }}</a></li>
                {% endfor %}
            </ul>
        </li>
        <li><a href="#">Fotobog</a></li>
    </ul>
</nav>

<!-- Highlights -->
<section>
    <header class="major">
        <h2>Highlights</h2>
    </header>
    <div class="mini-posts">
        {% for favorite in data.favorites %}
        <article>
        <!-- Fucking crap - Ignoreing all CSS image tags in mini-posts -->
            <a href="/category/{{  favorite.path }}" >
                 <img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="{{ favorite.height }}" width="{{ favorite.width }}" />
            </a>
            <p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>
        </article>
        {% endfor %}
    </div>
</section>

<!-- Kontakt -->
<section>
    <header class="major">
        <h2>Kontakt os</h2>
    </header>
    <ul class="contact">
        <li class="icon solid fa-envelope"><a href="#">henrik@i80.dk</a></li>
        <li class="icon solid fa-phone">(+45) 60214417</li>
        <li class="icon solid fa-home">Skovstræde 3<br />Stensved, 4773</li>
    </ul>
</section>