Files
agent0_homepage/docs/overrides/main.html
T
tfw 0fd0f406fb Add modular SCSS structure and lightbox functionality
Introduce a modular SCSS structure to improve maintainability and organization of stylesheets. Add lightbox functionality for homepage screenshots, including responsive JavaScript behavior and custom styling for enhanced user experience. Update tasks documentation with improvement initiatives for the project.
2025-05-13 14:26:58 +02:00

120 lines
4.7 KiB
HTML

{% extends "base.html" %}
{% block styles %}
{{ super() }}
<!-- 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;
}
/* 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;
}
/* 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 -->
<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']);
(function() {
var u="https://ut.literama.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '63']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
{% endblock %}
{% block footer %}
{{ super() }}
<div class="md-footer-container">
<div class="satag--custom-footer-column left">
<div class="satag--footer-text">
satware AG<br>
Friedrich-Ebert-Str. 34<br>
67549 Worms
</div>
</div>
<div class="satag--custom-footer-column right">
<div class="satag--footer-text">
<a href="tel:+496241987280" title="Rufen Sie uns jetzt an">06241 987280</a><br><a
href="mailto:info@satware.com"
title="Schreiben Sie uns direkt eine E-Mail">info@satware.com</a>
</div>
<div class="satag--footer-social-icons">
<a target="_blank" href="https://www.facebook.com/satwareAG/"
title="Zur Facebook Seite der satware AG"><i class="fa-brands fa-square-facebook"></i></a><a
target="_blank" href="https://www.instagram.com/satware.ag/"
title="Zur Instagram Page der satware AG"><i class="fa-brands fa-instagram"></i></a><a
target="_blank" href="https://www.linkedin.com/company/satware-ag/?originalSubdomain=de"
title="Zur LinkedIn Seite der satware AG"><i class="fa-brands fa-linkedin"></i></a><a
target="_blank" href="https://twitter.com/satwareAG" title="Zur X Page der satware AG"><i
class="fa-brands fa-x-twitter"></i></a><a target="_blank"
href="https://www.xing.com/pages/satwareag"
title="Zur Xing Seite der satware AG"><i
class="fa-brands fa-xing"></i></a><a target="_blank"
href="https://www.youtube.com/channel/UChfn2XBDE9yfZrWnMzs1k0g"
title="Zum YouTube Kanal der satware AG"><i
class="fa-brands fa-youtube"></i></a>
</div>
</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/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>
<a href="/blog/" title="Blog">Blog</a>
<a href="https://satware.com/newsletter" title="Newsletter">Newsletter</a>
</div>
{% endblock %}