feat: Bubble-Icons gibt's jetzt als Attachment.

This commit is contained in:
muli 2023-06-24 18:58:00 +02:00
parent d9af589042
commit 1c6a267934
20 changed files with 40 additions and 33 deletions

View File

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

View File

Before

Width:  |  Height:  |  Size: 687 B

After

Width:  |  Height:  |  Size: 687 B

View File

Before

Width:  |  Height:  |  Size: 467 B

After

Width:  |  Height:  |  Size: 467 B

View File

@ -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> 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 #### #### 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 icon_alt: Logo of the Python programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the C++ programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Tux.svg icon_path: Tux.svg
---- ----
icon_alt: Tux the penguin mascott of Linux icon_alt: Tux the penguin mascott of Linux
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the JavaScript programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/PHP-logo.svg icon_path: PHP-logo.svg
---- ----
icon_alt: Logo of the PHP programming language icon_alt: Logo of the PHP programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the C programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Ansible_logo.svg icon_path: Ansible_logo.svg
---- ----
icon_alt: Logo of the Ansible project icon_alt: Logo of the Ansible project
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Postgresql_elephant.svg icon_path: Postgresql_elephant.svg
---- ----
icon_alt: Logo of the Postgres database icon_alt: Logo of the Postgres database
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Java-Logo.svg icon_path: Java-Logo.svg
---- ----
icon_alt: Logo of the Java programming language icon_alt: Logo of the Java programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the Rust programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/CSS3_logo_and_wordmark.svg icon_path: CSS3_logo_and_wordmark.svg
---- ----
icon_alt: Logo of CSS3 icon_alt: Logo of CSS3
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Debian-OpenLogo.svg icon_path: Debian-OpenLogo.svg
---- ----
icon_alt: Logo of the Debian operating system icon_alt: Logo of the Debian operating system
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/MySQL_textlogo.svg icon_path: MySQL_textlogo.svg
---- ----
icon_alt: Logo of the MySQL database icon_alt: Logo of the MySQL database
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the Vue.js framework
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/LaTeX_logo.svg icon_path: LaTeX_logo.svg
---- ----
icon_alt: Logo of the LaTeX typesetting language icon_alt: Logo of the LaTeX typesetting language
--- ---

View File

@ -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. 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> 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 #### #### 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 icon_alt: Logo of the Python programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the C++ programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Tux.svg icon_path: Tux.svg
---- ----
icon_alt: Tux the penguin mascott of Linux icon_alt: Tux the penguin mascott of Linux
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the JavaScript programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/PHP-logo.svg icon_path: PHP-logo.svg
---- ----
icon_alt: Logo of the PHP programming language icon_alt: Logo of the PHP programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the C programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Ansible_logo.svg icon_path: Ansible_logo.svg
---- ----
icon_alt: Logo of the Ansible project icon_alt: Logo of the Ansible project
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Postgresql_elephant.svg icon_path: Postgresql_elephant.svg
---- ----
icon_alt: Logo of the Postgres database icon_alt: Logo of the Postgres database
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Java-Logo.svg icon_path: Java-Logo.svg
---- ----
icon_alt: Logo of the Java programming language icon_alt: Logo of the Java programming language
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the Rust programming language
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/CSS3_logo_and_wordmark.svg icon_path: CSS3_logo_and_wordmark.svg
---- ----
icon_alt: Logo of CSS3 icon_alt: Logo of CSS3
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/Debian-OpenLogo.svg icon_path: Debian-OpenLogo.svg
---- ----
icon_alt: Logo of the Debian operating system icon_alt: Logo of the Debian operating system
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/MySQL_textlogo.svg icon_path: MySQL_textlogo.svg
---- ----
icon_alt: Logo of the MySQL database icon_alt: Logo of the MySQL database
#### flow_icon_bubbles #### #### 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 icon_alt: Logo of the Vue.js framework
#### flow_icon_bubbles #### #### flow_icon_bubbles ####
icon_path: /images/logos/LaTeX_logo.svg icon_path: LaTeX_logo.svg
---- ----
icon_alt: Logo of the LaTeX typesetting language icon_alt: Logo of the LaTeX typesetting language
--- ---

View File

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

View File

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

View File

@ -1,3 +1,4 @@
<div class="bubble_grid__bubble"> <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> </div>