From 4584ddfb1f108d5f3116a29c2c1787fc52acb862 Mon Sep 17 00:00:00 2001 From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com> Date: Sun, 15 Dec 2024 15:28:14 +0100 Subject: [PATCH] Widget und Text Startseite MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Widget erweitert mit Leerstand und Heizungsalter. Produktsäulen angepasst. Text auf Startseite fertiggestellt --- .../design/content/ProduktVergleich.svelte | 31 +++--- .../design/content/WidgetCardTemplate.svelte | 4 +- .../widgets/WelcherAusweisWidget.svelte | 105 ++++++++++++++---- src/pages/index.astro | 50 ++++++++- src/pages/index_1.astro | 13 --- src/style/global.css | 3 + 6 files changed, 150 insertions(+), 56 deletions(-) delete mode 100644 src/pages/index_1.astro diff --git a/src/components/design/content/ProduktVergleich.svelte b/src/components/design/content/ProduktVergleich.svelte index d3f12b6c..ec7a932c 100644 --- a/src/components/design/content/ProduktVergleich.svelte +++ b/src/components/design/content/ProduktVergleich.svelte @@ -2,16 +2,15 @@ import { PRICES } from "#lib/constants"; -
+
-
- Wohnhaus Verbrauchsausweis +
+
Wohnhaus Verbrauchsausweis
Verbrauchsausweis
Wohngebäude
-
einfach
Einfache Berechnung anhand von 3 Jahresverbräuchen der Heizung. Das Enddatum darf nicht älter als 18 Monate sein.
✔
@@ -38,10 +37,10 @@
-
- Wohnhaus Bedarfsausweis -
Bedarfssausweis
Wohngebäude
-
+
+
Wohnhaus Bedarfsausweis
+
Bedarfsausweis
Wohngebäude
+
fundiert
@@ -54,7 +53,7 @@
- ab {PRICES.BedarfsausweisWohnen[0]} € inkl. 19% MwSt. + ab {PRICES.BedarfsausweisWohnen[0]} € inkl. 19% MwSt.
@@ -79,13 +78,13 @@ #produktvergleich{@apply - grid grid-cols-[1fr] gap-y-3 gap-x-6 + grid grid-cols-[1fr] gap-y-1 gap-x-3 lg:grid-cols-2 xl:grid-cols-2; -.saeule{@apply grid grid-rows-subgrid row-span-10; -img{@apply justify-self-center mb-1 w-[50%] } +.saeule{@apply grid grid-rows-subgrid row-span-10 mb-8; +img{@apply justify-self-center mb-1 w-[75%] } .blue-top{@apply bg-secondary text-white text-center font-bold rounded-md mb-1 p-4 shadow-saeule ring-secondary ring-1} @@ -97,20 +96,20 @@ img{@apply justify-self-center mb-1 w-[50%] } .variante{@apply w-fit text-black justify-self-end mr-4} .variante{font-size: clamp(15px, 4vh, 24px)} -.services{@apply text-base py-4 grid grid-cols-[1fr_minmax(10px,50px)]} -.services:not(:last-child){@apply border-b-[1px] border-gray-200} +.services{@apply text-base py-2 grid grid-cols-[1fr_minmax(10px,50px)]} +.services:not(:last-child){@apply border-b-[1px] border-gray-400} .check{@apply self-center font-bold text-green-700} .check-no{@apply self-center font-bold text-red-700} -.orange{@apply bg-primary text-white text-center rounded-md p-4 relative shadow-saeule ring-primary ring-1} +.orange{@apply bg-primary text-white text-center rounded-md p-2 relative shadow-saeule ring-primary ring-1} .price{font-size: clamp(15px, 3vh, 28px)} .blue-bottom, .check, .check-no{font-size: clamp(15px, 3vh, 24px)} -.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-md p-4 shadow-saeule ring-secondary ring-1} +.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-md p-2 shadow-saeule ring-secondary ring-1} } } diff --git a/src/components/design/content/WidgetCardTemplate.svelte b/src/components/design/content/WidgetCardTemplate.svelte index 93891241..82c03298 100644 --- a/src/components/design/content/WidgetCardTemplate.svelte +++ b/src/components/design/content/WidgetCardTemplate.svelte @@ -8,7 +8,7 @@ export let alt: string; -
+

{name}

