[TASK] commit nachholen

config/pico-pages-images.yml

@@ -0,0 +1,2 @@
+images_path: images/
+images_url: ~

content/projekte/inventur/index.md

@@ -5,5 +5,7 @@ Author: Christian Seyfferth
 Date: 2020-01-29
 Robots: noindex,nofollow
 Template: templates/project/item
-url: https://inventur.chrosey.de
+url: https://chrosey.de/apps/inv
+embed: true
+
 ---

plugins/PicoContact/log.json

@@ -0,0 +1,9 @@
+[
+    [
+        "31\/01\/2020 19:06:13",
+        "info@chrosey.de",
+        "test",
+        "Christian Seyfferth",
+        "error"
+    ]
+]

themes/chrosey/css/style.css

@@ -5,10 +5,29 @@ html {
     font-family: 'Lato', sans-serif;
 }
 
+html,
+body {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+}
+
 header {
     border-bottom: 0;
 }
 
+body>.container {
+    flex: 1 0 auto;
+    margin: 0;
+}
+
+body>.container>.row {
+    height: 100%
+}
+
 h1,
 h2,
 h3,
@@ -24,6 +43,16 @@ h6,
     line-height: 1.2;
 }
 
+.field input[type="text"],
+.field input[type="email"],
+.field textarea {
+    width: 95%;
+}
+
+footer {
+    flex-shrink: 0;
+    border-top: 0;
+}
 
 /**
 * Blog Section

themes/chrosey/templates/blog/index.twig

@@ -7,14 +7,9 @@
     {% for page in pages(current_page.id, depth=3)|sort_by("time")|reverse if not page.hidden %}
     <article class="blog-entry">
         <a href="{{ page.url }}">
-            {% if page.meta.image %}
+            <img src=" {{ config.images_path }}{{ page.id }}"
-            <img src="{{ page.meta.image|url }}"
+                 alt="{{ page.images.0.alt }}"
-                 alt="{{ page.meta.image_alt }}"
                  class="img">
-            {% else %}
-            <i class="img"></i>
-
-            {% endif %}
 
         </a>
         <div class="text">

themes/chrosey/templates/index.twig

@@ -1 +1,8 @@
 {% extends "templates/layout/base.twig" %}
+
+
+{% block aside %}
+
+{% include "templates/widgets/bloglist.twig" %}
+
+{% endblock %}

themes/chrosey/templates/layout/base.twig

@@ -28,7 +28,7 @@
     {% endif %}
 
     <link rel="stylesheet"
-          href="{{ theme_url }}/css/mini-default.css">
+          href="{{ theme_url }}/css/mini-{{ config.theme_config.color }}.min.css">
     <link rel="stylesheet"
           href="{{ theme_url }}/css/style.css"
           type="text/css" />
@@ -41,8 +41,10 @@
     {% include "templates/layout/header.twig" %}
     <div class="container">
         <div class="row">
-            {% include "templates/layout/navigationBar.twig" %}
+            <nav class="col-sm-12 col-md-3 col-lg-2">
-            <main class="col-sm-12 col-md-8 col-lg-7">
+                {% include "templates/layout/navigationBar.twig" %}
+            </nav>
+            <main class="col-sm-12 col-md-6 col-lg-6">
                 {% block content %}
                 <section>
                     {{ content }}
@@ -50,12 +52,17 @@
                 {% endblock %}
 
             </main>
-            <aside class="col-md-2 col-lg-2">
+            <aside class="col-sm-12 col-md-2 col-lg-2">
-                {% block aside %}
+                <div class="row">
-                <section>
+                    <div class="col-sm-12">
-                    {{ aside }}
+                        {% block aside %}
-                </section>
+                        <section>
-                {% endblock %}
+                            {{ aside }}
+                        </section>
+                        {% endblock %}
+
+                    </div>
+                </div>
             </aside>
         </div>
     </div>

themes/chrosey/templates/layout/footer.twig

@@ -1,6 +1,6 @@
-<footer class="sticky">
+<footer class="">
     <div class="container ">
-        <span>&copy; 2015 - {{ now|date("Y") }} by chrosey</span>
+        <span>&copy; 2013 - {{ now|date("Y") }} by chrosey</span>
         <span>|</span>
         <span>powered by <a href="http://picocms.org/">picoCMS</a></span>
         <span>|
@@ -9,6 +9,5 @@
             {% block footer %}
             {% endblock %}
         </span>
-        <span>|</span>
     </div>
 </footer>

themes/chrosey/templates/layout/header.twig

@@ -1,6 +1,6 @@
 <header clas="sticky container">
     <div class="row">
-        <div class="col-md-offset-2">
+        <div class="col-md-offset-3">
             <a href="{{ "index"|link }}"
                class="logo">
                 <img src="{{ theme_url }}/img/logo.svg "

themes/chrosey/templates/layout/navigationBar.twig

@@ -1,16 +1,14 @@
-<nav class="col-sm-12 col-md-2">
+{% block navigation %}
-    {% block navigation %}
 
-    <a class="nav-item"
+<a class="nav-item"
-       href="{{ "index"|link }}">Startseite</a>
+   href="{{ "index"|link }}">Startseite</a>
-    {% for page in pages("index") if not page.hidden %}
+{% for page in pages("index") if not page.hidden %}
-    <a class="nav-item sublink-1"
+<a class="nav-item sublink-1"
-       href="{{ page.url }}">{{ page.title }}</a>
+   href="{{ page.url }}">{{ page.title }}</a>
-    {% for subpage in pages(page.id) if not subpage.hidden and not subpage.meta.type == "news" %}
+{% for subpage in pages(page.id) if not subpage.hidden and not subpage.meta.type == "news" %}
-    <a class="nav-item sublink-2"
+<a class="nav-item sublink-2"
-       href="{{ subpage.url }}">{{ subpage.title }}</a>
+   href="{{ subpage.url }}">{{ subpage.title }}</a>
-    {% endfor %}
+{% endfor %}
-    {% endfor %}
+{% endfor %}
 
-    {% endblock %}
+{% endblock %}
-</nav>

themes/chrosey/templates/project/item.twig

@@ -2,6 +2,13 @@
 
 {% block content %}
 {{ parent() }}
+
+{% if meta.embed %}
+<iframe src="{{ meta.url }}"
+        frameborder="0"
+        style="width:100%; height:80vh;"></iframe>
+
+{% endif %}
 {% endblock %}
 
 

themes/chrosey/templates/widgets/bloglist.twig

@@ -0,0 +1,11 @@
+<div class="card fluid">
+    <div class="section">
+        <h3>Letzte Blogeinträge</h3>
+        <ul>
+            {% for page in pages("blog", depth=3)|sort_by("time")|reverse|slice(0,5) if not page.hidden %}
+            <li>{{ page.title }}</li>
+            {% endfor %}
+        </ul>
+    </div>
+
+</div>