From 28c9df7e189a8e6672d98f09f36e4a5b7581c9c0 Mon Sep 17 00:00:00 2001 From: Robert Jagtiani Date: Tue, 19 Nov 2024 19:35:04 +0100 Subject: [PATCH] =?UTF-8?q?banners=C3=A4ulen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .vscode/settings.json | 5 +- package.json | 7 +- postcss.config.js | 11 ++ src/components/UMBE_banner-saeule.svelte | 147 +++++++++++++++++++---- src/pages/UMBE_test.astro | 2 +- src/style/UMBE_global.css | 10 +- tailwind.config.cjs | 5 +- 7 files changed, 159 insertions(+), 28 deletions(-) create mode 100644 postcss.config.js diff --git a/.vscode/settings.json b/.vscode/settings.json index 4480636b..d0749368 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -8,9 +8,10 @@ "css.lint.unknownAtRules": "ignore", "scss.lint.unknownAtRules": "ignore", "less.lint.unknownAtRules": "ignore" -} + "workbench.colorCustomizations": { "minimap.background": "#00000000", "scrollbar.shadow": "#00000000" - } + }, + } diff --git a/package.json b/package.json index e16fe4e7..05e078dd 100644 --- a/package.json +++ b/package.json @@ -47,13 +47,14 @@ "katex": "^0.16.7", "moment": "^2.29.4", "moment-timezone": "^0.5.45", + "postcss-nested": "^7.0.2", "radix-svelte-icons": "^1.0.0", "sass": "^1.62.1", "svelte": "^3.59.1", "svelte-dialogs": "^1.2.2", "svelte-preprocess": "^5.0.3", "svelte-ripple-action": "^1.0.5", - "tailwindcss": "^3.3.2", + "tailwindcss": "^3.4.15", "trpc-openapi": "^1.2.0", "uuid": "^9.0.0", "zod": "^3.22.4" @@ -67,12 +68,16 @@ "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.6", "@typescript-eslint/parser": "^5.59.6", + "autoprefixer": "^10.4.20", "bun-types": "^1.0.22", "cypress": "^13.6.2", "cypress-file-upload": "^5.0.8", "daisyui": "^4.6.0", "eslint": "~8.15.0", "eslint-config-prettier": "8.1.0", + "postcss": "^8.4.49", + "postcss-import": "^16.1.0", + "postcss-nesting": "^13.0.1", "prettier": "^2.8.8", "typescript": "^4.9.5" } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 00000000..7f2f09c0 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,11 @@ +// postcss.config.js +module.exports = { + plugins: { + 'postcss-import': {}, + 'tailwindcss/nesting': 'postcss-nesting', + tailwindcss: {}, + 'postcss-preset-env': { + features: { 'nesting-rules': false }, + }, + } +} \ No newline at end of file diff --git a/src/components/UMBE_banner-saeule.svelte b/src/components/UMBE_banner-saeule.svelte index a512006c..e9eaf931 100644 --- a/src/components/UMBE_banner-saeule.svelte +++ b/src/components/UMBE_banner-saeule.svelte @@ -1,28 +1,133 @@ -
+ -
-
- Wohnhaus Verbrauchsausweis -
+
+ +
+
+ Wohnhaus Verbrauchsausweis +
Verbrauchsausweis
Wohngebäude
-
-
-
- Wohnhaus Bedarfsausweis -
+
+
ab:
+
{PRICES.VerbrauchsausweisWohnen[0]}
+
inkl. 19% MwSt.
-
-
-
- Gewerbe Verbrauchsausweis -
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
-
-
-
- Gewerbe Bedarfsausweis -
+
+
jetzt sofort Energieausweis
online erstellen
-
\ No newline at end of file +
+
+ Wohnhaus Bedarfsausweis +
Verbrauchsausweis
Gewerbe
+
+
+
ab:
+
{PRICES.VerbrauchsausweisGewerbe[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+
+ Gewerbe Verbrauchsausweis +
Bedarfsausweis
Wohngebäude
+
+
+
ab:
+
{PRICES.BedarfsausweisWohnen[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+
+ Gewerbe Bedarfsausweis +
Bedarfsausweis
Gewerbe
+
+
+
ab:
+
{PRICES.BedarfsausweisGewerbe[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/UMBE_test.astro b/src/pages/UMBE_test.astro index e8883575..d4987845 100644 --- a/src/pages/UMBE_test.astro +++ b/src/pages/UMBE_test.astro @@ -4,7 +4,7 @@ import BannerPrice from "#components/UMBE_banner-saeule.svelte"; --- - +

Energieausweis online erstellen

diff --git a/src/style/UMBE_global.css b/src/style/UMBE_global.css index 96cf6d09..bc3689f6 100644 --- a/src/style/UMBE_global.css +++ b/src/style/UMBE_global.css @@ -37,6 +37,14 @@ font-family: "Antique Olive Compact bold"; } +.promo1{ + font-weight: 700; + box-sizing: border-box; + font-family: "Antique Olive Compact bold"; + text-shadow: 2px 2px 8px #222; + +} + body{ @apply /*bg-[url('/images/pattern.png')] bg-repeat bg-fixed */ max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px] } @@ -112,7 +120,7 @@ li {@apply text-sm bg-white flex xl:text-lg} li a {@apply w-full text-sm px-6 py-3 rounded-none no-underline text-white hover:text-white bg-secondary - lg:px-4 py-3 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary + lg:px-4 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary xl:text-lg} li:not(:first-child) {@apply !border-gray-200 !border-t-[1px]} diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 9863bba6..b0d3415c 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -128,8 +128,9 @@ module.exports = { '5xl': '4.210rem', }, fontFamily: { - heading: 'Abel', - body: 'Abel', + heading: 'Heron', + body: 'Heron', + }, fontWeight: { normal: '400',