@@ -16,7 +16,7 @@
diff --git a/src/components/widgets/WelcherAusweisWidget.svelte b/src/components/widgets/WelcherAusweisWidget.svelte index 842aa6e6..234646d2 100644 --- a/src/components/widgets/WelcherAusweisWidget.svelte +++ b/src/components/widgets/WelcherAusweisWidget.svelte @@ -8,6 +8,9 @@ let einheiten: string; let sanierungsstatus: string; let baujahr: string; + let heizungsAlter: string; + let leerStand: string; + const allowedTypes = [ "Einfamilienhaus", @@ -26,11 +29,11 @@ allowedReason.includes(anlass) && allowedTypes.includes(gebaeudetyp) && (einheiten === "mehr als 4 Wohneinheiten" || - sanierungsstatus === "saniert"); + sanierungsstatus === "saniert") && (leerStand === "bis 30") && (heizungsAlter === ">= 3"); } else { showVerbrauchsausweis = allowedReason.includes(anlass) && - allowedTypes.includes(gebaeudetyp); + allowedTypes.includes(gebaeudetyp) && (leerStand === "bis 30") && (heizungsAlter === ">= 3"); } } @@ -40,20 +43,6 @@
-
-
Gebäudetyp
- -
Anlass
@@ -72,6 +61,35 @@
+ +
+
Gebäudetyp
+ +
+ +
+
Sanierungsstand
+ +
+
@@ -87,6 +105,18 @@
+
+
Heizungsalter
+ +
+
Wohneinheiten
- - - + + +
+
@@ -187,6 +222,30 @@
{/if} + {#if allowedReason.includes(anlass) == false && allowedTypesGewerbe.includes(gebaeudetyp)} +
+ + +
+ {/if} + {#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)}
+
+

Ihr Partner für Energieausweise und GEG Nachweise

+

Ob für Vermietung, Verkauf, Modernisierung, Neubau oder zur Vorlage bei Ihrer Bank - + wir erstellen den passenden Energieausweis oder GEG-Nachweis für Ihr Objekt. + Mit 18 Jahren Erfahrung sind wir der richtige Ansprechpartner + für Hauseigentümer, Bauherren, Makler und Verwalter.

+

Machen Sie hier den online Check welcher Energieausweis der Richtige für Sie ist:

+
+ + + +
+

Erfüllen Sie die gesetzlichen Vorgaben des GEG 2024. Mit uns profitieren Sie von:

+
    +
  • Rechtssicherer Bearbeitung
    • +
  • Langjähriger Erfahrung
    • +
  • Schneller und preiswerter Online Erstellung.
    • +
+
+ +

Übersicht Verbrauchsausweis und Bedarfsausweis für Wohngebäude:

+ + + +

Übersicht Verbrauchsausweis und Bedarfsausweis für Gewerbegebäude:

+ + +
+ +

Erhöhte Sorgfaltspflichten und neue Anforderungen

+
    +
  • + Erhöhte Sorgfaltspflicht: Zur Einschätzung von Modernisierungsempfehlungen sind jetzt Fotos relevanter Gebäudebereiche erforderlich. Dazu zählen Dach, Fenster, Heizung und Außenwand. Diese Maßnahmen sorgen für präzisere Bewertungen und Modernisierungsvorschläge. +
    • +
  • + Primärenergiefaktoren gemäß GEG (§22): Die Primärenergiefaktoren sind nun gesetzlich im Gebäudeenergiegesetz geregelt. Das schafft mehr Transparenz und Nachvollziehbarkeit bei der Ermittlung des Gebäudekennwerts. Auch die Nutzung von Biogas aus dem Erdgasnetz wird nun angemessen berücksichtigt. +
    • +
  • + Berücksichtigung von Photovoltaik: Die lokal erzeugte Energie durch PV-Anlagen wird besser berücksichtigt. Bis zu 45 % des Jahres-Primärenergiebedarfs können durch selbst erzeugten Strom abgezogen werden. Das fördert die Nutzung erneuerbarer Energien und reduziert den Gesamtenergiebedarf. +
    • +
  • + Verpflichtende CO2-Angaben: Im Energieausweis müssen nun verpflichtend die CO2-Emissionen des Gebäudes angegeben werden. Diese neue Regelung erhöht die Transparenz hinsichtlich der Klimawirkung und unterstützt Eigentümer bei der Planung nachhaltiger Maßnahmen. +
    • +
+ +
+ -

Unsere Ausweise im Detail:

- diff --git a/src/pages/index_1.astro b/src/pages/index_1.astro deleted file mode 100644 index 82ed6b73..00000000 --- a/src/pages/index_1.astro +++ /dev/null @@ -1,13 +0,0 @@ ---- -import Layout from "#layouts/Layout_1.astro"; - ---- - - -

Energieausweis online erstellen

- - - - - - diff --git a/src/style/global.css b/src/style/global.css index 046656d0..83e9d94f 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -75,6 +75,9 @@ article { h3 {@apply text-xl font-normal mb-2;} a {@apply text-blue-700 font-medium text-lg;} + p {@apply text-lg font-normal mb-2;} + li {@apply text-lg font-normal ;} + ul {@apply list-disc list-inside mb-3;} }