From e0869914abe8fbf7fe593b793992d8d042045e45 Mon Sep 17 00:00:00 2001 From: muli Date: Tue, 16 May 2023 12:52:43 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20Untermen=C3=BC=20f=C3=BCr=20Blog=20und?= =?UTF-8?q?=20Podcast=20hinzugef=C3=BCgt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 38 +++++++++++++++++-- assets/images/podcast_logo_rounded_square.svg | 7 ++++ assets/images/rss_logo_rounded_square.svg | 7 ++++ templates/aggregator_page.html | 2 +- templates/header_slim_submenu.html | 38 +++++++++++++++++++ 5 files changed, 88 insertions(+), 4 deletions(-) create mode 100644 assets/images/podcast_logo_rounded_square.svg create mode 100644 assets/images/rss_logo_rounded_square.svg create mode 100644 templates/header_slim_submenu.html diff --git a/assets/css/style.css b/assets/css/style.css index db149c92..d0859de6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -279,13 +279,12 @@ header { .header__slim_box { margin-top: -0.75rem; - padding-bottom: 6em; background-image: url("../images/wtf-header-bg.jpg"); background-repeat: no-repeat; background-size: cover; display: grid; - grid-template-rows: 46px 18px; + grid-template-rows: 46px auto auto; grid-template-columns: 15% 82px auto 96px 22.5%; z-index: 0; } @@ -294,6 +293,7 @@ header { grid-row: 2 / span 1; grid-column: 1 / span 3; background-color: var(--wtf-light-blue); + margin-bottom: 6rem; z-index: 5; } @@ -334,7 +334,39 @@ header { background-size: auto 115%; background-repeat: no-repeat; z-index: 10; - margin-bottom: -6em; + padding: 5rem; +} + +.slim_box__submenu { + grid-row: 3 / span 1; + grid-column: 1 / span 5; + background-color: var(--wtf-nearly-white); + height: 3.5rem; + text-align: right; + color: var(--wtf-nearly-black); + padding-right: 1rem; + font-size: 3rem; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; +} + +.slim_box__submenu a { + font-family: "Noto Serif"; + font-size: 2.5rem; + color: black; + margin: 0 0 0.75rem 2rem; +} + +.slim_box__submenu a:hover { + text-decoration: underline; +} + +.slim_box__submenu a img { + height: 2.25rem; + position: relative; + top: 0.25rem; } .bg_box__big_bg { diff --git a/assets/images/podcast_logo_rounded_square.svg b/assets/images/podcast_logo_rounded_square.svg new file mode 100644 index 00000000..b1664e80 --- /dev/null +++ b/assets/images/podcast_logo_rounded_square.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/images/rss_logo_rounded_square.svg b/assets/images/rss_logo_rounded_square.svg new file mode 100644 index 00000000..9769ae2d --- /dev/null +++ b/assets/images/rss_logo_rounded_square.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/templates/aggregator_page.html b/templates/aggregator_page.html index 662a574b..4276d052 100644 --- a/templates/aggregator_page.html +++ b/templates/aggregator_page.html @@ -1,4 +1,4 @@ -{% extends "header_slim.html" %} +{% extends "header_slim_submenu.html" %} {%- block title -%}{{ this.title }}{%- endblock -%} {%- block meta_description -%} {%- if this.meta_description is defined and this.meta_description != "" -%} diff --git a/templates/header_slim_submenu.html b/templates/header_slim_submenu.html new file mode 100644 index 00000000..c01a1ef8 --- /dev/null +++ b/templates/header_slim_submenu.html @@ -0,0 +1,38 @@ +{% extends "layout.html" %} +{% block header %} +
+
+ + {% if '/images/wtf_logo.svg'|asseturl is defined -%} + + {%- endif %} + +
+ +
+
+ {% include "blocks/navigation.html" %} + +
+
+
+
+
+ Blog  + Podcast  +
+
+{% endblock %}