Home view, first version, no css

app/Controller.php

@@ -7,6 +7,12 @@ class Controller {
 
     // Function called before routing
     function beforeRoute($f3, $args) {
+        // Languages available
+        $languages = array(
+            array("iso" => "fr", "name"=>"Français"),
+            array("iso" => "en", "name"=>"English"),
+        );
+        $f3->set('languages', $languages);
     }
 
     // Function called after routing

templates/contact.html

+<!-- contact page -->
+<p class="left"><img src="http://www.europarl.europa.eu/mepphoto/108570.jpg" alt="mep"></p>
+
+<p id="name">Amelia ANDERSDOTTER</p>
+<ul id="resume">
+    <li id="phone">Phone number: <a href="tel:+322 28 45922 ">+322 28 45922 </a></li>
+    <li id="group"><span>Political group:</span><a href="https://memopol.lqdn.fr/europe/parliament/group/Greens/EFA/"><img style="vertical-align: middle;" src="https://memopol.lqdn.fr/static/img/groups/eu/GreensEFA.png" height="24" alt="Greens/EFA" /></a> - Greens/EFA</li>
+    <li id="party"><span>National party:</span> Piratpartiet</li>
+    <li id="country"><span>Country: </span><img style="vertical-align: middle;" src="/static/ui-2.0/flag/SE.png" height="24" alt="SE" /></li>
+</ul>
+<ul id="committee">
+    <li title="Committee on Industry, Research and Energy"><a href="https://memopol.lqdn.fr/europe/parliament/committee/ITRE/" style="color: white;">ITRE</a></li>
+    <li title="Committee on International Trade"><a href="https://memopol.lqdn.fr/europe/parliament/committee/INTA/" style="color: white;">INTA</a></li>
+    <li title="Committee on Budgetary Control"><a href="https://memopol.lqdn.fr/europe/parliament/committee/CONT/" style="color: white;">CONT</a></li>
+</ul>
+
+<p id="info"><a href="https://memopol.lqdn.fr/europe/parliament/deputy/AmeliaAndersdotter/">Get more info…</a></p>
+<!-- contact page -->

templates/home.html

 <!-- content -->
-Hello world!
+
+<h1>{{ _("PiPhone") }}</h1>
+<h2>{{ _("Call Contact for free - and make yourself heard") }}</h2>
+
+<section>
+    <repeat group="{{ @languages }}" value="{{ @language }}">
+    <a href="/lang/{{ @language.iso }}">{{ @language.name }}</a> |
+    </repeat>
+</section>
+
+<h3>{{ _("Piphone demo's Campaign") }}</h3>
+
+<section id="abstract">
+{{ _("This is a demo campaign used to illustrate how the piphone works. This campaign does not grants you the possibility to contact anyone, it's just an ilustration of how it works.") }}
+</section>
+
+<section id="contact">
+    <include href="contact.html" />
+</section>
 <!-- /content -->