From 08b216fdbcc4da3e55e7a2f6e742212b943832c4 Mon Sep 17 00:00:00 2001 From: muli Date: Sat, 4 Nov 2023 21:47:59 +0100 Subject: [PATCH 1/4] =?UTF-8?q?feat:=20Portfolio=20auf=20"Was=20wir=20tun"?= =?UTF-8?q?=20hinzugef=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 From 277831174a9818f27dbd1adffbf7a2de75dc8db9 Mon Sep 17 00:00:00 2001 From: muli Date: Sat, 4 Nov 2023 21:55:15 +0100 Subject: [PATCH 2/4] =?UTF-8?q?fix:=20Portfolio=20verh=C3=A4lt=20sich=20je?= =?UTF-8?q?tzt=20genauso=20responsive=20wie=20die=20Services.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index da25aacf..64905733 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1457,12 +1457,12 @@ footer { padding-top: 0; } - .services_box { + .services_box, .portfolio_box { display: block; margin: 0 1.5rem 3rem 1.5rem; } - .services_box h1 { + .services_box h1, .portfolio_box h1 { color: var(--wtf-orange); background-image: unset; margin-bottom: 1rem; @@ -1674,12 +1674,12 @@ footer { padding-top: 0; } - .services_box { + .services_box, .portfolio_box { display: block; margin: 0 1.5rem 3rem 1.5rem; } - .services_box h1 { + .services_box h1, .portfolio_box h1 { color: var(--wtf-orange); background-image: unset; margin-bottom: 1rem; @@ -1991,12 +1991,12 @@ footer { margin-top: 1.5rem; } - .services_box { + .services_box, .portfolio_box { display: block; margin: 0 1.5rem 3rem 1.5rem; } - .services_box h1 { + .services_box h1, .portfolio_box h1 { color: var(--wtf-orange); background-image: unset; margin-bottom: 1rem; From d07aa2afd75ae313bfa0189ae293be05f99f2762 Mon Sep 17 00:00:00 2001 From: muli Date: Sat, 4 Nov 2023 22:02:45 +0100 Subject: [PATCH 3/4] =?UTF-8?q?feat:=20Links=20f=C3=BCr=20Agent=20Shredder?= =?UTF-8?q?=20und=20Balkonsolar=20sowie=20Hinweis=20auf=20die=20WTF=20bei?= =?UTF-8?q?=20BricksTronix=20hinzugef=C3=BCgt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/about/contents.lr | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/content/about/contents.lr b/content/about/contents.lr index b4d0bcd5..345545b7 100644 --- a/content/about/contents.lr +++ b/content/about/contents.lr @@ -35,7 +35,11 @@ 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. +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. + +[Mehr zu Agent Shredder](https://agent-shredder.com/tabs/info) #### flow_portfolio_cards #### card_title: Balkonsolar ---- @@ -44,6 +48,8 @@ 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. + +[Mehr zu Balkonsolar](https://solar.wtf.coop) #### flow_portfolio_cards #### card_title: BricksTronix ---- @@ -53,7 +59,7 @@ 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. +Prototypen so einfach zusammenstecken wie Klemmbausteine, das geht mit BricksTronix von der WTF eG. 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 ---- From 836ed06f99d7eb8293492f920972449999c23317 Mon Sep 17 00:00:00 2001 From: muli Date: Sun, 19 Nov 2023 14:38:37 +0100 Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=C3=9Cbersetzung=20f=C3=BCrs=20Port?= =?UTF-8?q?folio=20hinzugef=C3=BCgt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/about/contents+en.lr | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/content/about/contents+en.lr b/content/about/contents+en.lr index a40c13d6..6306b35e 100644 --- a/content/about/contents+en.lr +++ b/content/about/contents+en.lr @@ -30,6 +30,35 @@ card_title: Operations card_image: icon_connected_servers.svg ---- card_text: After the project, we do not leave you out in the cold with the result, but offer you services for the operation of the completed project and the administration of the infrastructure beyond the project. +#### flow_portfolio_cards #### +card_title: Agent Shredder +---- +card_image: agent_shredder_lila.svg +---- +card_text: + +Journalists sometimes have a dangerous job and a high responsibility. With Agent Shredder, they can encrypt their data quickly and easily at any time on the go, to prevent them from getting into the wrong hands. Powered by strong cryptography and powered by WTF eG. + +[More about Agent Shredder](https://agent-shredder.com/tabs/info) +#### flow_portfolio_cards #### +card_title: Balkonsolar +---- +card_image: solar_lila.svg +---- +card_text: + +When a lot of balcony power plants discovered the light of day last year, many had to learn that some were doubtfully secured. We at WTF eG thought that this urgently needed to be changed and improved upon and so we did. + +[More about Balkonsolar](https://solar.wtf.coop) +#### flow_portfolio_cards #### +card_title: BricksTronix +---- +card_image: bricks_tronix_lila.svg +---- +card_text: + +Your Breadboard has flaky contacts? Your soldering skills are a bit rusty or you are missing a steady hand? +Connect prototypes as easy as staking building blocks, which is possible with BricksTronix from the WTF eG. From use as teaching material for up and coming electronics person to solid prototypes, everything is possible. #### flow_icon_bubbles #### icon_path: Python_logo_and_wordmark.svg ----