feat: Icons der Serivce-Cards laufen jetzt auch als Attachement.

This commit is contained in:
muli 2023-06-24 19:27:09 +02:00
parent 6f11fd0d62
commit 71987c4fb4
7 changed files with 11 additions and 9 deletions

View File

@ -15,7 +15,7 @@ section:
#### flow_services_cards ####
card_title: Consulting
----
card_image: images/icon_gears_bubble.svg
card_image: icon_gears_bubble.svg
----
card_text: Benefit from the broad IT know-how, the exchange of experience and the networking of our members and experts in the cooperative. The WTF cooperative is your competent contact.
----
@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
#### flow_services_cards ####
card_title: Development
----
card_image: images/icon_processor.svg
card_image: icon_processor.svg
----
card_text: We realise your projects - whether web application, mobile app or hardware-related programming. We can also advise you on suitable business development programmes if required.
----
@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
#### flow_services_cards ####
card_title: Operations
----
card_image: images/icon_connected_servers.svg
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.
----

View File

@ -15,7 +15,7 @@ section:
#### flow_services_cards ####
card_title: Beratung
----
card_image: images/icon_gears_bubble.svg
card_image: icon_gears_bubble.svg
----
card_text: 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.
----
@ -23,7 +23,7 @@ image_credits: Thinking by Juan Pablo Bravo from <a href="https://thenounproject
#### flow_services_cards ####
card_title: Entwicklung
----
card_image: images/icon_processor.svg
card_image: icon_processor.svg
----
card_text: 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.
----
@ -31,7 +31,7 @@ image_credits: circuit by Shocho from <a href="https://thenounproject.com/browse
#### flow_services_cards ####
card_title: Betrieb
----
card_image: images/icon_connected_servers.svg
card_image: icon_connected_servers.svg
----
card_text: 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.
----

View File

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -10,8 +10,9 @@ width = 1/2
[fields.card_image]
label = Card Icon
description = Icon Pfad zB. images/circle_icon_fist.svg
type = string
description = Lade ein Bild hoch und wähle es hier aus
type = select
source = record.attachments.images
width = 1/2
[fields.card_text]

View File

@ -1,7 +1,8 @@
{% macro render_services_card(card, index) %}
{% set card_image = card.record.attachments.images.get(card.card_image) %}
<div class="services_card {% if index%2 %}-odd{% else %}-even{% endif %}">
<div class="services_card__image_box">
<img src="/{{ card.card_image }}" alt="" aria-hidden="true">
<img src="{{ card_image|url }}" alt="" aria-hidden="true">
</div>
<div class="services_card__text_box">
<h2>{{ card.card_title }}</h2>