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

site/blueprints/home.yaml

@@ -0,0 +1,16 @@
+title: Page
+pages: true
+files: true
+fields:
+  title:
+    label: Title
+    type:  text
+  hero_text:
+    label: main text
+    type:  textarea
+  subtitle:
+    label: subtitle
+    type:  text
+  text:
+    label: text
+    type:  textarea

site/blueprints/site.yaml

@@ -32,15 +32,25 @@ fields:
       en:  header image / logo (drag and drop)
       de:  Logo für Kopf der Seite (drag and drop)
     type:  image
-  copyright:
+
+  line:
+    type:  line
+
+  footer_left:
     label:
-      en:  Copyright (footer)
-      de:  Copyright (für Footertext)
-    type:  text
-    width: 1/2
-  webdesigner:
+      en:  footer left
+      de:  Footer links
+    type:  textarea
+    width: 1/3
+  footer_center:
     label:
-      en:  Webdesign by (footer text right)
-      de:  Webdesign von (rechter Footertext)
-    type:  text
-    width: 1/2
+      en:  footer center
+      de:  Footer Mitte
+    type:  textarea
+    width: 1/3
+  footer_right:
+    label:
+      en:  footer right
+      de:  Footer rechts
+    type:  textarea
+    width: 1/3

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>

site/templates/default.php

@@ -8,12 +8,17 @@
 
 snippet('base/html-head');
 snippet('base/cont-header');
-
 ?>
 
-<h1><?php echo $page->title()->html() ?></h1>
-
-<?php echo $page->text()->kirbytext() ?>
+<main class="section">
+  <div class="container">
+    
+    <h1><?php echo $page->title()->html() ?></h1>
+    
+    <?php echo $page->text()->kirbytext(); ?>
+    
+  </div>
+</main>
 
 <?php snippet('base/cont-footer') ?>
 <?php snippet('base/html-end') ?>

site/templates/home.php

@@ -0,0 +1,27 @@
+<?php
+// -------------------------------------------
+// kirby template FOR jannikbeyerstedt.de
+
+// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
+// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
+// -------------------------------------------
+
+snippet('base/html-head');
+snippet('base/cont-header');
+?>
+
+<main class="section">
+  <div class="container">
+    
+    <div class="home">
+      <h1><?php echo $page->hero_text()->kirbytextRaw() ?></h1>
+      <p><?php echo $page->subtitle()->kirbytextRaw() ?></p>
+    </div>
+    
+    <?php echo $page->text()->kirbytext(); ?>
+    
+  </div>
+</main>
+
+<?php snippet('base/cont-footer') ?>
+<?php snippet('base/html-end') ?>