Add new documentation pages and update blog styling

This commit introduces three new documentation files: `anwendungen.md` for AI solution use cases, `stylesheets/modules/blog.scss` for blog-specific styling, and `datenschutz.md` for the privacy policy. Additionally, it enhances blog author and sidebar styling for consistency and readability.
This commit is contained in:
tfw
2025-05-16 16:54:01 +02:00
parent a34275a7e9
commit 738c1867fb
77 changed files with 983 additions and 856 deletions
+31 -56
View File
@@ -1,60 +1,32 @@
{% extends "base.html" %}
{% block styles %}
{% block title %}
{% include "partials/title.html" %}
{% endblock %}
{% block extrahead %}
{{ super() }}
<!-- Social card meta tags -->
<meta property="og:type" content="website">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:description" content="{{ config.site_description }}">
<meta property="og:image" content="{{ config.site_url }}assets/images/home/share.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="{{ page.canonical_url }}">
<!-- Direct CSS styles for cookie consent -->
<style>
/* Specific targeting for the center container */
#uc-center-container {
position: absolute !important;
top: 40px !important;
margin: 0 auto !important;
text-align: left !important;
left: 35% !important;
}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:description" content="{{ config.site_description }}">
<meta name="twitter:image" content="{{ config.site_url }}assets/images/home/share.jpg">
/* Direct targeting of Usercentrics elements */
#usercentrics-root,
[class*="usercentrics"],
[id*="usercentrics"],
.uc-banner-content,
.uc-container,
[class*="banner"],
[class*="consent"],
[class*="cookie"] {
top: 20px !important;
bottom: auto !important;
position: fixed !important;
z-index: 9999 !important;
}
<!-- Usercentrics CMP von eRecht24 -->
<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="plHHr67Ul9jqQP" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
/* Special styling for landscape mode on smaller height screens */
@media (max-height: 768px) and (orientation: landscape) {
.gtPQAC,
[class*="usercentrics"],
[id*="usercentrics"],
.uc-banner-content,
.uc-container,
#uc-center-container {
border-bottom: 0 !important;
max-height: 100vh !important;
max-width: 625px !important;
top: 0 !important;
position: absolute !important;
}
}
</style>
<div class="satag--cookie-consent-container">
<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="plHHr67Ul9jqQP" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
</div>
<!-- Matomo -->
<!-- Matomo - mit eRecht24 Integration -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setExcludedQueryParams", ["utm_source","utm_medium","utm_campaign","utm_content","utm_term","fbclid","gclid","_ga","ref","osCsid","uKey"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
@@ -66,10 +38,14 @@
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
{% endblock %}
{% block styles %}
{{ super() }}
{% endblock %}
{% block content %}
{{ super() }}
{% endblock %}
{% block footer %}
@@ -108,12 +84,11 @@
</div>
</div>
<div class="md-footer-custom-links">
<a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>
<a href="https://satware.com/impressum" title="Impressum">Impressum</a>
<a href="https://satware.com/datenschutzerklaerung" title="Datenschutzerklärung">Datenschutz</a>
<a href="https://satware.com/custom/index/sCustom/1" target="_blank" title="Kontakt">Kontakt</a>
<a href="/impressum/" title="Impressum">Impressum</a>
<a href="/datenschutz/" title="Datenschutzerklärung">Datenschutz</a>
<!--<a href="/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>-->
<a href="/blog/" title="Blog">Blog</a>
<a href="https://satware.com/newsletter" title="Newsletter">Newsletter</a>
<a href="https://satware.com/newsletter" target="_blank" title="Newsletter">Newsletter</a>
</div>
{% endblock %}
+73
View File
@@ -0,0 +1,73 @@
{#-
This file was automatically generated - do not edit
-#}
{% set class = "md-header" %}
{% if "navigation.tabs.sticky" in features %}
{% set class = class ~ " md-header--shadow md-header--lifted" %}
{% elif "navigation.tabs" not in features %}
{% set class = class ~ " md-header--shadow" %}
{% endif %}
<header class="{{ class }}" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}">
<a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" title="{{ config.site_name | e }}" class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
{% include "partials/logo.html" %}
</a>
<label class="md-header__button md-icon" for="__drawer">
{% set icon = config.theme.icon.menu or "material/menu" %}
{% include ".icons/" ~ icon ~ ".svg" %}
</label>
<!-- Mobile view: Logo next to burger menu -->
<a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" title="{{ config.site_name | e }}" class="md-header__mobile-logo" aria-label="{{ config.site_name }}">
<img src="{{ config.theme.logo | url }}" alt="logo">
</a>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
{{ config.site_name }}
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
{% if page.meta and page.meta.title %}
{{ page.meta.title }}
{% else %}
{{ page.title }}
{% endif %}
</span>
</div>
</div>
</div>
{% if config.theme.palette %}
{% if not config.theme.palette is mapping %}
{% include "partials/palette.html" %}
{% endif %}
{% endif %}
{% if not config.theme.palette is mapping %}
{% include "partials/javascripts/palette.html" %}
{% endif %}
{% if config.extra.alternate %}
{% include "partials/alternate.html" %}
{% endif %}
{% if "material/search" in config.plugins %}
{% set search = config.plugins["material/search"] | attr("config") %}
{% if search.enabled %}
<label class="md-header__button md-icon" for="__search">
{% set icon = config.theme.icon.search or "material/magnify" %}
{% include ".icons/" ~ icon ~ ".svg" %}
</label>
{% include "partials/search.html" %}
{% endif %}
{% endif %}
{% if config.repo_url %}
<div class="md-header__source">
{% include "partials/source.html" %}
</div>
{% endif %}
</nav>
{% if "navigation.tabs.sticky" in features %}
{% if "navigation.tabs" in features %}
{% include "partials/tabs.html" %}
{% endif %}
{% endif %}
</header>
+7
View File
@@ -0,0 +1,7 @@
{% if page and page.meta and page.meta.title %}
{{ page.meta.title }}
{% elif page and page.title and not page.is_homepage %}
{{ page.title }}
{% else %}
{{ config.site_name }}
{% endif %}