From 925b7cdc83f501c8bdb2539dfd7736b0db4f219e Mon Sep 17 00:00:00 2001 From: Stephan Date: Sat, 6 Mar 2021 14:47:01 +0100 Subject: [PATCH] static html: homepage 1st section To be converted to proper template. --- assets/css/style.css | 77 +++++++++++++++++++++++++++++++--- content/nasa-space-shuttle.jpg | 3 ++ templates/homepage.html | 43 +++++++++++++++++-- 3 files changed, 113 insertions(+), 10 deletions(-) create mode 100644 content/nasa-space-shuttle.jpg diff --git a/assets/css/style.css b/assets/css/style.css index d5e4d48a..60f367e5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -141,8 +141,8 @@ body { } /* - * Gleicht zusammen mit padding von .primary_nav__navitem die Verschiebung durch Sub- - * menümarker aus. + * Gleicht zusammen mit padding von .primary_nav__navitem die Verschiebung durch + * Submenümarker aus. */ .primary_nav__navitem .primary_nav__navlink { display: inline-block; @@ -485,7 +485,7 @@ h6 { } p { - margin-bottom: 0.5rem; + margin-bottom: 1rem; } ul { @@ -545,11 +545,38 @@ hr.-even { color: var(--wtf-mid-grey) !important; } -.content__box { +.content__box, .content__half_box { margin: 0 auto; padding: 0; } +.content__half_box { + display: flex; + flex-direction: row; +} + +.content__inner_half_box { + width: 50%; +} + +.content__teaser { + color: var(--wtf-orange); + font-size: 1.15rem; +} + +.content__footer { + text-align: right; +} + +.content__inline_image { + height: 1.25rem; + vertical-align: middle; +} + +.content__half_box_image { + width: 100%; +} + .content__box p, .content__box li { hyphens: auto; } @@ -574,7 +601,7 @@ hr.-even { margin: 3.5rem 1.5rem 0 1.5rem; } -.content__inner_box { +.content__inner_box, .content__inner_half_box { margin: -0.5rem 1.5rem 0 1.5rem; } @@ -591,7 +618,11 @@ hr.-even { } -.nav__wrapper, .header__wrapper, .content__box, .footer__wrapper { +.nav__wrapper, +.header__wrapper, +.content__box, +.content__half_box, +.footer__wrapper { width: 100%; max-width: 1200px; orphans: 3; @@ -952,6 +983,23 @@ footer { .content__inner_box.-logo_header { margin: -0.5rem 1.5rem 0 1.5rem; } + + /* homepage - start */ + .content__box.-heading { + margin-bottom: 1rem; + } + + .content__half_box { + flex-direction: column; + padding: 0; + width: auto; + } + + .content__inner_half_box { + width: auto; + margin: 0 1.5rem; + } + /* homepage - end */ } @media screen and (max-width: 595px) { @@ -1119,7 +1167,24 @@ footer { } /* mobile nav - Ende */ + /* homepage - start */ .content__inner_box.-logo_header { margin: -0.5rem 1.5rem 0 1.5rem; } + + .content__box.-heading { + margin-bottom: 1rem; + } + + .content__half_box { + flex-direction: column; + padding: 0; + width: auto; + } + + .content__inner_half_box { + width: auto; + margin: 0 1.5rem; + } + /* homepage - end */ } diff --git a/content/nasa-space-shuttle.jpg b/content/nasa-space-shuttle.jpg new file mode 100644 index 00000000..7c89af89 --- /dev/null +++ b/content/nasa-space-shuttle.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:52100aa122ee39b6dca199206b4a2efcb491b4d1c63445fcd34d476d8b7e5471 +size 170087 diff --git a/templates/homepage.html b/templates/homepage.html index 324c0bca..4a616904 100644 --- a/templates/homepage.html +++ b/templates/homepage.html @@ -8,11 +8,46 @@ {%- endif -%} {%- endblock -%} {% block body %} -
-
-

{{ this.title }}

+ + +
+
+
+

3, 2, 1 - Die WTF eG hebt ab!

+
-
+
+
+ +
+

Die Idee der„Hackergenossenschaft“ wurde zum ersten Mal auf dem 34C3 vorgestellt. Vom Start weg haben sich über 160 Personen gefunden und dafür gearbeitet, dass die Gründung gelingt.

+

Ein Unternehmen, dass jedem einzelnen von uns gehört, in dem jeder von uns eine Stimme und das Recht auf Mitsprache hat. Das alles ist nun machbar - in unserer WTF Koopertive eG.

+
+ +
+ {% if this.attachments.images %} +
+ {% for image in this.attachments.images %} + + Startendes Space Shuttle + {% endfor %} +
+ {% endif %} +
+ + {% for blk in this.section.blocks %}