From a81c5ee28b0b31c41d1e16ce29d4af26057aec2a Mon Sep 17 00:00:00 2001 From: Tim Friedrich Weber Date: Tue, 29 Apr 2025 08:39:05 +0200 Subject: [PATCH] Enhance accessibility and style adjustments Added WCAG-compliant scrolling behavior for search wrapper and updated styles for testimonials and team sections. Integrated alt attributes for images to improve accessibility and made minor layout refinements. --- docs/assets/javascript/testimonials.js | 3 ++ docs/assets/javascript/wcag.js | 30 +++++++++++ docs/index.md | 61 ++++++++++++---------- docs/stylesheets/extra.css | 2 +- docs/stylesheets/extra.scss | 8 +++ docs/stylesheets/modules/team.scss | 2 +- docs/stylesheets/modules/testimonials.scss | 5 +- mkdocs.yml | 1 + 8 files changed, 78 insertions(+), 34 deletions(-) create mode 100644 docs/assets/javascript/wcag.js diff --git a/docs/assets/javascript/testimonials.js b/docs/assets/javascript/testimonials.js index 2d1ca87..9875006 100644 --- a/docs/assets/javascript/testimonials.js +++ b/docs/assets/javascript/testimonials.js @@ -41,3 +41,6 @@ document.addEventListener('DOMContentLoaded', function() { }); }); }); + + + diff --git a/docs/assets/javascript/wcag.js b/docs/assets/javascript/wcag.js new file mode 100644 index 0000000..e85f394 --- /dev/null +++ b/docs/assets/javascript/wcag.js @@ -0,0 +1,30 @@ +document.addEventListener('DOMContentLoaded', function() { + const scrollWrap = document.querySelector('.md-search__scrollwrap'); + + if (scrollWrap) { + scrollWrap.setAttribute('tabindex', '0'); + + scrollWrap.addEventListener('keydown', function(e) { + // Pfeiltasten für Scrolling + if (e.key === 'ArrowDown') { + e.preventDefault(); + this.scrollTop += 30; + } else if (e.key === 'ArrowUp') { + e.preventDefault(); + this.scrollTop -= 30; + } else if (e.key === 'PageDown') { + e.preventDefault(); + this.scrollTop += this.clientHeight; + } else if (e.key === 'PageUp') { + e.preventDefault(); + this.scrollTop -= this.clientHeight; + } else if (e.key === 'Home') { + e.preventDefault(); + this.scrollTop = 0; + } else if (e.key === 'End') { + e.preventDefault(); + this.scrollTop = this.scrollHeight; + } + }); + } +}); \ No newline at end of file diff --git a/docs/index.md b/docs/index.md index 4af9cdf..fce4865 100644 --- a/docs/index.md +++ b/docs/index.md @@ -23,7 +23,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-

- +Screenshot von satware AI chat

@@ -42,35 +42,35 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-

- + @@ -115,18 +115,20 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
- +
- "We try to incorporate supporting our consultants with their specific tasks into TypingMind Custom by creating custom plugins to help with some of our more time-consuming tasks so TypingMind becomes more of a one-stop-shop for us." + "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!"
- Amber Swier
- Copywriter/Content Marketer at Traffic Builders + Jens Emrich von Kajdacsy
+ Silent Waves
- +
"satware AI has transformed how our team collaborates on complex projects. The ability to have specialized AI agents for different tasks has cut our research and documentation time in half." @@ -138,42 +140,43 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
- + -
- "The integration capabilities of satware AI with our existing tools made adoption seamless. Our team productivity has increased by 35% since implementation, and the custom agents continue to learn our specific needs." -
-
- Michael Schmidt
- CTO at Company 3 -
+
+ "The integration capabilities of satware AI with our existing tools made adoption seamless. Our team productivity has increased by 35% since implementation, and the custom agents continue to learn our specific needs." +
+
+ Michael Schmidt
+ CTO at Company 3
+
- Person 1 + Jens Emrich von Kajdacsy
- Person 2 + Eddi Alesi
- Person 3 + Luna Alesi
+ diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index b75f974..a328df8 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -26,4 +26,4 @@ * Font Awesome Pro 6.7.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) * Copyright 2024 Fonticons, Inc. - */:root,:host{--fa-style-family-sharp: 'Font Awesome 6 Sharp';--fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'}@font-face{font-family:'Font Awesome 6 Sharp';font-style:normal;font-weight:100;font-display:block;src:url("../assets/fonts/fontawesome/fa-sharp-thin-100.woff2") format("woff2"),url("../assets/fonts/fontawesome/fa-sharp-thin-100.ttf") format("truetype")}.fast,.fa-thin{font-weight:100}h1,h2,h3,h4,h5,h6{text-transform:uppercase !important;font-family:'Assistant', sans-serif !important;font-weight:700 !important}.team-header{text-align:left;max-width:800px;margin:0 auto 3rem auto}.team-header h2{font-size:1.8rem;margin-bottom:1rem;color:var(--md-primary-fg-color);text-align:left}.team-header h2:after{content:none}.team-header p{font-size:1.1rem;opacity:0.9;text-align:left}.team-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.team-agent{background-color:rgba(82,19,112,0.03);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.team-agent:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.team-agent .team-agent-image{height:300px;overflow:hidden}.team-agent .team-agent-image img{width:80%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease}.team-agent .team-agent-image img:hover{transform:scale(1.05)}.team-agent .team-agent-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;text-align:left}.team-agent .team-agent-info h3{margin-top:0;font-size:1.3rem;color:var(--md-accent-fg-color);margin-bottom:0.1rem;text-align:left}.team-agent .team-agent-info h3:after{content:none}.team-agent .team-agent-info .team-agent-position{font-size:0.7rem;font-weight:400;opacity:.9;color:var(--md-typeset-a-color);margin-bottom:0.1rem;text-align:left;text-transform:uppercase;margin-top:0.1rem;min-height:2rem}.team-agent .team-agent-info .team-agent-description{font-size:0.8rem;line-height:1.4;text-align:left;margin-bottom:0.75rem}.team-expertise{background-color:rgba(82,19,112,0.05);border-radius:8px;margin-top:3rem}.team-expertise h2{color:var(--md-primary-fg-color);margin-top:0;margin-bottom:1.5rem;text-align:left}.team-expertise ul.expertise-list{display:block;margin:0;padding:0;list-style-position:inside}.team-expertise ul.expertise-list li{margin-bottom:0.1rem;margin-left:0;text-align:left;font-size:0.95rem}.team-contact{margin-top:4rem;text-align:left}.team-contact h2{color:var(--md-primary-fg-color);margin-bottom:1rem;text-align:left}.team-contact p{max-width:800px;margin:0 0 1.5rem 0;text-align:left}.team-contact .contact-details{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:2rem}.team-contact .contact-details .contact-item{margin-bottom:0.5rem;text-align:left}.team-contact .contact-details .contact-item a{color:var(--md-primary-fg-color)}.team-contact .social-links{display:flex;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.team-contact .social-links a{color:var(--md-primary-fg-color);text-decoration:none}.team-contact .social-links a:hover{text-decoration:underline}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.team-header h2{font-size:1.6rem}.team-header p{font-size:1rem}.expertise-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important}.team-agent .team-agent-image{height:220px}.team-agent .team-agent-info{padding:1.2rem}.team-agent .team-agent-info h3{font-size:1.2rem}.team-agent .team-agent-info .team-agent-description{font-size:0.9rem}}.md-footer{background-color:#000}.md-footer-meta{display:none}.md-footer-container{margin-left:auto;margin-right:auto;max-width:61rem;width:100%;padding-top:3rem;padding-bottom:3rem;float:left;line-height:240%;letter-spacing:1px}.md-footer-container .satag--custom-footer-column{display:inline-block;font-size:.8rem}.md-footer-container .satag--custom-footer-column.left{padding-right:6rem}.md-footer-container .satag--footer-social-icons a{padding-right:10px}.md-footer-custom-links{margin-left:auto;margin-right:auto;max-width:61rem;width:100%}.satag--home-landing .satag--home-hero .entry-text{font-size:1.2rem;line-height:2rem;padding-bottom:1.6rem;padding-top:1.6rem}.satag--home-landing .satag--home-hero h1{font-size:5rem;margin-bottom:1.75rem;text-align:left;line-height:114%}.satag--home-landing .satag--home-hero h1:after{height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.satag--home-landing .satag--home-hero .hero-buttons{text-align:left;padding-bottom:3rem}.satag--home-landing .satag--home-hero .screenshot-container{padding:2rem 0;text-align:center}.satag--home-landing .satag--home-hero img{border:1px solid var(--md-primary-fg-color--light);width:100%}.satag--home-landing .satag--home-companies{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0 4rem 0;background-color:var(--md-primary-fg-color);text-align:center}.satag--home-landing .satag--home-companies h2{padding-bottom:1rem;font-size:2.5rem;line-height:3rem;max-width:61rem;text-align:left;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container{display:flex;max-width:61rem;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo img{width:80%;float:left}.satag--home-landing .satag--home-counters{width:100%;padding:2rem 0 4rem 0;text-align:center}.satag--home-landing .satag--home-counters h2{padding-bottom:1rem}.satag--home-landing .satag--home-counters h1:after,.satag--home-landing .satag--home-counters h2:after,.satag--home-landing .satag--home-counters h3:after,.satag--home-landing .satag--home-counters h4:after,.satag--home-landing .satag--home-counters h5:after,.satag--home-landing .satag--home-counters h6:after{display:none}.satag--home-landing .satag--home-counters .satag--home-counters-container{display:flex}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:auto;display:block}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-icon{display:block;font-size:2rem;color:var(--md-primary-fg-color--light)}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-number{display:block;font-weight:700;font-size:3rem}body.home{background-image:url(../assets/images/home/bg.jpg);background-size:40%;background-repeat:no-repeat;background-position:top}body.home .md-header,body.home .md-tabs{background-color:transparent;box-shadow:none}.satag--home-testimonials-container{max-width:1200px;margin:4rem auto;padding:0 1rem}.satag--home-testimonials-container h2{text-align:left;font-size:2.5rem;margin-bottom:3rem}.satag--home-testimonials{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.satag--home-testimonials{flex-direction:row;align-items:flex-start}}.satag--home-testimonials-text-container{flex:1;position:relative;min-height:250px}@media (min-width: 768px){.satag--home-testimonials-text-container{flex:0 0 60%}}.satag--home-testimonials-text{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease}.satag--home-testimonials-text.active{opacity:1;visibility:visible}.satag--home-testimonials-text blockquote{font-style:normal;margin-bottom:1.5rem;color:#fff;border-left:none !important;padding-left:0 !important;font-size:1.2rem;line-height:2rem}.satag--home-testimonial-author{margin-top:1rem}.satag--home-testimonial-text-logo{max-width:120px !important}.satag--home-testimonial-name{font-weight:bold;margin-bottom:0.25rem}.satag--home-testimonial-title{font-size:0.9rem;color:#666}.satag--home-testimonials-images{display:flex;gap:1rem;justify-content:center}@media (min-width: 768px){.satag--home-testimonials-images{flex:0 0 40%;justify-content:flex-end}}.satag--home-testimonial-image-wrapper{position:relative;width:180px;height:340px;overflow:hidden;cursor:pointer;opacity:0.6;transition:all 0.3s ease;border:1px solid transparent;border-radius:0;border-color:var(--md-primary-fg-color--dark)}.satag--home-testimonial-image-wrapper img{filter:grayscale(1)}.satag--home-testimonial-image-wrapper.active{opacity:1;border-color:var(--md-primary-fg-color, #9c27b0);transform:scale(1.05)}.satag--home-testimonial-image-wrapper.active img{filter:grayscale(0)}.satag--home-testimonial-image-wrapper:hover{opacity:0.8}@media (max-width: 767px){.satag--home-testimonial-image-wrapper{width:100px;height:150px}}.satag--home-testimonial-image{width:100%;height:100%;object-fit:cover}.satag--home-testimonial-logo{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:transparent;border-radius:50%;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.satag--home-testimonial-logo img{max-width:100px;max-height:100px}@media (max-width: 767px){.satag--home-testimonials-text-container{min-height:300px}.satag--home-testimonials-images{flex-wrap:wrap}}@font-face{font-family:'Assistant';font-style:normal;font-weight:200;src:url("../assets/fonts/assistant-v19-latin-200.woff2") format("woff2");font-display:swap}@font-face{font-family:'Assistant';font-style:normal;font-weight:400;src:url("../assets/fonts/assistant-v19-latin-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:'Assistant';font-style:normal;font-weight:700;src:url("../assets/fonts/assistant-v19-latin-700.woff2") format("woff2");font-display:swap}:root{--md-text-font: "Assistant";--md-code-font: "Assistant"}[data-md-color-scheme="slate"]{--md-default-bg-color: #000000;--md-default-fg-color: #ffffff;--md-default-fg-color--light: rgba(255, 255, 255, 0.8);--md-default-fg-color--lighter: rgba(255, 255, 255, 0.54);--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);--md-primary-fg-color: #521370;--md-primary-fg-color--light: #7e3a9e;--md-primary-fg-color--dark: #3c0e52;--md-accent-fg-color: #8a44bd;--md-typeset-a-color: #9d65cf}::-moz-selection{background:var(--md-primary-fg-color);color:#fff}::selection{background:var(--md-primary-fg-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d0d0d0;border-radius:0}::-webkit-scrollbar-thumb{background:var(--md-primary-fg-color)}h1,h2,h3,h4,h5,h6{color:#fff}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#fff !important}h1:after,h2:after,h3:after{content:"";background:#fff;position:relative;height:6px;width:40px;display:block;margin-top:0.6rem;margin-bottom:-0.3rem}.md-typeset h1{color:#fff}.md-search-result .md-typeset{color:#fff}.md-tabs{color:#fff !important}.md-tabs__link{opacity:1}.md-search__form input::placeholder{color:#fff !important}.md-search-result__meta{background-color:#000}h1:after{height:6px;width:40px;margin-top:0.6rem;margin-bottom:-0.3rem}a.headerlink{color:var(--md-primary-fg-color) !important}.satag-trademark{text-transform:lowercase}.md-header,.md-tabs{background-color:#000}.md-tabs__item{text-transform:uppercase;font-weight:700}.md-search__input{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-search-result__list h1:after,.md-search-result__list h2:after,.md-search-result__list h3:after,.md-search-result__list h4:after,.md-search-result__list h5:after,.md-search-result__list h6:after{content:none}.md-social__link{display:inline-block;height:1rem;text-align:center;width:1rem}.md-search-result__meta{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-footer-meta .md-footer-meta__inner .md-footer-copyright{width:auto;margin:auto 1rem 0.5rem 0}.md-footer-meta.md-typeset a{color:#fff !important}.md-footer-meta{background-color:#000}.md-footer-custom-links{display:flex;flex-wrap:wrap;padding:0.5rem 0;text-transform:uppercase}.md-footer-custom-links a{color:var(--md-footer-fg-color);font-size:0.75rem;margin-right:1rem;margin-bottom:0.5rem}.md-footer-custom-links a:hover{color:var(--md-footer-fg-color--light);text-decoration:underline}.md-typeset code{background-color:rgba(255,255,255,0.07);color:#e2e2e2}.md-nav__container>.md-nav__link:first-child{text-transform:uppercase}.md-nav__title{text-transform:uppercase;color:#fff}.md-top{border-radius:0}.md-button{border-radius:0 !important;color:#fff !important;border-color:var(--md-primary-fg-color) !important;padding:1.7em 2.9em !important;letter-spacing:0.2rem !important;font-weight:400 !important;transition:all 0.5s ease}.md-button:hover{border-color:#8a44bd !important;transform:translateY(8px);transition:all 0.5s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light)}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:2rem 0}.grid.cards>*{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:1.5rem;background-color:rgba(82,19,112,0.05);transition:all 0.3s ease}.grid.cards>*:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);transform:translateY(-3px);background-color:rgba(82,19,112,0.1)}.grid.cards h2{margin-top:0.5rem;font-size:1.25rem;color:var(--md-primary-fg-color)}.grid.cards .icon-card{width:48px;height:48px;margin-bottom:0.5rem}.md-button{border-radius:4px;transition:all 0.2s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light) !important}.md-header__title .md-header__topic:first-child{display:none}.md-header__button.md-logo{padding:0.2rem;padding-left:0}.md-header__button.md-logo img,.md-header__button.md-logo svg{width:240px;height:auto}.md-header{height:auto}.md-header__inner{padding:0.5rem;max-width:98%} + */:root,:host{--fa-style-family-sharp: 'Font Awesome 6 Sharp';--fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'}@font-face{font-family:'Font Awesome 6 Sharp';font-style:normal;font-weight:100;font-display:block;src:url("../assets/fonts/fontawesome/fa-sharp-thin-100.woff2") format("woff2"),url("../assets/fonts/fontawesome/fa-sharp-thin-100.ttf") format("truetype")}.fast,.fa-thin{font-weight:100}h1,h2,h3,h4,h5,h6{text-transform:uppercase !important;font-family:'Assistant', sans-serif !important;font-weight:700 !important}.team-header{text-align:left;max-width:800px;margin:0 auto 3rem auto}.team-header h2{font-size:1.8rem;margin-bottom:1rem;color:var(--md-primary-fg-color);text-align:left}.team-header h2:after{content:none}.team-header p{font-size:1.1rem;opacity:0.9;text-align:left}.team-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.team-agent{background-color:rgba(82,19,112,0.03);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.team-agent:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.team-agent .team-agent-image{height:300px;overflow:hidden}.team-agent .team-agent-image img{width:80%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease}.team-agent .team-agent-image img:hover{transform:scale(1.05)}.team-agent .team-agent-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;text-align:left}.team-agent .team-agent-info h3{margin-top:0;font-size:1.3rem;color:var(--md-accent-fg-color);margin-bottom:0.1rem;text-align:left}.team-agent .team-agent-info h3:after{content:none}.team-agent .team-agent-info .team-agent-position{font-size:0.7rem;font-weight:400;opacity:.9;color:#fff;margin-bottom:0.1rem;text-align:left;text-transform:uppercase;margin-top:0.1rem;min-height:2rem}.team-agent .team-agent-info .team-agent-description{font-size:0.8rem;line-height:1.4;text-align:left;margin-bottom:0.75rem}.team-expertise{background-color:rgba(82,19,112,0.05);border-radius:8px;margin-top:3rem}.team-expertise h2{color:var(--md-primary-fg-color);margin-top:0;margin-bottom:1.5rem;text-align:left}.team-expertise ul.expertise-list{display:block;margin:0;padding:0;list-style-position:inside}.team-expertise ul.expertise-list li{margin-bottom:0.1rem;margin-left:0;text-align:left;font-size:0.95rem}.team-contact{margin-top:4rem;text-align:left}.team-contact h2{color:var(--md-primary-fg-color);margin-bottom:1rem;text-align:left}.team-contact p{max-width:800px;margin:0 0 1.5rem 0;text-align:left}.team-contact .contact-details{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:2rem}.team-contact .contact-details .contact-item{margin-bottom:0.5rem;text-align:left}.team-contact .contact-details .contact-item a{color:var(--md-primary-fg-color)}.team-contact .social-links{display:flex;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.team-contact .social-links a{color:var(--md-primary-fg-color);text-decoration:none}.team-contact .social-links a:hover{text-decoration:underline}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.team-header h2{font-size:1.6rem}.team-header p{font-size:1rem}.expertise-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important}.team-agent .team-agent-image{height:220px}.team-agent .team-agent-info{padding:1.2rem}.team-agent .team-agent-info h3{font-size:1.2rem}.team-agent .team-agent-info .team-agent-description{font-size:0.9rem}}.md-footer{background-color:#000}.md-footer-meta{display:none}.md-footer-container{margin-left:auto;margin-right:auto;max-width:61rem;width:100%;padding-top:3rem;padding-bottom:3rem;float:left;line-height:240%;letter-spacing:1px}.md-footer-container .satag--custom-footer-column{display:inline-block;font-size:.8rem}.md-footer-container .satag--custom-footer-column.left{padding-right:6rem}.md-footer-container .satag--footer-social-icons a{padding-right:10px}.md-footer-custom-links{margin-left:auto;margin-right:auto;max-width:61rem;width:100%}.satag--home-landing .satag--home-hero .entry-text{font-size:1.2rem;line-height:2rem;padding-bottom:1.6rem;padding-top:1.6rem}.satag--home-landing .satag--home-hero h1{font-size:5rem;margin-bottom:1.75rem;text-align:left;line-height:114%}.satag--home-landing .satag--home-hero h1:after{height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.satag--home-landing .satag--home-hero .hero-buttons{text-align:left;padding-bottom:3rem}.satag--home-landing .satag--home-hero .screenshot-container{padding:2rem 0;text-align:center}.satag--home-landing .satag--home-hero img{border:1px solid var(--md-primary-fg-color--light);width:100%}.satag--home-landing .satag--home-companies{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0 4rem 0;background-color:var(--md-primary-fg-color);text-align:center}.satag--home-landing .satag--home-companies h2{padding-bottom:1rem;font-size:2.5rem;line-height:3rem;max-width:61rem;text-align:left;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container{display:flex;max-width:61rem;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo img{width:80%;float:left}.satag--home-landing .satag--home-counters{width:100%;padding:2rem 0 4rem 0;text-align:center}.satag--home-landing .satag--home-counters h2{padding-bottom:1rem}.satag--home-landing .satag--home-counters h1:after,.satag--home-landing .satag--home-counters h2:after,.satag--home-landing .satag--home-counters h3:after,.satag--home-landing .satag--home-counters h4:after,.satag--home-landing .satag--home-counters h5:after,.satag--home-landing .satag--home-counters h6:after{display:none}.satag--home-landing .satag--home-counters .satag--home-counters-container{display:flex}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:auto;display:block}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-icon{display:block;font-size:2rem;color:var(--md-primary-fg-color--light)}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-number{display:block;font-weight:700;font-size:3rem}body.home{background-image:url(../assets/images/home/bg.jpg);background-size:40%;background-repeat:no-repeat;background-position:top}body.home .md-header,body.home .md-tabs{background-color:transparent;box-shadow:none}.satag--home-testimonials-container{max-width:1200px;margin:4rem auto;padding:0 1rem}.satag--home-testimonials-container h2{text-align:left;font-size:2.5rem;margin-bottom:3rem}.satag--home-testimonials{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.satag--home-testimonials{flex-direction:row;align-items:flex-start}}.satag--home-testimonials-text-container{flex:1;position:relative;min-height:250px}@media (min-width: 768px){.satag--home-testimonials-text-container{flex:0 0 60%}}.satag--home-testimonials-text{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease}.satag--home-testimonials-text.active{opacity:1;visibility:visible}.satag--home-testimonials-text blockquote{font-style:normal;margin-bottom:1.5rem;color:#fff;border-left:none !important;padding-left:0 !important;font-size:1.2rem;line-height:2rem}.satag--home-testimonial-author{margin-top:1rem}.satag--home-testimonial-text-logo{max-width:120px !important}.satag--home-testimonial-name{font-weight:bold;margin-bottom:0.25rem}.satag--home-testimonial-title{font-size:0.9rem;color:#666}.satag--home-testimonials-images{display:flex;gap:1rem;justify-content:center}@media (min-width: 768px){.satag--home-testimonials-images{flex:0 0 40%;justify-content:flex-end}}.satag--home-testimonial-image-wrapper{position:relative;width:180px;height:340px;overflow:hidden;cursor:pointer;opacity:0.6;transition:all 0.3s ease;border:1px solid transparent;border-radius:0;border-color:var(--md-primary-fg-color--dark)}.satag--home-testimonial-image-wrapper img{filter:grayscale(1)}.satag--home-testimonial-image-wrapper.active{opacity:1;border-color:var(--md-primary-fg-color, #9c27b0);transform:scale(1.05)}.satag--home-testimonial-image-wrapper.active img{filter:grayscale(0)}.satag--home-testimonial-image-wrapper:hover{opacity:0.8}@media (max-width: 767px){.satag--home-testimonial-image-wrapper{width:100px;height:150px}}.satag--home-testimonial-image{width:100%;height:100%;object-fit:cover}.satag--home-testimonial-logo{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:transparent;border-radius:50%;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.satag--home-testimonial-logo img{max-width:60px}@media (max-width: 767px){.satag--home-testimonials-text-container{min-height:300px}.satag--home-testimonials-images{flex-wrap:wrap}}@font-face{font-family:'Assistant';font-style:normal;font-weight:200;src:url("../assets/fonts/assistant-v19-latin-200.woff2") format("woff2");font-display:swap}@font-face{font-family:'Assistant';font-style:normal;font-weight:400;src:url("../assets/fonts/assistant-v19-latin-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:'Assistant';font-style:normal;font-weight:700;src:url("../assets/fonts/assistant-v19-latin-700.woff2") format("woff2");font-display:swap}:root{--md-text-font: "Assistant";--md-code-font: "Assistant"}[data-md-color-scheme="slate"]{--md-default-bg-color: #000000;--md-default-fg-color: #ffffff;--md-default-fg-color--light: rgba(255, 255, 255, 0.8);--md-default-fg-color--lighter: rgba(255, 255, 255, 0.54);--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);--md-primary-fg-color: #521370;--md-primary-fg-color--light: #7e3a9e;--md-primary-fg-color--dark: #3c0e52;--md-accent-fg-color: #8a44bd;--md-typeset-a-color: #9d65cf}.md-search__scrollwrap{tabindex:0}::-moz-selection{background:var(--md-primary-fg-color);color:#fff}::selection{background:var(--md-primary-fg-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d0d0d0;border-radius:0}::-webkit-scrollbar-thumb{background:var(--md-primary-fg-color)}h1,h2,h3,h4,h5,h6{color:#fff}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#fff !important}h1:after,h2:after,h3:after{content:"";background:#fff;position:relative;height:6px;width:40px;display:block;margin-top:0.6rem;margin-bottom:-0.3rem}.md-typeset h1{color:#fff}.md-search-result .md-typeset{color:#fff}.md-tabs{color:#fff !important}.md-tabs__link{opacity:1}.md-search__form input::placeholder{color:#fff !important}.md-search-result__meta{background-color:#000}.md-source-file{display:none}h1:after{height:6px;width:40px;margin-top:0.6rem;margin-bottom:-0.3rem}a.headerlink{color:var(--md-primary-fg-color) !important}.satag-trademark{text-transform:lowercase}.md-header,.md-tabs{background-color:#000}.md-tabs__item{text-transform:uppercase;font-weight:700}.md-search__input{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-search-result__list h1:after,.md-search-result__list h2:after,.md-search-result__list h3:after,.md-search-result__list h4:after,.md-search-result__list h5:after,.md-search-result__list h6:after{content:none}.md-social__link{display:inline-block;height:1rem;text-align:center;width:1rem}.md-search-result__meta{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-footer-meta .md-footer-meta__inner .md-footer-copyright{width:auto;margin:auto 1rem 0.5rem 0}.md-footer-meta.md-typeset a{color:#fff !important}.md-footer-meta{background-color:#000}.md-footer-custom-links{display:flex;flex-wrap:wrap;padding:0.5rem 0;text-transform:uppercase}.md-footer-custom-links a{color:var(--md-footer-fg-color);font-size:0.75rem;margin-right:1rem;margin-bottom:0.5rem}.md-footer-custom-links a:hover{color:var(--md-footer-fg-color--light);text-decoration:underline}.md-typeset code{background-color:rgba(255,255,255,0.07);color:#e2e2e2}.md-nav__container>.md-nav__link:first-child{text-transform:uppercase}.md-nav__title{text-transform:uppercase;color:#fff}.md-top{border-radius:0}.md-button{border-radius:0 !important;color:#fff !important;border-color:var(--md-primary-fg-color) !important;padding:1.7em 2.9em !important;letter-spacing:0.2rem !important;font-weight:400 !important;transition:all 0.5s ease}.md-button:hover{border-color:#8a44bd !important;transform:translateY(8px);transition:all 0.5s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light)}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:2rem 0}.grid.cards>*{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:1.5rem;background-color:rgba(82,19,112,0.05);transition:all 0.3s ease}.grid.cards>*:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);transform:translateY(-3px);background-color:rgba(82,19,112,0.1)}.grid.cards h2{margin-top:0.5rem;font-size:1.25rem;color:var(--md-primary-fg-color)}.grid.cards .icon-card{width:48px;height:48px;margin-bottom:0.5rem}.md-button{border-radius:4px;transition:all 0.2s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light) !important}.md-header__title .md-header__topic:first-child{display:none}.md-header__button.md-logo{padding:0.2rem;padding-left:0}.md-header__button.md-logo img,.md-header__button.md-logo svg{width:240px;height:auto}.md-header{height:auto}.md-header__inner{padding:0.5rem;max-width:98%} diff --git a/docs/stylesheets/extra.scss b/docs/stylesheets/extra.scss index a7d3ab7..7227feb 100644 --- a/docs/stylesheets/extra.scss +++ b/docs/stylesheets/extra.scss @@ -69,6 +69,10 @@ --md-typeset-a-color: #9d65cf; // Helleres Violett für Links } +.md-search__scrollwrap { + tabindex: 0; /* Macht das Element fokussierbar */ +} + ::-moz-selection { background: var(--md-primary-fg-color);; color: #fff; @@ -141,6 +145,10 @@ h1,h2,h3{ background-color: #000; } +.md-source-file{ + display: none; +} + h1{ &:after{ diff --git a/docs/stylesheets/modules/team.scss b/docs/stylesheets/modules/team.scss index 9500573..6b35608 100644 --- a/docs/stylesheets/modules/team.scss +++ b/docs/stylesheets/modules/team.scss @@ -99,7 +99,7 @@ h1, h2, h3, h4, h5, h6 { font-size: 0.7rem; font-weight: 400; opacity: .9; - color: var(--md-typeset-a-color); + color: #fff; margin-bottom: 0.1rem; text-align: left; text-transform: uppercase; diff --git a/docs/stylesheets/modules/testimonials.scss b/docs/stylesheets/modules/testimonials.scss index 548d9be..44f4e09 100644 --- a/docs/stylesheets/modules/testimonials.scss +++ b/docs/stylesheets/modules/testimonials.scss @@ -138,7 +138,7 @@ .satag--home-testimonial-logo { position: absolute; - bottom: 10px; + bottom: 30px; left: 50%; transform: translateX(-50%); background: transparent; @@ -152,8 +152,7 @@ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); img { - max-width: 100px; - max-height: 100px; + max-width: 60px; } } diff --git a/mkdocs.yml b/mkdocs.yml index 3794be8..31a35ba 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -150,6 +150,7 @@ extra_javascript: - assets/javascript/counter-animation.js - assets/javascript/body-classes.js - assets/javascript/testimonials.js + - assets/javascript/wcag.js # Navigation