Loads of boiler plating

templates/navigation.html

@@ -0,0 +1,47 @@
+<!-- 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.name }}</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>
+            <a href="#" class="image">
+                <img src="{{ url_for('static', path=favorite.image) }}" alt="{{ favorite.name }}" />
+            </a>
+            <p>{{ 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>