Created new aggregator page for 'Aktuelles'.

This commit is contained in:
Stephan 2021-04-10 22:13:17 +02:00
parent 566fe47342
commit 2be53e2328
6 changed files with 137 additions and 7 deletions

View File

@ -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 */

View File

@ -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>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

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

View File

@ -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

View File

@ -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 %}