From 07b32b39affc8432a43182b025085032233e38a1 Mon Sep 17 00:00:00 2001 From: muli Date: Sat, 24 Jun 2023 18:36:13 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20Icon=20bubbles=20als=20Flowblocks=20hin?= =?UTF-8?q?zugef=C3=BCgt.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/about/contents+en.lr | 61 ++++++++++++++++++++++ content/about/contents.lr | 61 ++++++++++++++++++++++ flowblocks/flow_icon_bubbles.ini | 14 +++++ models/about_page.ini | 2 +- templates/about_page.html | 68 +++---------------------- templates/blocks/flow_icon_bubbles.html | 3 ++ 6 files changed, 148 insertions(+), 61 deletions(-) create mode 100644 flowblocks/flow_icon_bubbles.ini create mode 100644 templates/blocks/flow_icon_bubbles.html diff --git a/content/about/contents+en.lr b/content/about/contents+en.lr index 29ba144..8cea19a 100644 --- a/content/about/contents+en.lr +++ b/content/about/contents+en.lr @@ -36,6 +36,67 @@ card_image: images/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. ---- image_credits: servers by IYIKON from Noun Project +---- +#### flow_icon_bubbles #### +icon_path: /images/logos/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_alt: Logo of the C++ programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/Tux.svg +---- +icon_alt: Tux the penguin mascott of Linux +#### flow_icon_bubbles #### +icon_path: /images/logos/Unofficial_JavaScript_logo_2.svg +---- +icon_alt: Logo of the JavaScript programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/PHP-logo.svg +---- +icon_alt: Logo of the PHP programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/C_Programming_Language.svg +---- +icon_alt: Logo of the C programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/Ansible_logo.svg +---- +icon_alt: Logo of the Ansible project +#### flow_icon_bubbles #### +icon_path: /images/logos/Postgresql_elephant.svg +---- +icon_alt: Logo of the Postgres database +#### flow_icon_bubbles #### +icon_path: /images/logos/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_alt: Logo of the Rust programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/CSS3_logo_and_wordmark.svg +---- +icon_alt: Logo of CSS3 +#### flow_icon_bubbles #### +icon_path: /images/logos/Debian-OpenLogo.svg +---- +icon_alt: Logo of the Debian operating system +#### flow_icon_bubbles #### +icon_path: /images/logos/MySQL_textlogo.svg +---- +icon_alt: Logo of the MySQL database +#### flow_icon_bubbles #### +icon_path: /images/logos/Vue.js_Logo_2.svg +---- +icon_alt: Logo of the Vue.js framework +#### flow_icon_bubbles #### +icon_path: /images/logos/LaTeX_logo.svg +---- +icon_alt: Logo of the LaTeX typesetting language --- kompetenzen_body: diff --git a/content/about/contents.lr b/content/about/contents.lr index 978a200..76dba56 100644 --- a/content/about/contents.lr +++ b/content/about/contents.lr @@ -36,6 +36,67 @@ 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 Noun Project +---- +#### flow_icon_bubbles #### +icon_path: /images/logos/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_alt: Logo of the C++ programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/Tux.svg +---- +icon_alt: Tux the penguin mascott of Linux +#### flow_icon_bubbles #### +icon_path: /images/logos/Unofficial_JavaScript_logo_2.svg +---- +icon_alt: Logo of the JavaScript programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/PHP-logo.svg +---- +icon_alt: Logo of the PHP programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/C_Programming_Language.svg +---- +icon_alt: Logo of the C programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/Ansible_logo.svg +---- +icon_alt: Logo of the Ansible project +#### flow_icon_bubbles #### +icon_path: /images/logos/Postgresql_elephant.svg +---- +icon_alt: Logo of the Postgres database +#### flow_icon_bubbles #### +icon_path: /images/logos/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_alt: Logo of the Rust programming language +#### flow_icon_bubbles #### +icon_path: /images/logos/CSS3_logo_and_wordmark.svg +---- +icon_alt: Logo of CSS3 +#### flow_icon_bubbles #### +icon_path: /images/logos/Debian-OpenLogo.svg +---- +icon_alt: Logo of the Debian operating system +#### flow_icon_bubbles #### +icon_path: /images/logos/MySQL_textlogo.svg +---- +icon_alt: Logo of the MySQL database +#### flow_icon_bubbles #### +icon_path: /images/logos/Vue.js_Logo_2.svg +---- +icon_alt: Logo of the Vue.js framework +#### flow_icon_bubbles #### +icon_path: /images/logos/LaTeX_logo.svg +---- +icon_alt: Logo of the LaTeX typesetting language --- kompetenzen_body: diff --git a/flowblocks/flow_icon_bubbles.ini b/flowblocks/flow_icon_bubbles.ini new file mode 100644 index 0000000..5f46881 --- /dev/null +++ b/flowblocks/flow_icon_bubbles.ini @@ -0,0 +1,14 @@ +[block] +name = Icon Bubbles +button_label = Add Icon Bubble +label = {{ this.card_title }} + +[fields.icon_path] +label = Icon Pfad +description = Iconpfad z. B. /images/logos/Ansible_logo.svg +type = string + +[fields.icon_alt] +label = Icon-Alt-Text +description = Icon Alt Text z. B. Logo of the Ansible project +type = string diff --git a/models/about_page.ini b/models/about_page.ini index cc88f19..450dc2f 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_blocks = 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 a922fbc..60e9236 100644 --- a/templates/about_page.html +++ b/templates/about_page.html @@ -23,7 +23,9 @@

{{ this.title }}

{% for card in this.section.blocks %} - {{ render_services_card(card, loop.index) }} + {% if card._flowblock == "flow_services_cards" %} + {{ render_services_card(card, loop.index) }} + {% endif %} {% endfor %}
@@ -38,66 +40,12 @@
+ {% for icon_bubble in this.section.blocks %} + {% if icon_bubble._flowblock == "flow_icon_bubbles" %} + {{ icon_bubble }} + {% endif %} -
- Logo of the Python programming language -
- -
- Logo of the C++ programming language -
- -
- Tux the penguin mascott of Linux -
- -
- Logo of the JavaScript programming language -
- -
- Logo of the PHP programming language -
- -
- Logo of the C programming language -
- -
- Logo of the Ansible project -
- -
- Logo of the Postgres database -
- -
- Logo of the Java programming language -
- -
- Logo of the Rust programming language -
- -
- Logo of CSS3 -
- -
- Logo of the Debian operating system -
- -
- Logo of the MySQL database -
- -
- Logo of the Vue.js framework -
- -
- Logo of the LaTeX typesetting language -
+ {% endfor %}
{{ this.kompetenzen_body }} diff --git a/templates/blocks/flow_icon_bubbles.html b/templates/blocks/flow_icon_bubbles.html new file mode 100644 index 0000000..7eb83af --- /dev/null +++ b/templates/blocks/flow_icon_bubbles.html @@ -0,0 +1,3 @@ +
+ {{ this.icon_alt }} +
\ No newline at end of file