diff --git a/public/images/sanierungsfahrplan/farbeEnergieEffizienzEins.svg b/public/images/sanierungsfahrplan/farbeEnergieEffizienzEins.svg new file mode 100644 index 00000000..db6448d2 --- /dev/null +++ b/public/images/sanierungsfahrplan/farbeEnergieEffizienzEins.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + diff --git a/public/images/sanierungsfahrplan/farbeEnergieEffizienzZwei.svg b/public/images/sanierungsfahrplan/farbeEnergieEffizienzZwei.svg new file mode 100644 index 00000000..51a348ea --- /dev/null +++ b/public/images/sanierungsfahrplan/farbeEnergieEffizienzZwei.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + diff --git a/public/images/sanierungsfahrplan/farbenEnergieEffizienzHuelle.svg b/public/images/sanierungsfahrplan/farbenEnergieEffizienzHuelle.svg new file mode 100644 index 00000000..32d0b957 --- /dev/null +++ b/public/images/sanierungsfahrplan/farbenEnergieEffizienzHuelle.svg @@ -0,0 +1,850 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/sanierungsfahrplan/skalaEnergieEffizienzVertikal.svg b/public/images/sanierungsfahrplan/skalaEnergieEffizienzVertikal.svg new file mode 100644 index 00000000..694d2eaa --- /dev/null +++ b/public/images/sanierungsfahrplan/skalaEnergieEffizienzVertikal.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/design/content/SanierungsFahrplanBauteilTemplate.svelte b/src/components/design/content/SanierungsFahrplanBauteilTemplate.svelte new file mode 100644 index 00000000..a1d1e566 --- /dev/null +++ b/src/components/design/content/SanierungsFahrplanBauteilTemplate.svelte @@ -0,0 +1,103 @@ +
+
+
Farbklasse
+
+
+
+
+
+
+
+
+
+
U-Wert [W/(m²K)] / Beschreibung
+
≤ 0,12 / Sparrendach geneigt und stark hinterlüftet mit 20cm PUR/PIR-Hartschaum Aufsparrendämmung (hocheffiziente Dämmung mit WLG 0,024)
+
≤ 0,14 / Sparrendach geneigt und stark hinterlüftet mit 18cm PUR/PIR-Hartschaum Aufsparrendämmung (hocheffiziente Dämmung mit WLG 0,024)
+
≤ 0,24 / Sparrendach geneigt und hinterlüftet mit 18cm mineralischer Zwischensparren-
dämmung und 5 cm Untersparrendämmung (Standarddämmung mit WLG 0,04)
+
≤ 0,30 / Sparrendach geneigt und hinterlüftet mit 18cm mineralischer Zwischensparren-
dämmung (Standarddämmung mit WLG 0,04)
+
≤ 0,50 / Sparrendach geneigt und hinterlüftet mit 12cm mineralischer Zwischensparren-
dämmung (Standarddämmung mit WLG 0,04)
+
≤ 0,80 / Sparrendach geneigt und hinterlüftet mit 5cm mineralischer Zwischensparren-
dämmung (Standarddämmung mit WLG 0,04)
+
> 0,80 / Sparrendach geneigt und hinterlüftet ungedämmt oder weniger als 5cm Zwischensparrendämmung (Standarddämmung mit WLG 0,04)
+
+
+ + \ No newline at end of file diff --git a/src/components/design/content/SanierungsFahrplanIstTemplate.svelte b/src/components/design/content/SanierungsFahrplanIstTemplate.svelte index 86f78618..95030ad2 100644 --- a/src/components/design/content/SanierungsFahrplanIstTemplate.svelte +++ b/src/components/design/content/SanierungsFahrplanIstTemplate.svelte @@ -1,4 +1,3 @@ -
Skala Energieeffizienz
@@ -10,9 +9,13 @@
*inklusive Kellerwänden
-
- Hausicondach -
inklusive Kellerwänden
+
+ Hausicondach +
oberer Gebäudeabschluss
@@ -64,7 +67,7 @@ .wrapper { - @apply grid grid-cols-3 gap-6 items-center justify-center px-10 m-6 py-10; + @apply grid grid-cols-3 gap-10 items-center justify-center px-10 m-6 py-10; } .card { @@ -79,5 +82,4 @@ .hausIcon { @apply w-full;} - \ No newline at end of file diff --git a/src/pages/sanierungsfahrplan/dach/index.astro b/src/pages/sanierungsfahrplan/dach/index.astro new file mode 100644 index 00000000..ded89dcf --- /dev/null +++ b/src/pages/sanierungsfahrplan/dach/index.astro @@ -0,0 +1,15 @@ +--- +import Layout from "#layouts/Layout.astro"; +import SanierungsFahrplanBauteilTemplate from "#components/design/content/SanierungsFahrplanBauteilTemplate.svelte"; + +--- + + + +

Dach - energetischer Istzustand

+ +

Überblick zum energetischen Istzustand des Daches ihres Hauses

+ + + + \ No newline at end of file diff --git a/src/pages/sanierungsfahrplan/index.astro b/src/pages/sanierungsfahrplan/index.astro index 1a9867b1..3f579c35 100644 --- a/src/pages/sanierungsfahrplan/index.astro +++ b/src/pages/sanierungsfahrplan/index.astro @@ -10,6 +10,6 @@ import SanierungsFahrplanIstTemplate from "#components/design/content/Sanierungs

Überblick zum energetischen Istzustand und Sanierungsbedarf ihres Hauses

- + \ No newline at end of file diff --git a/tailwind.config.cjs b/tailwind.config.cjs index a324930a..74045ef5 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -37,7 +37,16 @@ module.exports = { "formular-rahmen": "rgba(255,204,6,1)", "bereich-box": "rgba(252,234,187,0.2)", - + + "effizienzFarbe-1": "#00a759ff", + "effizienzFarbe-2": "#56be06ff", + "effizienzFarbe-3": "#d2dd00ff", + "effizienzFarbe-4": "#fbe115ff", + "effizienzFarbe-5": "#fbb900ff", + "effizienzFarbe-6": "#f59401ff", + "effizienzFarbe-7": "#ef6800ff", + "effizienzFarbe-8": "#dd2a1bff", + "effizienzFarbe-9": "#b11c0cff", "pdf-yellow-bright": "#f3cb00", "pdf-yellow-light": "#fff6ca",