Created new aggregator page for 'Aktuelles'.

assets/css/style.css

@@ -605,22 +605,38 @@ hr.-even {
     color: var(--wtf-mid-grey) !important;
 }
 
-.content__box, .content__half_box, .content__third_box {
+.content__box,
+.content__half_box,
+.content__third_box,
+.content__aggregate_box {
     margin: 0 auto;
     padding: 0;
 }
 
-.content__half_box, .content__third_box {
+.content__half_box,
+.content__third_box,
+.content__aggregate_box {
     display: flex;
     flex-direction: row;
 }
 
+.content__aggregate_box {
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+
 .content__inner_half_box {
     width: 50%;
 }
 
 .content__inner_third_box {
-    width: 33%;
+    flex-basis: 33%;
+}
+
+.content__inner_aggregate_box {
+    margin: 1.5rem 0.5rem;
+    flex-basis: 40%;
+    min-width: 300px;
 }
 
 .flex_heading {
@@ -676,12 +692,14 @@ hr.-even {
     margin-bottom: 1.5rem;
 }
 
-.content__inner_third_heading_link {
+.content__inner_third_heading_link,
+.content__aggregate_heading_link {
     color: var(--wtf-light-blue);
     text-decoration: underline;
 }
 
-.content__inner_third_heading_link:hover {
+.content__inner_third_heading_link:hover,
+.content__aggregate_heading_link:hover {
     color: var(--wtf-dark-grey);
 }
 
@@ -746,6 +764,17 @@ hr.-even {
     margin: -0.5rem 1.5rem 0 1.5rem;
 }
 
+.content__rss_logo {
+    display: inline;
+    height: 1rem;
+}
+
+.content__rss_logo_heading,
+.content__podcast_logo_heading {
+    height: 1.75rem;
+}
+
+
 .content__pagination {
     text-align: center;
 }
@@ -763,7 +792,8 @@ hr.-even {
 .content__box,
 .content__half_box,
 .footer__wrapper,
-.content__third_box {
+.content__third_box,
+.content__aggregate_box {
     width: 100%;
     max-width: 1200px;
     orphans: 3;
@@ -1328,6 +1358,11 @@ footer {
     .pod_ctrl_box {
         margin-top: 1.5rem;
     }
+
+    .content__inner_aggregate_box {
+        margin: 1.5rem 1rem;
+        flex-grow: 1;
+    }
 }
 
 @media screen and (max-width: 595px) {
@@ -1592,6 +1627,11 @@ footer {
     .pod_ctrl_box {
         margin-top: 1.5rem;
     }
+
+    .content__inner_aggregate_box {
+        margin: 1.5;
+        flex-grow: 1;
+    }
     /* content - end */
 
     /* footer - start */

assets/images/podcast_logo.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1046 1220" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-74.7925,-292.126)">
+        <g id="Podcast-Logo" serif:id="Podcast Logo" transform="matrix(1220.02,0,0,1220.02,74.7478,1337.52)">
+            <path d="M0.555,-0.192C0.555,-0.16 0.552,-0.123 0.545,-0.082C0.534,-0.002 0.523,0.056 0.515,0.093C0.506,0.126 0.478,0.143 0.43,0.143C0.381,0.143 0.353,0.126 0.345,0.093C0.336,0.056 0.326,-0.002 0.314,-0.082C0.308,-0.123 0.305,-0.16 0.305,-0.192C0.305,-0.254 0.346,-0.286 0.43,-0.286C0.513,-0.286 0.555,-0.254 0.555,-0.192ZM0.857,-0.429C0.857,-0.339 0.832,-0.259 0.782,-0.186C0.733,-0.114 0.667,-0.062 0.587,-0.03C0.584,-0.029 0.581,-0.03 0.579,-0.032C0.576,-0.034 0.575,-0.037 0.575,-0.04C0.578,-0.058 0.58,-0.07 0.581,-0.077C0.582,-0.089 0.584,-0.098 0.584,-0.103C0.585,-0.107 0.586,-0.109 0.589,-0.11C0.648,-0.14 0.696,-0.184 0.732,-0.241C0.768,-0.297 0.786,-0.36 0.786,-0.429C0.786,-0.496 0.769,-0.557 0.735,-0.613C0.701,-0.669 0.655,-0.713 0.597,-0.744C0.539,-0.775 0.476,-0.789 0.409,-0.785C0.363,-0.783 0.319,-0.771 0.277,-0.751C0.235,-0.731 0.199,-0.705 0.169,-0.673C0.139,-0.641 0.115,-0.603 0.097,-0.56C0.08,-0.517 0.071,-0.472 0.071,-0.426C0.072,-0.357 0.09,-0.295 0.127,-0.238C0.163,-0.181 0.211,-0.138 0.27,-0.109C0.273,-0.108 0.274,-0.105 0.275,-0.102C0.276,-0.094 0.277,-0.086 0.278,-0.077C0.279,-0.074 0.28,-0.068 0.281,-0.059C0.283,-0.05 0.284,-0.044 0.285,-0.039C0.285,-0.036 0.284,-0.033 0.281,-0.031C0.278,-0.028 0.275,-0.028 0.272,-0.03C0.217,-0.051 0.169,-0.083 0.127,-0.124C0.085,-0.166 0.052,-0.215 0.03,-0.271C0.007,-0.328 -0.002,-0.388 0.001,-0.45C0.003,-0.503 0.015,-0.554 0.037,-0.602C0.059,-0.651 0.088,-0.693 0.124,-0.729C0.159,-0.765 0.201,-0.794 0.249,-0.817C0.297,-0.84 0.348,-0.853 0.401,-0.856C0.462,-0.86 0.521,-0.851 0.577,-0.83C0.634,-0.809 0.682,-0.779 0.723,-0.741C0.764,-0.702 0.796,-0.655 0.821,-0.601C0.845,-0.546 0.857,-0.489 0.857,-0.429ZM0.518,-0.535C0.542,-0.51 0.555,-0.481 0.555,-0.446C0.555,-0.412 0.543,-0.382 0.518,-0.358C0.494,-0.334 0.464,-0.321 0.43,-0.321C0.395,-0.321 0.366,-0.334 0.341,-0.358C0.317,-0.382 0.305,-0.412 0.305,-0.446C0.305,-0.481 0.317,-0.511 0.341,-0.535C0.366,-0.559 0.395,-0.571 0.43,-0.571C0.464,-0.571 0.494,-0.559 0.518,-0.535ZM0.715,-0.429C0.715,-0.383 0.705,-0.341 0.686,-0.301C0.666,-0.261 0.638,-0.228 0.604,-0.202C0.601,-0.2 0.598,-0.199 0.595,-0.201C0.592,-0.202 0.59,-0.205 0.589,-0.209C0.587,-0.228 0.582,-0.245 0.573,-0.26C0.57,-0.264 0.571,-0.267 0.575,-0.271C0.596,-0.291 0.613,-0.315 0.626,-0.342C0.638,-0.369 0.644,-0.398 0.644,-0.429C0.644,-0.47 0.633,-0.508 0.611,-0.542C0.59,-0.577 0.56,-0.603 0.523,-0.621C0.487,-0.639 0.447,-0.646 0.405,-0.642C0.356,-0.636 0.313,-0.615 0.277,-0.579C0.242,-0.542 0.221,-0.499 0.217,-0.45C0.213,-0.416 0.217,-0.383 0.23,-0.352C0.242,-0.32 0.26,-0.294 0.285,-0.271C0.288,-0.267 0.289,-0.264 0.286,-0.26C0.277,-0.245 0.272,-0.227 0.27,-0.208C0.269,-0.205 0.267,-0.202 0.265,-0.201C0.262,-0.199 0.259,-0.2 0.256,-0.202C0.22,-0.23 0.193,-0.264 0.173,-0.304C0.153,-0.345 0.143,-0.388 0.144,-0.435C0.145,-0.483 0.158,-0.529 0.182,-0.571C0.207,-0.613 0.24,-0.647 0.281,-0.672C0.323,-0.698 0.367,-0.711 0.416,-0.714C0.469,-0.716 0.519,-0.705 0.565,-0.68C0.611,-0.655 0.648,-0.62 0.675,-0.576C0.702,-0.531 0.715,-0.482 0.715,-0.429Z" style="fill:#ef7c21;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>

assets/images/rss_logo.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 850 855" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-637.786,-2013.26)">
+        <g id="RSS-Logo">
+            <path d="M1180.36,2834.65C1181.58,2858.15 1157.48,2863.34 1157.48,2863.34L1046,2863.34C1046,2863.34 1021.72,2861.12 1019.76,2834.65C1005.64,2644.41 852.324,2492.67 661.417,2481.03C638.604,2479.64 637.795,2456.69 637.795,2456.69L637.795,2343C637.795,2343 639.585,2319.6 661.417,2320.54C940.811,2332.51 1165.82,2555.92 1180.36,2834.65Z" style="fill:#ef7c21;"/>
+            <g transform="matrix(1.17182,0,0,1.17182,-235.385,-362.797)">
+                <circle cx="845.941" cy="2658.06" r="98.941" style="fill:#ef7c21;"/>
+            </g>
+            <path d="M1350,2863.34C1350,2863.34 1323.34,2861.16 1322.24,2834.65C1307.51,2477.67 1019.25,2178.7 661.417,2178.7C636.576,2178.7 637.795,2154 637.795,2154L637.795,2036C637.795,2036 639.569,2012.67 661.417,2013.27C1110.32,2025.54 1472.82,2386.4 1487.71,2834.65C1488.59,2861.17 1462,2863.34 1462,2863.34L1350,2863.34Z" style="fill:#ef7c21;"/>
+        </g>
+    </g>
+</svg>

content/aktuelles/contents.lr

@@ -1,4 +1,4 @@
-_model: page
+_model: aggregator_page
 ---
 title: Aktuelles
 ---

models/aggregator_page.ini

@@ -0,0 +1,18 @@
+[model]
+name = Aggregator Page
+label = {{ this.title }}
+inherits = header_slim
+
+[fields.title]
+label = Title
+description = Der Seitentitel und die Überschrift dieser Seite
+type = string
+
+[fields.meta_description]
+label = Meta Beschreibung
+description = Hier kommt die Beschreibung rein, die von Suchmachinen, Seitencrawlern und Previews auf diese Seite generiert werden
+type = string
+
+[fields.body]
+label = Body
+type = markdown

templates/aggregator_page.html

@@ -0,0 +1,50 @@
+{% extends "header_slim.html" %}
+{%- block title -%}{{ this.title }}{%- endblock -%}
+{%- block meta_description -%}
+  {%- if this.meta_description is defined and this.meta_description != "" -%}
+    {{ this.meta_description }}
+  {%- else -%}
+    Werkkooperative der Technikfreundinnen eG
+  {%- endif -%}
+{%- endblock -%}
+{% block body %}
+    <section class="content -odd">
+        {% set blog_posts = site.get('/blog').children.order_by('-pub_date').limit(3) %}
+        <div class="content__aggregate_box">
+            {% for post in blog_posts %}
+                <div class="content__inner_aggregate_box">
+                    <h3 class="content__aggregate_heading">
+                        <a class="content__blog_link -odd" href="{{ post.path|url }}">
+                            <img class="content__rss_logo_heading" src="{{ '/images/rss_logo.svg'|asseturl }}" alt="RSS Logo"> {{ post.title }}
+                        </a>
+                    </h3>
+                    <hr class="-odd">
+                    <p class="content__meat">
+                        <i>geschreiben von {{ post.author }} am {{ post.pub_date }}</i>
+                    </p>
+                    <p>
+                        {{ post.meta_description }}
+                    </p>
+                </div>
+            {% endfor %}
+
+            {% set episodes = site.get('/podcast').children.order_by('-pub_date').limit(3) %}
+            {% for episode in episodes %}
+                <div class="content__inner_aggregate_box">
+                    <h3 class="content__aggregate_heading">
+                        <a class="content__blog_link -odd" href="{{ episode.path|url }}">
+                            <img class="content__podcast_logo_heading" src="{{ '/images/podcast_logo.svg'|asseturl }}" alt="Podcast Logo"> {{ episode.title }}
+                        </a>
+                    </h3>
+                    <hr class="-odd">
+                    <p class="content__meat">
+                        <i>geschreiben von {{ episode.author }} am {{ episode.pub_date }}</i>
+                    </p>
+                    <p>
+                        {{ episode.podcast_teaser }}
+                    </p>
+                </div>
+            {% endfor %}
+        </div>
+    </section>
+{% endblock %}