Refactor index.md content structure for improved readability and accessibility. Simplify CSS styles and adjust layout dimensions. Update SCSS compilation logic in mkdocs.sh with new directory creation. Optimize Docker configuration and integrate new assets for testimonials. (#148)

This commit is contained in:
mw
2025-06-22 15:21:21 +02:00
committed by GitHub
parent 9a3e8b9e1b
commit 81b84014cb
8 changed files with 184 additions and 217 deletions
+2 -2
View File
@@ -5,8 +5,8 @@ FROM python:3.13-slim-bullseye
WORKDIR /docs WORKDIR /docs
# Set locale to avoid potential issues with C/C++ libraries # Set locale to avoid potential issues with C/C++ libraries
ENV LANG C.UTF-8 ENV LANG=C.UTF-8
ENV LC_ALL C.UTF-8 ENV LC_ALL=C.UTF-8
# Install system dependencies and Python packages in a single layer # Install system dependencies and Python packages in a single layer
RUN apt-get update && apt-get install -y --no-install-recommends \ RUN apt-get update && apt-get install -y --no-install-recommends \
Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

+78 -109
View File
@@ -6,137 +6,102 @@ hide:
- toc - toc
--- ---
<div class="satag--home-landing"> <br>
<div class="satag--home-hero entry">
<h1>KI-Power<br /> für Ihr Business</h1>
<div class="entry-text">
<span class="satag-trademark">satware®</span> AI bietet zukunftsweisende KI-Lösungen, die Unternehmen dabei
unterstützen, ihre Prozesse zu optimieren, Daten effektiver zu nutzen und intelligente Entscheidungen zu treffen. Unsere
Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-gestützte Lösungen zu steigern.
</div>
<p class="hero-buttons">
<a class="md-button md-button--primary" href="webinare/" title="Präsentation zu satware® AI anfragen">Präsentation anfragen</a> <a class="md-button" href="zugang/" title="Zugang zu satware® AI bestellen">Zugang bestellen</a>
</p>
<p class="screenshot-container satag--padding-container">
<picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/satware-ai-chat-screenshot.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/satware-ai-chat-screenshot.jpg" alt="Screenshot von satware AI chat" />
</picture>
</p>
</div>
<!-- Section Companies --> # KI-Power <br> für Ihr Business
<div class="satag--home-companies satag--padding-container">
<h2>Innovative Unternehmen setzen auf <span class="satag-trademark">satware®</span> AI</h2> satware® AI bietet zukunftsweisende KI-Lösungen, die Unternehmen dabei unterstützen, ihre Prozesse zu optimieren, Daten
<div class="satag--home-companies-logo-container"> effektiver zu nutzen und intelligente Entscheidungen zu treffen. Unsere Technologien sind darauf ausgerichtet, Ihren
Geschäftserfolg durch moderne, KI-gestützte Lösungen zu steigern.
[Präsentation anfragen](webinare/index.md){: .md-button .md-button--primary} [Zugang bestellen](webinare/index.md){: .md-button }
<br>
<br>
![Screenshot von satware AI chat](assets/images/home/satware-ai-chat-screenshot.jpg){ width="100%" }
<br>
<div class="satag--home-landing">
<div class="satag--home-companies satag--padding-container">
<h2>Innovative Unternehmen setzen auf <span class="satag-trademark">satware®</span> AI</h2>
<div class="satag--home-companies-logo-container">
<div class="satag--home-companies-logo"> <div class="satag--home-companies-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/hammel-steuerberatungsgesellschaft.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/hammel-steuerberatungsgesellschaft.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/square/hammel-steuerberatungsgesellschaft.png" alt="Hammel Steuerbüro Logo" /> <img src="assets/images/home/company-logos/square/hammel-steuerberatungsgesellschaft.png" alt="Hammel Steuerbüro Logo" />
</picture> </picture>
</div> </div>
<div class="satag--home-companies-logo"> <div class="satag--home-companies-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/ocu-pro.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/ocu-pro.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/square/ocu-pro.png" alt="Ocu Pro Logo" /> <img src="assets/images/home/company-logos/square/ocu-pro.png" alt="Ocu Pro Logo" />
</picture> </picture>
</div> </div>
<div class="satag--home-companies-logo"> <div class="satag--home-companies-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/satware.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/satware.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/square/satware.png" alt="satware AG Logo" /> <img src="assets/images/home/company-logos/square/satware.png" alt="satware AG Logo" />
</picture> </picture>
</div> </div>
<div class="satag--home-companies-logo"> <div class="satag--home-companies-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/klinikum.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/klinikum.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/square/klinikum.png" alt="Klinikum Worms Logo" /> <img src="assets/images/home/company-logos/square/klinikum.png" alt="Klinikum Worms Logo" />
</picture> </picture>
</div> </div>
</div> </div>
</div>
<!-- Counter -->
<div class="satag--home-counters">
<div class="satag--home-counters-container satag--padding-container">
</div>
<!-- end Section Companies -->
<!-- Section Counters -->
<!--
<div class="satag--home-counters ">
<div class="satag--home-counters-container satag--padding-container">
<div class="satag--home-counter"> <div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-globe"></i></span> <span class="satag--home-counter-icon"><i class="fa-thin fa-robot"></i></span>
<span class="satag--home-counter-number">602+</span> <span class="satag--home-counter-number">20+</span>
Company AI platforms created spezialisierte KI Agenten
</div> </div>
<div class="satag--home-counter"> <div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-layer-group"></i></span>
<span class="satag--home-counter-number">7,199+</span>
Specialized AI agents built
</div>
<div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-arrow-trend-up"></i></span> <span class="satag--home-counter-icon"><i class="fa-thin fa-arrow-trend-up"></i></span>
<span class="satag--home-counter-number">132,853+</span> <span class="satag--home-counter-number">99+</span>
Monthly active users Erweiterungen <br> (Perplexity, Diagramme, uvm.)
</div> </div>
<div class="satag--home-counter"> <div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-message-smile"></i></span> <span class="satag--home-counter-icon"><i class="fa-thin fa-message-smile"></i></span>
<span class="satag--home-counter-number">785,862+</span> <span class="satag--home-counter-number">20000+</span>
Monthly messages sent monatlich Chats
</div> </div>
</div> <div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-tickets"></i></span>
</div> <span class="satag--home-counter-number">900000000+</span>
--> Tokens verarbeitet
<!-- end Section Counters --> </div>
</div>
<!-- start section testimonials --> </div>
<div class="satag--home-testimonials-container"> <!-- Testimonials -->
<h2>Kunden über Ihre <span class="satag-trademark">satware®</span> AI Erfahrung</h2> <div class="satag--home-testimonials-container">
<h2>Das sagen unsere Anwender zu <span class="satag-trademark">satware®</span> AI</h2>
<div class="satag--home-testimonials"> <div class="satag--home-testimonials">
<div class="satag--home-testimonials-text-container">
<div class="satag--home-testimonials-text-container">
<!-- Testimonial-Texte mit IDs zur Identifizierung -->
<div class="satag--home-testimonials-text active" data-testimonial-id="1"> <div class="satag--home-testimonials-text active" data-testimonial-id="1">
<picture class="satag--home-testimonial-text-logo"> <picture class="satag--home-testimonial-text-logo">
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/testimonials/silentwaves-schriftzug.avif" type="image/avif"> <source srcset="assets/images/home/testimonials/silentwaves-schriftzug.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img class="satag--home-testimonial-text-logo" src="assets/images/home/testimonials/silentwaves-schriftzug.png" alt="Silent Waves Logo"> <img class="satag--home-testimonial-text-logo" src="assets/images/home/testimonials/silentwaves-schriftzug.png" alt="Silent Waves Logo">
</picture> </picture>
<p> <p>
"Die KI-Agenten der satware sind für mich wertvoller Sparringspartner für Konzeptentwicklung & Reflektion. "Die KI-Agenten der satware sind für mich wertvoller Sparringspartner für Konzeptentwicklung &amp; Reflektion.
Vor allem bieten sie mir einen sicheren Raum für sensible Daten. Vor allem bieten sie mir einen sicheren Raum für sensible Daten. Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
</p> </p>
<div class="satag--home-testimonial-author"> <div class="satag--home-testimonial-author">
<span class="satag--home-testimonial-name">Jens Emrich von Kajdacsy</span><br /> <span class="satag--home-testimonial-name">Jens Emrich von Kajdacsy</span><br />
<span class="satag--home-testimonial-title">Silent Waves</span> <span class="satag--home-testimonial-title">Silent Waves</span>
</div> </div>
</div> </div>
<div class="satag--home-testimonials-text" data-testimonial-id="2"> <div class="satag--home-testimonials-text" data-testimonial-id="2">
<picture class="satag--home-testimonial-text-logo"> <picture class="satag--home-testimonial-text-logo">
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/klinikum.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/klinikum.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img class="satag--home-testimonial-text-logo" src="assets/images/home/company-logos/square/klinikum.png" alt="Klinikum Worms Logo"> <img class="satag--home-testimonial-text-logo" src="assets/images/home/company-logos/square/klinikum.png" alt="Klinikum Worms Logo">
</picture> </picture>
<p> <p>
"Die KI-Agenten der Satware sind für mich ein wertvolles Werkzeug und eine effiziente Arbeitsunterstützung, auf die ich nicht mehr verzichten möchte. Insbesondere der geschützte Datenraum war, gepaart mit der beeindruckenden Funktionalität, ein wichtiges Entscheidungskriterium. Super Lösung für die Unternehmenskommunikation." "Die KI-Agenten der Satware sind für mich ein wertvolles Werkzeug und eine effiziente Arbeitsunterstützung, auf die ich nicht mehr verzichten möchte. Insbesondere der geschützte Datenraum war, gepaart mit der beeindruckenden Funktionalität, ein wichtiges Entscheidungskriterium. Super Lösung für die Unternehmenskommunikation."
</p> </p>
@@ -145,15 +110,11 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
<span class="satag--home-testimonial-title">Leitung Unternehmenskommunikation & Fundraising, Klinikum Worms gGmbH</span> <span class="satag--home-testimonial-title">Leitung Unternehmenskommunikation & Fundraising, Klinikum Worms gGmbH</span>
</div> </div>
</div> </div>
<div class="satag--home-testimonials-text" data-testimonial-id="3"> <div class="satag--home-testimonials-text" data-testimonial-id="3">
<picture class="satag--home-testimonial-text-logo"> <picture class="satag--home-testimonial-text-logo">
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/square/ocu-pro.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/square/ocu-pro.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img class="satag--home-testimonial-text-logo" src="assets/images/home/company-logos/square/ocu-pro.png" alt="Ocu Pro Logo"> <img class="satag--home-testimonial-text-logo" src="assets/images/home/company-logos/square/ocu-pro.png" alt="Ocu Pro Logo">
</picture> </picture>
<p> <p>
"Ein im Alltag für unser Unternehmen mittlerweile unverzichtbarer Support kommt von der satware AI. Wir arbeiten ausschließlich mit sensiblen Daten und die KI Agentin ergänzt perfekt die Datenverarbeitungsprozesse und ich habe trotzdem ein gutes Gefühl in puncto Sicherheit und Datenschutz." "Ein im Alltag für unser Unternehmen mittlerweile unverzichtbarer Support kommt von der satware AI. Wir arbeiten ausschließlich mit sensiblen Daten und die KI Agentin ergänzt perfekt die Datenverarbeitungsprozesse und ich habe trotzdem ein gutes Gefühl in puncto Sicherheit und Datenschutz."
</p> </p>
@@ -162,64 +123,72 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
<span class="satag--home-testimonial-title">CEO bei OCU PRO ® Augenärzte MVZ GmbH</span> <span class="satag--home-testimonial-title">CEO bei OCU PRO ® Augenärzte MVZ GmbH</span>
</div> </div>
</div> </div>
<div class="wolfgang satag--home-testimonials-text" data-testimonial-id="4">
<picture class="satag--home-testimonial-text-logo">
<source srcset="assets/images/home/testimonials/logo/caribou3d.avif" type="image/avif">
<img class="satag--home-testimonial-text-logo" src="assets/images/home/testimonials/logo/caribou3d.jpeg" alt="Caribou 3D by Wolfgang Schadow">
</picture>
<p>
"Im Rahmen der Zusammenarbeit mit satware® AI hat sich schnell gezeigt, dass diese KI-Agenten weit mehr leisten können als nur Textvorschläge
oder Literaturrecherche. Von der Überarbeitung von Fachtexten bis zu Skripten und Visualisierungen die Unterstützung ist präzise, effizient und nachvollziehbar.
Die KI agiert nicht als Ersatz, sondern als nützliches Werkzeug, das meine Arbeit deutlich beschleunigt und inhaltlich sinnvoll ergänzt ohne die wissenschaftliche Sorgfalt zu unterlaufen."
</p>
<div class="satag--home-testimonial-author">
<span class="satag--home-testimonial-name">Dr. Wolfgang Schadow</span><br />
<span class="satag--home-testimonial-title">Wissenschaftler</span>
</div>
</div>
</div> </div>
<div class="satag--home-testimonials-images"> <div class="satag--home-testimonials-images">
<!-- Bilder mit data-testimonial-id Attribut zur Identifizierung -->
<div class="satag--home-testimonial-image-wrapper active" data-testimonial-id="1"> <div class="satag--home-testimonial-image-wrapper active" data-testimonial-id="1">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/testimonials/silentwaves.avif" type="image/avif"> <source srcset="assets/images/home/testimonials/silentwaves.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/testimonials/silentwaves.jpg" alt="Jens Emrich von Kajdacsy" class="satag--home-testimonial-image"> <img src="assets/images/home/testimonials/silentwaves.jpg" alt="Jens Emrich von Kajdacsy" class="satag--home-testimonial-image">
</picture> </picture>
<div class="satag--home-testimonial-logo"> <div class="satag--home-testimonial-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/testimonials/silentwaves-schriftzug.avif" type="image/avif"> <source srcset="assets/images/home/testimonials/silentwaves-schriftzug.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/testimonials/silentwaves-schriftzug.png" alt="Silent Waves Logo"> <img src="assets/images/home/testimonials/silentwaves-schriftzug.png" alt="Silent Waves Logo">
</picture> </picture>
</div> </div>
</div> </div>
<div class="satag--home-testimonial-image-wrapper" data-testimonial-id="2"> <div class="satag--home-testimonial-image-wrapper" data-testimonial-id="2">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/testimonials/klinikum-worms-eva-ehmke.avif" type="image/avif"> <source srcset="assets/images/home/testimonials/klinikum-worms-eva-ehmke.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/testimonials/klinikum-worms-eva-ehmke.jpg" alt="Dr. Eva Ehmke" class="satag--home-testimonial-image"> <img src="assets/images/home/testimonials/klinikum-worms-eva-ehmke.jpg" alt="Dr. Eva Ehmke" class="satag--home-testimonial-image">
</picture> </picture>
<div class="satag--home-testimonial-logo"> <div class="satag--home-testimonial-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/klinikum-worms.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/klinikum-worms.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo"> <img src="assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo">
</picture> </picture>
</div> </div>
</div> </div>
<div class="satag--home-testimonial-image-wrapper" data-testimonial-id="3"> <div class="satag--home-testimonial-image-wrapper" data-testimonial-id="3">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/testimonials/ocu-pro-thomas-tyrtania.avif" type="image/avif"> <source srcset="assets/images/home/testimonials/ocu-pro-thomas-tyrtania.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/testimonials/ocu-pro-thomas-tyrtania.jpg" alt="Dr. Thomas Tyrtania" class="satag--home-testimonial-image"> <img src="assets/images/home/testimonials/ocu-pro-thomas-tyrtania.jpg" alt="Dr. Thomas Tyrtania" class="satag--home-testimonial-image">
</picture> </picture>
<div class="satag--home-testimonial-logo"> <div class="satag--home-testimonial-logo">
<picture> <picture>
<!-- Best compression, newer browsers -->
<source srcset="assets/images/home/company-logos/ocupro.avif" type="image/avif"> <source srcset="assets/images/home/company-logos/ocupro.avif" type="image/avif">
<!-- Fallback for older browsers -->
<img src="assets/images/home/company-logos/ocupro.png" alt="Ocu Pro Logo"> <img src="assets/images/home/company-logos/ocupro.png" alt="Ocu Pro Logo">
</picture> </picture>
</div> </div>
</div> </div>
<div class="satag--home-testimonial-image-wrapper" data-testimonial-id="4">
<picture>
<source srcset="assets/images/home/testimonials/person/dr-wolfgang-schadow.avif" type="image/avif">
<img src="assets/images/home/testimonials/person/dr-wolfgang-schadow.jpg" alt="Wolfgang Schadow" class="satag--home-testimonial-image">
</picture>
<div class="satag--home-testimonial-logo">
<picture>
<source srcset="assets/images/home/testimonials/logo/caribou3d.avif" type="image/avif">
<img src="assets/images/home/testimonials/logo/caribou3d.jpg" alt="3D Printing Logo">
</picture>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<!-- end section testimonials -->
</div>
</div> </div>
+2 -1
View File
@@ -5,11 +5,12 @@ rm -r .cache
#cp ./docs/assets/webfonts/Roboto/*.ttf .cache/plugin/social/ #cp ./docs/assets/webfonts/Roboto/*.ttf .cache/plugin/social/
# Add needed Plugins # Add needed Plugins
docker build -t squidfunk/mkdocs-material ${PWD}/docker/mkdocs-material docker build -t squidfunk/mkdocs-material-custom ${PWD}/docker/mkdocs-material
docker run --rm -it --user $(id -u):$(id -g) -p 8000:8000 -v ${PWD}:/docs --entrypoint sh squidfunk/mkdocs-material-custom -c " \ docker run --rm -it --user $(id -u):$(id -g) -p 8000:8000 -v ${PWD}:/docs --entrypoint sh squidfunk/mkdocs-material-custom -c " \
echo 'Performing initial SCSS compilation...' && \ echo 'Performing initial SCSS compilation...' && \
mkdir -p docs/assets/css && \
pysassc overrides/assets/css/custom.scss docs/assets/css/custom.css && \ pysassc overrides/assets/css/custom.scss docs/assets/css/custom.css && \
echo 'Initial SCSS compilation complete. Starting watcher...' && \ echo 'Initial SCSS compilation complete. Starting watcher...' && \
python /docs/scss_watcher.py & \ python /docs/scss_watcher.py & \
@@ -26,7 +26,7 @@
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
overflow-x: hidden; // Prevent horizontal scrolling overflow-x: hidden; // Prevent horizontal scrolling
min-height: 25rem; min-height: 30rem;
@media (min-width: 1201px) { @media (min-width: 1201px) {
flex-direction: row; flex-direction: row;
@@ -74,9 +74,6 @@
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.6; line-height: 1.6;
margin-top: 70px; // Platz für das Logo über dem Text margin-top: 70px; // Platz für das Logo über dem Text
} }
@media (max-width: 767px) { @media (max-width: 767px) {
@@ -161,7 +158,7 @@
.satag--home-testimonial-image-wrapper { .satag--home-testimonial-image-wrapper {
position: relative; position: relative;
width: 130px; // Increased width for desktop width: 100px; // Increased width for desktop
height: auto; // Further reduced height for desktop height: auto; // Further reduced height for desktop
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;