From 9c4878c1e20ce79ddcb8a92eef7b8e629a0d3804 Mon Sep 17 00:00:00 2001 From: muli Date: Wed, 10 May 2023 17:49:02 +0200 Subject: [PATCH] =?UTF-8?q?feat:=201.=20Anlauf=20f=C3=BCr=20Kontaktformula?= =?UTF-8?q?r=20mit=20fancy=20=C3=9Cberschrift=20auf=20der=20Homepage.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 35 ++++++++++++++++++++++ templates/homepage.html | 64 ++++++++++++++++++++++++++++++++++++++++- 2 files changed, 98 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index 084eabb..12893ed 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -652,6 +652,7 @@ hr.-even { } .content__box, +.contact__box, .content__half_box, .content__third_box, .content__aggregate_box { @@ -776,6 +777,39 @@ hr.-even { width: 100%; } +/* Contact form on homepage - start */ +.contact__box { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr; +} + +.contact__box h1 { + grid-area: 1 / 1 / 2 / 3; + text-align: right; + transform-origin: top right; + transform: translateX(-95%) rotate(-80deg); + padding: 0; + font-size: 9rem; + z-index: 0; +} + +.contact__box .contact_info__box { + grid-area: 1 / 1 / 2 / 2; + margin-left: 11rem; + z-index: 1; +} + +.contact__box .contact_form_box { + grid-area: 1 / 2 / 3 / 2; + z-index: 1; +} + +.contact_info__box { + align-self: end; +} +/* Contact form on homepage - end */ + .content__box p, .content__box li { hyphens: auto; } @@ -833,6 +867,7 @@ hr.-even { .nav__wrapper, .header__wrapper, .content__box, +.contact__box, .content__half_box, .footer__wrapper, .content__third_box, diff --git a/templates/homepage.html b/templates/homepage.html index 9f81d76..198ed96 100644 --- a/templates/homepage.html +++ b/templates/homepage.html @@ -1,5 +1,7 @@ {% extends "header_with_logo.html" %} + {%- block title -%}{{ this.title }}{%- endblock -%} + {%- block meta_description -%} {%- if this.meta_description is defined and this.meta_description != "" -%} {{ this.meta_description }} @@ -7,10 +9,70 @@ Werkkooperative der Technikfreundinnen eG {%- endif -%} {%- endblock -%} -{% block body %} +{% block body %} {% for blk in this.section.blocks %} {{ blk }} {% endfor %} +
+

Kontakt

+ +
+

+ WTF Kooperative eG
+ Forsmannstr. 14 b
+ 22303 Hamburg +

+

+ E-Mail:
+ office@wtf-eg.de +

+

+ GnuPG Key:
+ 1129A9F509FE1B36287202A2FE8772F9FB5D572F +

+
+
+
+
+ {{ this.body }} +
+ +
+
+ +
{% endblock %}