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