From 08969756ad5a78a641aae8edd56b63434aec5a8f Mon Sep 17 00:00:00 2001 From: Tim Friedrich Weber Date: Wed, 28 May 2025 10:48:30 +0200 Subject: [PATCH] Adding Slideshow for pictures in prompt examples --- docs/anwendungen/index.md | 57 +++++++++++++++++++++++++++ docs/assets/js/faq.js | 7 ++++ docs/assets/js/testimonials.js | 1 + mkdocs.yml | 3 +- overrides/assets/css/custom.scss | 1 + overrides/assets/css/modules/faq.scss | 9 ++--- 6 files changed, 72 insertions(+), 6 deletions(-) diff --git a/docs/anwendungen/index.md b/docs/anwendungen/index.md index d75ae93..0c811ae 100644 --- a/docs/anwendungen/index.md +++ b/docs/anwendungen/index.md @@ -23,6 +23,24 @@ Die folgenden Anwendungsbeispiele zeigen konkrete Einsatzmöglichkeiten für Kun

Möglicher Prompt:
Erstellen Sie eine professionelle E-Mail-Antwort auf folgende Kundenanfrage: "Sehr geehrte Damen und Herren, ich habe am 15.05.2025 eine Bestellung mit der Nummer 12345 aufgegeben und möchte wissen, wann diese voraussichtlich geliefert wird."

+ +
+
+
+ KI-gestützte E-Mail-Erstellung Beispiel 1 +
+
+ KI-gestützte E-Mail-Erstellung Beispiel 2 +
+
+
+ + +
+
+
+ + @@ -33,6 +51,21 @@ Die folgenden Anwendungsbeispiele zeigen konkrete Einsatzmöglichkeiten für Kun

Möglicher Prompt:
Fassen Sie dieses Dokument in maximal 5 Sätzen zusammen: [Fügen Sie hier den Text des Dokuments ein].

+ +
+
+
+ Dokumentenanalyse mit KI Beispiel +
+
+
+ + +
+
+
+ + @@ -43,6 +76,30 @@ Die folgenden Anwendungsbeispiele zeigen konkrete Einsatzmöglichkeiten für Kun

Möglicher Prompt:
Erstellen Sie eine detaillierte Schritt-für-Schritt-Anleitung zur Projektplanung, die folgende Punkte berücksichtigt: Zieldefinition, Aufgabenplanung, Ressourcenmanagement, Zeitplanung, Risikomanagement, Erfolgskontrolle.

+ +
+
+
+ KI-gestützte Projektplanung Beispiel 1 +
+
+ KI-gestützte Projektplanung Beispiel 2 +
+
+ KI-gestützte Projektplanung Beispiel 3 +
+
+ KI-gestützte Projektplanung Beispiel 4 +
+
+
+ + +
+
+
+ + diff --git a/docs/assets/js/faq.js b/docs/assets/js/faq.js index 2e0a82e..75a9f91 100644 --- a/docs/assets/js/faq.js +++ b/docs/assets/js/faq.js @@ -38,6 +38,13 @@ function initFAQ() { otherQuestion.nextElementSibling.classList.remove('active'); } }); + + // Initialisiere Slideshows innerhalb der geöffneten Antwort + setTimeout(() => { + if (typeof initSlideshows === 'function') { + initSlideshows(); + } + }, 100); } }); }); diff --git a/docs/assets/js/testimonials.js b/docs/assets/js/testimonials.js index 07ba467..5baa35f 100644 --- a/docs/assets/js/testimonials.js +++ b/docs/assets/js/testimonials.js @@ -1,3 +1,4 @@ + window.addEventListener('load', function() { // Testimonial-Wechsel-Funktionalität const testimonialImages = document.querySelectorAll('.satag--home-testimonial-image-wrapper'); diff --git a/mkdocs.yml b/mkdocs.yml index fab68ff..77c6268 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -165,6 +165,7 @@ extra_javascript: - assets/js/testimonials.js - assets/js/wcag.js - assets/js/lightbox.js + - assets/js/slideshow.js # Navigation @@ -186,4 +187,4 @@ nav: - Workshops: workshops/ - Preise: zugang/ - FAQ: faq/ - - Blog: blog/ \ No newline at end of file + - Blog: blog/ diff --git a/overrides/assets/css/custom.scss b/overrides/assets/css/custom.scss index a3e9615..67d3093 100644 --- a/overrides/assets/css/custom.scss +++ b/overrides/assets/css/custom.scss @@ -28,6 +28,7 @@ @import 'modules/testimonials'; @import "modules/faq"; @import "modules/lightbox"; +@import "modules/slideshow"; @import "modules/blog"; diff --git a/overrides/assets/css/modules/faq.scss b/overrides/assets/css/modules/faq.scss index 84d2a66..e791e15 100644 --- a/overrides/assets/css/modules/faq.scss +++ b/overrides/assets/css/modules/faq.scss @@ -8,7 +8,7 @@ overflow: hidden; border: 1px solid #d9d9d9; padding: 15px 20px; - font-size: 18px; + //font-size: 18px; } .custom-faq-question { @@ -23,7 +23,7 @@ .custom-faq-question::after { content: "\f078"; - font-family: 'Font Awesome 6 Pro', sans-serif; + font-family: 'Font Awesome 6 Sharp', sans-serif; font-weight: 100; font-size: 1rem; position: absolute; @@ -34,7 +34,7 @@ .custom-faq-question.active::after { content: "\f077"; - font-family: 'Font Awesome 6 Pro', sans-serif; + font-family: 'Font Awesome 6 Sharp', sans-serif; font-weight: 100; font-size: 1rem; @@ -54,6 +54,5 @@ .custom-faq-answer.active { padding: 0; - max-height: 1000px; /* Großer Wert, um sicherzustellen, dass der Inhalt vollständig angezeigt wird */ + max-height: 3000px; /* Größerer Wert, um sicherzustellen, dass der Inhalt vollständig angezeigt wird */ } -