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
# Set locale to avoid potential issues with C/C++ libraries
ENV LANG C.UTF-8
ENV LC_ALL C.UTF-8
ENV LANG=C.UTF-8
ENV LC_ALL=C.UTF-8
# Install system dependencies and Python packages in a single layer
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
---
<div class="satag--home-landing">
<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>
<br>
<!-- Section Companies -->
<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">
# KI-Power <br> für Ihr Business
satware® 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.
[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">
<picture>
<!-- Best compression, newer browsers -->
<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" />
</picture>
</div>
<div class="satag--home-companies-logo">
<div class="satag--home-companies-logo">
<picture>
<!-- Best compression, newer browsers -->
<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" />
</picture>
</div>
<div class="satag--home-companies-logo">
<div class="satag--home-companies-logo">
<picture>
<!-- Best compression, newer browsers -->
<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" />
</picture>
</div>
<div class="satag--home-companies-logo">
<div class="satag--home-companies-logo">
<picture>
<!-- Best compression, newer browsers -->
<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" />
</picture>
</div>
</div>
</div>
<!-- end Section Companies -->
<!-- Section Counters -->
<!--
<div class="satag--home-counters ">
<div class="satag--home-counters-container satag--padding-container">
</div>
</div>
<!-- Counter -->
<div class="satag--home-counters">
<div class="satag--home-counters-container satag--padding-container">
<div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-globe"></i></span>
<span class="satag--home-counter-number">602+</span>
Company AI platforms created
<span class="satag--home-counter-icon"><i class="fa-thin fa-robot"></i></span>
<span class="satag--home-counter-number">20+</span>
spezialisierte KI Agenten
</div>
<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">
<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-number">132,853+</span>
Monthly active users
<span class="satag--home-counter-number">99+</span>
Erweiterungen <br> (Perplexity, Diagramme, uvm.)
</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-number">785,862+</span>
Monthly messages sent
<span class="satag--home-counter-number">20000+</span>
monatlich Chats
</div>
</div>
</div>
-->
<!-- end Section Counters -->
<!-- start section testimonials -->
<div class="satag--home-testimonials-container">
<h2>Kunden über Ihre <span class="satag-trademark">satware®</span> AI Erfahrung</h2>
<div class="satag--home-counter">
<span class="satag--home-counter-icon"><i class="fa-thin fa-tickets"></i></span>
<span class="satag--home-counter-number">900000000+</span>
Tokens verarbeitet
</div>
</div>
</div>
<!-- Testimonials -->
<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-text-container">
<!-- Testimonial-Texte mit IDs zur Identifizierung -->
<div class="satag--home-testimonials-text-container">
<div class="satag--home-testimonials-text active" data-testimonial-id="1">
<picture class="satag--home-testimonial-text-logo">
<!-- Best compression, newer browsers -->
<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">
</picture>
<p>
"Die KI-Agenten der satware sind für mich wertvoller Sparringspartner für Konzeptentwicklung & Reflektion.
Vor allem bieten sie mir einen sicheren Raum für sensible Daten.
Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
"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. Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
</p>
<div class="satag--home-testimonial-author">
<span class="satag--home-testimonial-name">Jens Emrich von Kajdacsy</span><br />
<span class="satag--home-testimonial-title">Silent Waves</span>
</div>
</div>
<div class="satag--home-testimonials-text" data-testimonial-id="2">
<picture class="satag--home-testimonial-text-logo">
<!-- Best compression, newer browsers -->
<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">
</picture>
<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."
</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>
</div>
</div>
<div class="satag--home-testimonials-text" data-testimonial-id="3">
<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">
<!-- 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">
</picture>
<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."
</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>
</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 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">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
<div class="satag--home-testimonial-logo">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
</div>
</div>
<div class="satag--home-testimonial-image-wrapper" data-testimonial-id="2">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
<div class="satag--home-testimonial-logo">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
</div>
</div>
<div class="satag--home-testimonial-image-wrapper" data-testimonial-id="3">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
<div class="satag--home-testimonial-logo">
<picture>
<!-- Best compression, newer browsers -->
<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">
</picture>
</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>
<!-- end section testimonials -->
</div>
</div>
+2 -1
View File
@@ -5,11 +5,12 @@ rm -r .cache
#cp ./docs/assets/webfonts/Roboto/*.ttf .cache/plugin/social/
# 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 " \
echo 'Performing initial SCSS compilation...' && \
mkdir -p docs/assets/css && \
pysassc overrides/assets/css/custom.scss docs/assets/css/custom.css && \
echo 'Initial SCSS compilation complete. Starting watcher...' && \
python /docs/scss_watcher.py & \
@@ -26,7 +26,7 @@
width: 100%;
max-width: 100%;
overflow-x: hidden; // Prevent horizontal scrolling
min-height: 25rem;
min-height: 30rem;
@media (min-width: 1201px) {
flex-direction: row;
@@ -74,9 +74,6 @@
font-size: 1.1rem;
line-height: 1.6;
margin-top: 70px; // Platz für das Logo über dem Text
}
@media (max-width: 767px) {
@@ -161,7 +158,7 @@
.satag--home-testimonial-image-wrapper {
position: relative;
width: 130px; // Increased width for desktop
width: 100px; // Increased width for desktop
height: auto; // Further reduced height for desktop
overflow: hidden;
cursor: pointer;