[SITE] home and footer finished + nav for top level

site/snippets/base/cont-footer.php

@@ -6,10 +6,27 @@
 // license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
 // -------------------------------------------
 ?>
-<footer class="section" id="footer" role="contentinfo">
+<footer class="section">
   <div class="container">
-    <p id="copyright"><?php echo $site->copyright()->kirbytextRaw() ?></p>
-    <p id="info"><?php echo $site->webdesigner()->kirbytextRaw() ?></p>
-    <div class="clearfix"></div>
+    <div class="row">
+      <div class="col-xs-4 col-xxs-12">
+        <?php echo $site->footer_left()->kirbytext(); ?>
+
+      </div>
+      <div class="col-xs-4 col-xxs-12 center">
+        <?php echo $site->footer_center()->kirbytext(); ?>
+
+      </div>
+      <div class="col-xs-4 col-xxs-12 right">
+        <a href="https://github.com/jbeyerstedt" class=""><i class="fa fa-github"></i></a>
+        <i class="fa fa-html5"></i>
+        <i class="fa fa-css3"></i>
+        <a href="https://getkirby.com"><svg>
+          <image xlink:href="<?php echo $site->url()?>/assets/images/kirbyicon.svg" src="<?php echo $site->url()?>/assets/images/kirbyicon.png"/>
+        </svg></a>
+        <?php echo $site->footer_right()->kirbytext(); ?>
+
+      </div>
+    </div>
   </div>
 </footer>

site/snippets/base/cont-header.php

@@ -6,10 +6,18 @@
 // license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
 // -------------------------------------------
 ?>
-<header class="section" id="header" role="banner">
+<header class="section">
   <div class="container">
     <a class="logo" href="<?php echo url() ?>">
-      <h1 id="logo">Jannik Beyerstedt</h1>
+      <img src="" alt="Logo">
     </a>
+    
+    <nav>
+      <ul>
+      <?php foreach ($site->children()->visible() as $p) : ?>
+        <a href="<?php echo $p->url()?>"><li><?php echo $p->title() ?></li></a>
+      <?php endforeach; ?>
+      </ul>
+    </nav>
   </div>
 </header>

site/snippets/base/html-head.php

@@ -25,12 +25,16 @@
 
   <?php echo css('assets/vendors/font-awesome/css/font-awesome.min.css') ?>
 
+  <?php echo css('assets/css/foundation.css') ?>
+
   <?php echo css('assets/css/main.css') ?>
-  
+
   <?php echo css('@auto') ?>
 
   <!-- Google web fonts -->
-  
+  <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Crimson+Text:400,700' rel='stylesheet' type='text/css'>
+
 
 <?php if (c::get('plg_masonry.enable')) : $width = c::get('plg_masonry.width'); ?>
   <style>