content/about/contents+en.lr

@@ -38,63 +38,63 @@ card_text: After the project, we do not leave you out in the cold with the resul
 image_credits: servers by IYIKON from <a href="https://thenounproject.com/browse/icons/term/servers/" target="_blank" title="servers Icons">Noun Project</a>
 ----
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Python_logo_and_wordmark.svg
+icon_path: Python_logo_and_wordmark.svg
 ----
 icon_alt: Logo of the Python programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/ISO_C++_Logo.svg
+icon_path: ISO_C++_Logo.svg
 ----
 icon_alt: Logo of the C++ programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Tux.svg
+icon_path: Tux.svg
 ----
 icon_alt: Tux the penguin mascott of Linux
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Unofficial_JavaScript_logo_2.svg
+icon_path: Unofficial_JavaScript_logo_2.svg
 ----
 icon_alt: Logo of the JavaScript programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/PHP-logo.svg
+icon_path: PHP-logo.svg
 ----
 icon_alt: Logo of the PHP programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/C_Programming_Language.svg
+icon_path: C_Programming_Language.svg
 ----
 icon_alt: Logo of the C programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Ansible_logo.svg
+icon_path: Ansible_logo.svg
 ----
 icon_alt: Logo of the Ansible project
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Postgresql_elephant.svg
+icon_path: Postgresql_elephant.svg
 ----
 icon_alt: Logo of the Postgres database
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Java-Logo.svg
+icon_path: Java-Logo.svg
 ----
 icon_alt: Logo of the Java programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Rust_programming_language_black_logo.svg
+icon_path: Rust_programming_language_black_logo.svg
 ----
 icon_alt: Logo of the Rust programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/CSS3_logo_and_wordmark.svg
+icon_path: CSS3_logo_and_wordmark.svg
 ----
 icon_alt: Logo of CSS3
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Debian-OpenLogo.svg
+icon_path: Debian-OpenLogo.svg
 ----
 icon_alt: Logo of the Debian operating system
 #### flow_icon_bubbles ####
-icon_path: /images/logos/MySQL_textlogo.svg
+icon_path: MySQL_textlogo.svg
 ----
 icon_alt: Logo of the MySQL database
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Vue.js_Logo_2.svg
+icon_path: Vue.js_Logo_2.svg
 ----
 icon_alt: Logo of the Vue.js framework
 #### flow_icon_bubbles ####
-icon_path: /images/logos/LaTeX_logo.svg
+icon_path: LaTeX_logo.svg
 ----
 icon_alt: Logo of the LaTeX typesetting language
 ---

content/about/contents.lr

@@ -36,65 +36,64 @@ card_image: images/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.
 ----
 image_credits: servers by IYIKON from <a href="https://thenounproject.com/browse/icons/term/servers/" target="_blank" title="servers Icons">Noun Project</a>
-----
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Python_logo_and_wordmark.svg
+icon_path: Python_logo_and_wordmark.svg
 ----
 icon_alt: Logo of the Python programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/ISO_C++_Logo.svg
+icon_path: ISO_C++_Logo.svg
 ----
 icon_alt: Logo of the C++ programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Tux.svg
+icon_path: Tux.svg
 ----
 icon_alt: Tux the penguin mascott of Linux
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Unofficial_JavaScript_logo_2.svg
+icon_path: Unofficial_JavaScript_logo_2.svg
 ----
 icon_alt: Logo of the JavaScript programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/PHP-logo.svg
+icon_path: PHP-logo.svg
 ----
 icon_alt: Logo of the PHP programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/C_Programming_Language.svg
+icon_path: C_Programming_Language.svg
 ----
 icon_alt: Logo of the C programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Ansible_logo.svg
+icon_path: Ansible_logo.svg
 ----
 icon_alt: Logo of the Ansible project
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Postgresql_elephant.svg
+icon_path: Postgresql_elephant.svg
 ----
 icon_alt: Logo of the Postgres database
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Java-Logo.svg
+icon_path: Java-Logo.svg
 ----
 icon_alt: Logo of the Java programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Rust_programming_language_black_logo.svg
+icon_path: Rust_programming_language_black_logo.svg
 ----
 icon_alt: Logo of the Rust programming language
 #### flow_icon_bubbles ####
-icon_path: /images/logos/CSS3_logo_and_wordmark.svg
+icon_path: CSS3_logo_and_wordmark.svg
 ----
 icon_alt: Logo of CSS3
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Debian-OpenLogo.svg
+icon_path: Debian-OpenLogo.svg
 ----
 icon_alt: Logo of the Debian operating system
 #### flow_icon_bubbles ####
-icon_path: /images/logos/MySQL_textlogo.svg
+icon_path: MySQL_textlogo.svg
 ----
 icon_alt: Logo of the MySQL database
 #### flow_icon_bubbles ####
-icon_path: /images/logos/Vue.js_Logo_2.svg
+icon_path: Vue.js_Logo_2.svg
 ----
 icon_alt: Logo of the Vue.js framework
 #### flow_icon_bubbles ####
-icon_path: /images/logos/LaTeX_logo.svg
+icon_path: LaTeX_logo.svg
 ----
 icon_alt: Logo of the LaTeX typesetting language
 ---

flowblocks/flow_icon_bubbles.ini

@@ -6,9 +6,12 @@ label = {{ this.card_title }}
 [fields.icon_path]
 label = Icon Pfad
 description = Iconpfad z. B. /images/logos/Ansible_logo.svg
-type = string
+type = select
+source = record.attachments.images
+width = 1/2
 
 [fields.icon_alt]
 label = Icon-Alt-Text
 description = Icon Alt Text z. B. Logo of the Ansible project
 type = string
+width = 1/2

flowblocks/flow_services_cards.ini

@@ -6,16 +6,20 @@ label = {{ this.card_title }}
 [fields.card_title]
 label = Card Titel
 type = string
+width = 1/2
 
 [fields.card_image]
 label = Card Icon
 description = Icon Pfad zB. images/circle_icon_fist.svg
 type = string
+width = 1/2
 
 [fields.card_text]
 label = Card Text
 type = markdown
+width = 1/2
 
 [fields.image_credits]
 label = Image Credits
 type = markdown
+width = 1/2

templates/blocks/flow_icon_bubbles.html

@@ -1,3 +1,4 @@
             <div class="bubble_grid__bubble">
-              <img src="{{ this.icon_path }}" alt="{{ this.icon_alt }}">
+              {% set icon = record.attachments.images.get(this.icon_path) %}
+              <img src="{{ icon|url }}" alt="{{ this.icon_alt }}">
             </div>