From d1ac3584e8e3246f7c97c83f6847426765104438 Mon Sep 17 00:00:00 2001 From: Dennis Reimann Date: Fri, 16 Dec 2022 09:43:00 +0100 Subject: [PATCH] Updates --- src/gesundes-geld.pug | 33 ++++++++++++++++++++------------- static/css/gesundes-geld.css | 36 ++++++++++++++++++++++++++++-------- 2 files changed, 48 insertions(+), 21 deletions(-) diff --git a/src/gesundes-geld.pug b/src/gesundes-geld.pug index 5e7c7e91d5d..3bbc62d5897 100644 --- a/src/gesundes-geld.pug +++ b/src/gesundes-geld.pug @@ -2,7 +2,7 @@ include includes/mixins block vars - const pageTitle = "Bitcoin ist gesundes Geld" - - const pageDescription = "Bitcoin? Ja, Bitcoin! Hinter Bitcoin verbirgt sehr weit mehr als du vielleicht denkst." + - const pageDescription = "Bitcoin? Ja, Bitcoin! Hinter Bitcoin verbirgt sich weit mehr als du vielleicht denkst." - const pageCard = "/img/card/gesundes-geld.jpg" @@ -10,9 +10,9 @@ html(lang="de" data-theme="custom") head include includes/_head link(href=assetPath("/css/gesundes-geld.css") rel="stylesheet") - body + body#gesundes-geld main.main - #gesundes-geld.wrap + .wrap section header .circle @@ -26,7 +26,7 @@ html(lang="de" data-theme="custom") div p strong Bitcoin? Ja, Bitcoin! - p Hinter Bitcoin verbirgt sehr weit mehr als du vielleicht denkst. + p Hinter Bitcoin verbirgt sich weit mehr als du vielleicht denkst. .text :markdown-it(html linkify typographer) @@ -36,7 +36,7 @@ html(lang="de" data-theme="custom") Deshalb haben wir diese Plakat-Aktion am heutigen 03.01.2023 gestartet, denn heute feiert Bitcoin seinen 14. Geburtstag. Bitcoin? Ja, Bitcoin! - Hinter Bitcoin verbirgt sehr weit mehr als du vielleicht denkst. + Hinter Bitcoin verbirgt sich weit mehr als du vielleicht denkst. Bei Bitcoin geht es um Themen wie: - Ökonomie und Geldpolitik (Was ist Geld eigentlich? Warum wird alles immer teurer?) - Gesellschaft (z.B. raus aus der Konsumgesellschaft, Wohlstand für alle) @@ -49,13 +49,20 @@ html(lang="de" data-theme="custom") Der Austausch ist völlig unentgeltlich und keiner will dir irgendetwas verkaufen oder gar "andrehen". Wir sind einfach ganz normale Leute. 😀 - Du hast Lust mehr über Geld und all seine Facetten zu erfahren? - Dann trete deiner regionalen "Einundzwanzig-Community" bei. - Suche einfach ein Meet-Up in deiner Umgebung und schon findest du interessierte Leute und interessante Gesprächspartner. + .bottom + div + :markdown-it(html linkify typographer) + Du hast Lust mehr über Geld und all seine Facetten zu erfahren? + Dann trete deiner regionalen "Einundzwanzig-Community" bei. + Suche einfach ein Meet-Up in deiner Umgebung und schon findest du interessierte Leute und interessante Gesprächspartner. - PS: Bitcoin ist begrenzt und daher nicht von Staaten oder Notenbanken inflationierbar. - Es wird niemals mehr als 21 Millionen Bitcoin geben. - Daher auch der Name "[Einundzwanzig](/)" 😉 + PS: Bitcoin ist begrenzt und daher nicht von Staaten oder Notenbanken inflationierbar. + Es wird niemals mehr als 21 Millionen Bitcoin geben. + Daher auch der Name "[Einundzwanzig](/)" 😉 + img#mcgenesis-1(src=assetPath("/img/gesundes-geld/mcgenesis-2.svg")) - +map(meetups, true) - include includes/_footer + section + +map(meetups, true) + + section + a.button(href="/") Zur Einundzwanzig Website diff --git a/static/css/gesundes-geld.css b/static/css/gesundes-geld.css index d133817144d..fc7e5f8f5e5 100644 --- a/static/css/gesundes-geld.css +++ b/static/css/gesundes-geld.css @@ -6,12 +6,9 @@ --color-accent-highlight: #f0881b; } -body { - overflow-x: hidden; -} - -.main { +#gesundes-geld .main { padding-top: var(--space-xl); + overflow-x: hidden; } #gesundes-geld header { @@ -42,7 +39,7 @@ body { background-color: var(--color-yellow); } -#gesundes-geld h1 { +#gesundes-geld header h1 { color: var(--color-body-text); font-size: var(--font-size-l); margin: 0 auto; @@ -51,7 +48,7 @@ body { text-align: center; } -#gesundes-geld h2 { +#gesundes-geld header h2 { font-family: var(--font-family-bold); font-size: var(--font-size-xxxl); margin: var(--space-s) auto 0; @@ -100,10 +97,33 @@ body { line-height: 1.25; } -#gesundes-geld .text p:last-child { +#gesundes-geld .bottom { + display: flex; + align-items: center; + justify-content: center; + gap: var(--space-xxl); +} + +#gesundes-geld .bottom img { + transform: scaleX(-1); + width: 20vw; +} + +@media screen and (max-width: 599px) { + #gesundes-geld .bottom img { + display: none; + } +} + +#gesundes-geld .bottom p:last-child { color: var(--color-neutral-75); + margin-bottom: 0; } #gesundes-geld #unmapped { display: none; } + +#gesundes-geld section:last-child { + text-align: center; +}