210 lines
5.6 KiB
Plaintext
210 lines
5.6 KiB
Plaintext
---
|
|
import "../style/global.css";
|
|
import "../style/formular.css";
|
|
import "../../svelte-dialogs.config";
|
|
import Header from "#components/design/header/Header.astro";
|
|
import Footer from "#components/design/footer/Footer.astro";
|
|
import SidebarLeft from "#components/design/sidebars/SidebarLeft.astro";
|
|
import { NotificationWrapper } from "@ibcornelsen/ui";
|
|
import { getCurrentUser } from "#lib/server/user";
|
|
|
|
const user = await getCurrentUser(Astro)
|
|
|
|
export interface Props {
|
|
title: string;
|
|
}
|
|
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<script>
|
|
// import { H } from "highlight.run";
|
|
|
|
// if (import.meta.env.PROD) {
|
|
// H.init("1jdkoe52", {
|
|
// serviceName: "online-energieausweis",
|
|
// backendUrl: "https://highlight-backend.online-energieausweis.org/public",
|
|
// tracingOrigins: true,
|
|
// networkRecording: {
|
|
// enabled: true,
|
|
// recordHeadersAndBody: true
|
|
// }
|
|
// });
|
|
// }
|
|
|
|
window.addEventListener("scroll", () => {
|
|
const skala = document.getElementById("skala");
|
|
|
|
if (!skala) return;
|
|
|
|
// Wenn skala "no-scroll" hat, alles zurücksetzen
|
|
if (skala.classList.contains("no-scroll")) {
|
|
skala.classList.remove(
|
|
"2xl:fixed",
|
|
"2xl:py-4",
|
|
"2xl:top-0",
|
|
"2xl:z-20"
|
|
);
|
|
skala.classList.add("w-full");
|
|
skala.style.borderBottom = "none";
|
|
skala.style.width = ""; // zurücksetzen
|
|
|
|
document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]");
|
|
return;
|
|
}
|
|
|
|
let scroll = window.scrollY;
|
|
if (scroll >= 400) {
|
|
// Breite einmal auslesen und festsetzen
|
|
const skalaWidth = skala.offsetWidth + "px";
|
|
skala.style.width = skalaWidth;
|
|
|
|
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";
|
|
|
|
document.getElementById("formInput-1")?.classList.add("2xl:mt-[370px]");
|
|
} else {
|
|
skala.classList.remove(
|
|
"2xl:fixed",
|
|
"2xl:py-4",
|
|
"2xl:top-0",
|
|
"2xl:z-20"
|
|
);
|
|
skala.classList.add("w-full");
|
|
skala.style.borderBottom = "none";
|
|
skala.style.width = ""; // zurücksetzen
|
|
|
|
document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]");
|
|
}
|
|
});
|
|
|
|
window.addEventListener("resize", () => {
|
|
const skala = document.getElementById("skala");
|
|
if (!skala) return;
|
|
|
|
// Nur aktualisieren, wenn gerade "fixed" ist
|
|
if (skala.classList.contains("2xl:fixed")) {
|
|
// Temporär zurücksetzen, um echte Breite zu bekommen
|
|
skala.style.width = "";
|
|
const skalaWidth = skala.offsetWidth + "px";
|
|
skala.style.width = skalaWidth;
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
<html lang="de">
|
|
<head>
|
|
<!-- Google Tag Manager -->
|
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
})(window,document,'script','dataLayer','GTM-59QKHH8');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
|
|
|
|
<meta
|
|
name="description"
|
|
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
|
|
/>
|
|
<link rel="canonical" href="https://online-energieausweis.org/" />
|
|
|
|
<meta property="og:locale" content="de_DE" />
|
|
<meta property="og:type" content="website" />
|
|
<meta
|
|
property="og:title"
|
|
content="Energieausweis online erstellen - Online Energieausweis"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
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 name="twitter:card" content="summary_large_image" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
|
|
/>
|
|
<meta
|
|
name="twitter:title"
|
|
content="Energieausweis online erstellen - Online Energieausweis"
|
|
/>
|
|
<meta
|
|
name="twitter:image"
|
|
content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg"
|
|
/>
|
|
<title>
|
|
{title || "Energieausweis online erstellen - Online Energieausweis"}
|
|
</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59QKHH8"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
|
|
<Header {user} />
|
|
|
|
<main
|
|
class="w-full p-0 grid
|
|
xs:grid-cols-[minmax(1fr,1fr)] xs:gap-1 xs:p-0
|
|
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-0
|
|
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"
|
|
>
|
|
<SidebarLeft />
|
|
|
|
<article class="">
|
|
<slot />
|
|
</article>
|
|
</main>
|
|
|
|
<Footer />
|
|
<NotificationWrapper client:load />
|
|
</body>
|
|
</html>
|
|
|
|
<style is:global lang="postcss">
|
|
body {
|
|
min-height: 100vh;
|
|
width:100%;
|
|
}
|
|
|
|
article {
|
|
p, h1, h2, h3, h4, h5, h6 {
|
|
@apply text-base-content;
|
|
}
|
|
}
|
|
|
|
.headline {
|
|
@apply text-lg;
|
|
}
|
|
|
|
.radio-inline {
|
|
@apply flex flex-row gap-2;
|
|
}
|
|
|
|
.checkbox-inline {
|
|
@apply flex flex-row gap-2;
|
|
}
|
|
|
|
</style>
|