From 08b216fdbcc4da3e55e7a2f6e742212b943832c4 Mon Sep 17 00:00:00 2001 From: muli Date: Sat, 4 Nov 2023 21:47:59 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20Portfolio=20auf=20"Was=20wir=20tun"=20h?= =?UTF-8?q?inzugef=C3=BCgt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 21 ++++++++++ assets/images/headings/portfolio.svg | 7 ++++ content/about/agent_shredder_lila.svg | 7 ++++ content/about/bricks_tronix_lila.svg | 7 ++++ content/about/contents.lr | 24 +++++++++++ content/about/solar_lila.svg | 7 ++++ flowblocks/flow_portfolio_cards.ini | 20 +++++++++ models/about_page.ini | 2 +- templates/about_page.html | 58 ++++++++++++++++----------- 9 files changed, 129 insertions(+), 24 deletions(-) create mode 100644 assets/images/headings/portfolio.svg create mode 100644 content/about/agent_shredder_lila.svg create mode 100644 content/about/bricks_tronix_lila.svg create mode 100644 content/about/solar_lila.svg create mode 100644 flowblocks/flow_portfolio_cards.ini diff --git a/assets/css/style.css b/assets/css/style.css index 20b8fd1f..da25aacf 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -879,6 +879,27 @@ hr.-even { } /* services_cards - end */ +/* portfolio_cards - start */ +.portfolio_box { + display: grid; + grid-template-columns: 1fr 3fr; + grid-template-rows: 1fr; + grid-template-areas: "heading cards"; + + margin-bottom: 3rem; +} + +.portfolio_box h1 { + margin-right: 1.5rem; + color: transparent; + background-image: url("../images/headings/portfolio.svg"); + background-repeat: no-repeat; + background-size: contain; + background-position: left; + grid-area: heading; +} +/* portfolio_cards - end */ + /* bubble_gird - start */ .bubble_grid { margin: 0 1.5rem 0 1.5rem; diff --git a/assets/images/headings/portfolio.svg b/assets/images/headings/portfolio.svg new file mode 100644 index 00000000..7aa1fe10 --- /dev/null +++ b/assets/images/headings/portfolio.svg @@ -0,0 +1,7 @@ + + + + + Portfolio + + diff --git a/content/about/agent_shredder_lila.svg b/content/about/agent_shredder_lila.svg new file mode 100644 index 00000000..213bd15f --- /dev/null +++ b/content/about/agent_shredder_lila.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/content/about/bricks_tronix_lila.svg b/content/about/bricks_tronix_lila.svg new file mode 100644 index 00000000..7fd34711 --- /dev/null +++ b/content/about/bricks_tronix_lila.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/content/about/contents.lr b/content/about/contents.lr index cbd7ffc9..b4d0bcd5 100644 --- a/content/about/contents.lr +++ b/content/about/contents.lr @@ -30,6 +30,30 @@ card_title: Betrieb card_image: icon_connected_servers.svg ---- card_text: Nach dem Projekt lassen wir Dich nicht mit dem Ergebnis im Regen stehen, sondern bieten Dir auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur. +#### flow_portfolio_cards #### +card_title: Agent Shredder +---- +card_image: agent_shredder_lila.svg +---- +card_text: Journalist\*innen haben bisweilen einen gefährlichen Job und eine hohe Verantwortung. Mit Agent Shredder können sie ihre Daten unterwegs jederzeit schnell und unkompliziert verschlüsseln, damit sie nicht in die falschen Hände gelangen. Powered by starker Kryptografie und powered by WTF eG. +#### flow_portfolio_cards #### +card_title: Balkonsolar +---- +card_image: solar_lila.svg +---- +card_text: + +Als im letzten Jahr jede Menge Balkonkraftwerke das Licht der Welt entdeckten, mussten viele lernen, dass einige davon zweifelhaft abgesichert waren. Das muss sich dringend ändern und besser werden, dachten wir von der WTF eG, und haben das besser gemacht. +#### flow_portfolio_cards #### +card_title: BricksTronix +---- +card_image: bricks_tronix_lila.svg +---- +card_text: + +Dein Breadboard hat Wackelkontakte? Deine Lötkünste sind eingerostet oder Dir fehlt die ruhige Hand? + +Prototypen so einfach zusammenstecken wie Klemmbausteine, das geht mit BricksTronix. Vom Einsatz als Lehrmaterial für angehende Hardwerker*innen bis hin zu soliden Prototypen ist hiermit alles möglich. #### flow_icon_bubbles #### icon_path: Python_logo_and_wordmark.svg ---- diff --git a/content/about/solar_lila.svg b/content/about/solar_lila.svg new file mode 100644 index 00000000..66b4b373 --- /dev/null +++ b/content/about/solar_lila.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/flowblocks/flow_portfolio_cards.ini b/flowblocks/flow_portfolio_cards.ini new file mode 100644 index 00000000..6427284a --- /dev/null +++ b/flowblocks/flow_portfolio_cards.ini @@ -0,0 +1,20 @@ +[block] +name = Portfolio Card +button_label = Add Portfolio Card +label = {{ this.card_title }} + +[fields.card_title] +label = Card Titel +type = string +width = 1/2 + +[fields.card_image] +label = Card Icon +description = Lade ein Bild hoch und wähle es hier aus +type = select +source = record.attachments.images +width = 1/2 + +[fields.card_text] +label = Card Text +type = markdown diff --git a/models/about_page.ini b/models/about_page.ini index 0815702b..089f7340 100644 --- a/models/about_page.ini +++ b/models/about_page.ini @@ -21,7 +21,7 @@ type = string [fields.section] label = Sections type = flow -flow_blocks = flow_services_cards, flow_icon_bubbles +flow_blocks = flow_portfolio_cards, flow_services_cards, flow_icon_bubbles [fields.kompetenzen_heading] label = Kompetenzen Überschrift diff --git a/templates/about_page.html b/templates/about_page.html index 37858297..f8aee862 100644 --- a/templates/about_page.html +++ b/templates/about_page.html @@ -29,7 +29,42 @@ {% endfor %} + +
+

Portfolio

+
+ {% for card in this.section.blocks %} + {% if card._flowblock == "flow_portfolio_cards" %} + {{ render_services_card(card, loop.index) }} + {% endif %} + {% endfor %} +
+
+ + +
+
+

{{ this.kompetenzen_heading }}

+
+
+
+
+
+ {% for icon_bubble in this.section.blocks %} + {% if icon_bubble._flowblock == "flow_icon_bubbles" %} + {{ icon_bubble }} + {% endif %} + + {% endfor %} + +
+ {{ this.kompetenzen_body }} +
+ +
+
+
- -
-
-

{{ this.kompetenzen_heading }}

-
-
-
-
-
- {% for icon_bubble in this.section.blocks %} - {% if icon_bubble._flowblock == "flow_icon_bubbles" %} - {{ icon_bubble }} - {% endif %} - - {% endfor %} - -
- {{ this.kompetenzen_body }} -
- -
-
-
{% endblock %} \ No newline at end of file