diff --git a/assets/css/style.css b/assets/css/style.css index 20b8fd1f..64905733 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; @@ -1436,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; @@ -1653,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; @@ -1970,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; 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+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 ---- diff --git a/content/about/contents.lr b/content/about/contents.lr index cbd7ffc9..345545b7 100644 --- a/content/about/contents.lr +++ b/content/about/contents.lr @@ -30,6 +30,36 @@ 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. + +[Mehr zu Agent Shredder](https://agent-shredder.com/tabs/info) +#### 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. + +[Mehr zu Balkonsolar](https://solar.wtf.coop) +#### 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 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 ---- 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