From f223aaf9d007f847d05db322592b5474d4f3174d Mon Sep 17 00:00:00 2001 From: muli Date: Tue, 16 May 2023 15:03:56 +0200 Subject: [PATCH] feat: Kompetenzen-Seite auf Services umgebaut. --- assets/css/style.css | 56 ++++++++++++++++++++++ assets/images/headings/services.svg | 14 ++++++ assets/images/icon_connected_servers.svg | 12 +++++ assets/images/icon_gears_bubble.svg | 7 +++ assets/images/icon_processor.svg | 15 ++++++ content/about/kompetenzen/contents.lr | 4 +- models/about_page.ini | 4 ++ templates/about_page.html | 59 ++++++++++++++++++++++++ 8 files changed, 169 insertions(+), 2 deletions(-) create mode 100644 assets/images/headings/services.svg create mode 100644 assets/images/icon_connected_servers.svg create mode 100644 assets/images/icon_gears_bubble.svg create mode 100644 assets/images/icon_processor.svg create mode 100644 models/about_page.ini create mode 100644 templates/about_page.html diff --git a/assets/css/style.css b/assets/css/style.css index d0859de..defc66f 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -924,6 +924,62 @@ hr.-even { } /* card_grid - end */ +/* services- start */ +.services_box { + display: grid; + grid-template-columns: 3fr 1fr; + grid-template-rows: 1fr; + grid-template-areas: "cards heading"; + /* + row-gap: 1.5rem; + column-gap: 1.5rem; + */ +} + +.services_box h1 { + margin-right: 1.5rem; + color: transparent; + background-image: url("../images/headings/services.svg"); + background-repeat: no-repeat; + background-size: contain; + background-position: right; + grid-area: heading; +} + +.services_card_box { + grid-area: cards; + margin-left: 1.5rem; + display: flex; + flex-direction: column; + gap: 2rem; +} + +.services_card { + display: flex; + flex-direction: row; + align-items: center; + gap: 2rem; + padding: 2rem; + background-color: var(--wtf-nearly-white); + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); +} + +.services_card.-even { + flex-direction: row-reverse; +} + +.services_card__image_box img { + height: 8rem; +} + +.services_card__text_box h2 { + font-family: "Lato"; + font-size: 1.5rem; + color: var(--wtf-orange); + margin-bottom: 0.5rem; +} +/* services_cards - end */ + .content__box p, .content__box li { hyphens: auto; } diff --git a/assets/images/headings/services.svg b/assets/images/headings/services.svg new file mode 100644 index 0000000..5bb14a3 --- /dev/null +++ b/assets/images/headings/services.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/assets/images/icon_connected_servers.svg b/assets/images/icon_connected_servers.svg new file mode 100644 index 0000000..efa8b56 --- /dev/null +++ b/assets/images/icon_connected_servers.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icon_gears_bubble.svg b/assets/images/icon_gears_bubble.svg new file mode 100644 index 0000000..f2699a7 --- /dev/null +++ b/assets/images/icon_gears_bubble.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/images/icon_processor.svg b/assets/images/icon_processor.svg new file mode 100644 index 0000000..12457c0 --- /dev/null +++ b/assets/images/icon_processor.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/content/about/kompetenzen/contents.lr b/content/about/kompetenzen/contents.lr index 64d5141..339b3bb 100644 --- a/content/about/kompetenzen/contents.lr +++ b/content/about/kompetenzen/contents.lr @@ -1,6 +1,6 @@ -_model: page +_model: about_page --- -title: Kompetenzen +title: Services --- body: diff --git a/models/about_page.ini b/models/about_page.ini new file mode 100644 index 0000000..51f324c --- /dev/null +++ b/models/about_page.ini @@ -0,0 +1,4 @@ +[model] +name = About Page +label = {{ this.title }} +inherits = page \ No newline at end of file diff --git a/templates/about_page.html b/templates/about_page.html new file mode 100644 index 0000000..eee81c1 --- /dev/null +++ b/templates/about_page.html @@ -0,0 +1,59 @@ +{% 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 %} +
+
+ +
+

{{ this.title }}

+ +
+
+
+ +
+
+

Beratung

+

+ Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner. +

+
+
+ +
+
+ +
+
+

Entwicklung

+

+ Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten. +

+
+
+ +
+
+ +
+
+

Betrieb

+

+ Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur. +

+
+
+ +
+ +
+
+
+{% endblock %} \ No newline at end of file