IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Ausweis und weitere Änderungen

Browse Source
This commit is contained in:
Moritz Utcke
2025-02-18 18:17:02 +11:00
parent 8486421f12
commit c8ba17fab3
38 changed files with 1771 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/layouts/AusweisLayoutDaten.astro
View File

@@ -1,7 +1,7 @@
---
import "../style/global.css";
import "../style/formular.css";
import "../../svelte-dialogs.config"
import "../../svelte-dialogs.config";
import Header from "#components/design/header/AusweisHeader.astro";
import Footer from "#components/design/footer/Footer.astro";
import SidebarLeft from "#components/design/sidebars/SidebarLeft.astro";
@@ -13,52 +13,59 @@ export interface Props {
const { title } = Astro.props;
---
<script>
window.addEventListener("scroll", (event) => {
let scroll = window.scrollY;
const skala = document.getElementById("skala")
const skala = document.getElementById("skala");
if(scroll>=400){
if (skala) {
skala.classList.add('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20');
skala.classList.remove('w-full');
skala.style.borderBottom = "3px solid #e6e6e6";
}
if (!skala?.classList.contains("no-scroll")) {
window.addEventListener("scroll", (event) => {
let scroll = window.scrollY;
if (scroll >= 400) {
if (skala) {
skala.classList.add(
"2xl:fixed",
"2xl:py-4",
"2xl:top-0",
"2xl:z-20"
);
skala.classList.remove("w-full");
skala.style.borderBottom = "3px solid #e6e6e6";
}
const performanceBox =
document.getElementById("performance-box");
if (performanceBox) {
performanceBox.style.maxWidth = "688.5px";
}
const progressBox = document.getElementById("progress-box");
const performanceBox = document.getElementById('performance-box')
if (performanceBox) {
performanceBox.style.maxWidth = "688.5px";
}
const progressBox = document.getElementById('progress-box');
if (progressBox) {
progressBox.style.maxWidth = "688.5px";
}
if (progressBox) {
progressBox.style.maxWidth = "688.5px"
}
document.getElementById('formInput-1')?.classList.add('2xl:mt-[370px]');
}else{
if (skala) {
skala.classList.remove('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20')
skala.classList.add('w-full')
skala.style.borderBottom = "none";
}
document.getElementById('formInput-1')?.classList.remove('2xl:mt-[370px]');
document
.getElementById("formInput-1")
?.classList.add("2xl:mt-[370px]");
} else {
if (skala) {
skala.classList.remove(
"2xl:fixed",
"2xl:py-4",
"2xl:top-0",
"2xl:z-20"
);
skala.classList.add("w-full");
skala.style.borderBottom = "none";
}
document
.getElementById("formInput-1")
?.classList.remove("2xl:mt-[370px]");
}
});
}
});
</script>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
@@ -82,7 +89,10 @@ window.addEventListener("scroll", (event) => {
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
/>
<meta property="og:url" content="https://online-energieausweis.org/" />
<meta property="og:site_name" content="Energieausweis online erstellen" />
<meta
property="og:site_name"
content="Energieausweis online erstellen"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta
@@ -98,14 +108,13 @@ window.addEventListener("scroll", (event) => {
content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg"
/>
<title>
{title || 'Energieausweis online erstellen - Online Energieausweis'}
{title || "Energieausweis online erstellen - Online Energieausweis"}
</title>
</head>
<body>
<Header />
<main
class="w-full p-0 grid
xs:grid-cols-[minmax(1fr,1fr)] xs:gap-1 xs:p-0
@@ -113,20 +122,17 @@ window.addEventListener("scroll", (event) => {
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-0
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-4
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-6
2xl:grid-cols-[minmax(300px,300px)1fr] 2xl:gap-5 2xl:p-6
">
2xl:grid-cols-[minmax(300px,300px)1fr] 2xl:gap-5 2xl:p-6"
>
<SidebarLeft />
<SidebarLeft />
<article class="box rounded-tl-none p-2 lg:p-12">
<slot />
</article>
<article class="box rounded-tl-none p-2 lg:p-12">
<slot />
</article>
</main>
<Footer />
<NotificationWrapper client:load />
</body>
</html>