From 66039a13066dc81b861a2532a34e736e18c6e02c Mon Sep 17 00:00:00 2001 From: Dominik Milacher Date: Sun, 15 Jun 2025 18:58:38 +0200 Subject: [PATCH] Add images --- apps/panoramablick/app.config.ts | 2 +- apps/panoramablick/assets/css/main.css | 37 +++++++++++++ .../panoramablick/components/AppApartment.vue | 36 ++++++++----- apps/panoramablick/components/AppFooter.vue | 12 ++--- apps/panoramablick/components/AppHeader.vue | 2 +- apps/panoramablick/components/AppHero.vue | 2 +- .../components/AppThumbnailCarousel.vue | 50 +++++++++++------- .../panoramablick/components/AppTitleText.vue | 2 +- apps/panoramablick/i18n/locales/de.json | 50 ++++++++++++++---- apps/panoramablick/pages/[[variant]]/book.vue | 22 ++++---- .../pages/[[variant]]/contact.vue | 14 ++--- .../panoramablick/pages/[[variant]]/index.vue | 10 ++-- .../apartments/1/{toilet.jpg => 10.jpg} | Bin .../apartments/1/{enter1.jpg => 11.jpg} | Bin .../apartments/1/{living1.jpg => 4.jpg} | Bin .../apartments/1/{living3.jpg => 5.jpg} | Bin .../apartments/1/{living4.jpg => 6.jpg} | Bin apps/panoramablick/public/apartments/1/7.jpg | Bin 0 -> 1028826 bytes .../apartments/1/{kitchen1.jpg => 8.jpg} | Bin .../public/apartments/1/{bath.jpg => 9.jpg} | Bin apps/panoramablick/public/apartments/2/1.jpg | Bin 0 -> 916987 bytes apps/panoramablick/public/apartments/2/10.jpg | Bin 0 -> 1269043 bytes apps/panoramablick/public/apartments/2/11.jpg | Bin 0 -> 767304 bytes apps/panoramablick/public/apartments/2/12.jpg | Bin 0 -> 831405 bytes apps/panoramablick/public/apartments/2/13.jpg | Bin 0 -> 711946 bytes apps/panoramablick/public/apartments/2/2.jpg | Bin 0 -> 957278 bytes apps/panoramablick/public/apartments/2/3.jpg | Bin 0 -> 1010823 bytes apps/panoramablick/public/apartments/2/4.jpg | Bin 0 -> 1067045 bytes apps/panoramablick/public/apartments/2/5.jpg | Bin 0 -> 1118167 bytes apps/panoramablick/public/apartments/2/6.jpg | Bin 0 -> 907156 bytes apps/panoramablick/public/apartments/2/7.jpg | Bin 0 -> 576035 bytes apps/panoramablick/public/apartments/2/8.jpg | Bin 0 -> 745190 bytes apps/panoramablick/public/apartments/2/9.jpg | Bin 0 -> 674249 bytes apps/panoramablick/public/apartments/3/1.jpg | Bin 0 -> 727259 bytes apps/panoramablick/public/apartments/3/10.jpg | Bin 0 -> 711946 bytes apps/panoramablick/public/apartments/3/11.jpg | Bin 0 -> 745190 bytes apps/panoramablick/public/apartments/3/12.jpg | Bin 0 -> 551469 bytes apps/panoramablick/public/apartments/3/13.jpg | Bin 0 -> 1524160 bytes apps/panoramablick/public/apartments/3/14.jpg | Bin 0 -> 765783 bytes apps/panoramablick/public/apartments/3/2.jpg | Bin 0 -> 1080195 bytes apps/panoramablick/public/apartments/3/3.jpg | Bin 0 -> 806685 bytes apps/panoramablick/public/apartments/3/4.jpg | Bin 0 -> 959711 bytes apps/panoramablick/public/apartments/3/5.jpg | Bin 0 -> 880085 bytes apps/panoramablick/public/apartments/3/6.jpg | Bin 0 -> 628052 bytes apps/panoramablick/public/apartments/3/7.jpg | Bin 0 -> 910820 bytes apps/panoramablick/public/apartments/3/8.jpg | Bin 0 -> 1014978 bytes apps/panoramablick/public/apartments/3/9.jpg | Bin 0 -> 1020597 bytes apps/panoramablick/public/landing/1.jpg | Bin 0 -> 1053294 bytes apps/panoramablick/public/landing/2.jpg | Bin 0 -> 1269043 bytes apps/panoramablick/public/landing/3.jpg | Bin 0 -> 1717374 bytes apps/panoramablick/public/landing/4.jpg | Bin 0 -> 1524160 bytes 51 files changed, 166 insertions(+), 73 deletions(-) rename apps/panoramablick/public/apartments/1/{toilet.jpg => 10.jpg} (100%) rename apps/panoramablick/public/apartments/1/{enter1.jpg => 11.jpg} (100%) rename apps/panoramablick/public/apartments/1/{living1.jpg => 4.jpg} (100%) rename apps/panoramablick/public/apartments/1/{living3.jpg => 5.jpg} (100%) rename apps/panoramablick/public/apartments/1/{living4.jpg => 6.jpg} (100%) create mode 100644 apps/panoramablick/public/apartments/1/7.jpg rename apps/panoramablick/public/apartments/1/{kitchen1.jpg => 8.jpg} (100%) rename apps/panoramablick/public/apartments/1/{bath.jpg => 9.jpg} (100%) create mode 100644 apps/panoramablick/public/apartments/2/1.jpg create mode 100644 apps/panoramablick/public/apartments/2/10.jpg create mode 100644 apps/panoramablick/public/apartments/2/11.jpg create mode 100644 apps/panoramablick/public/apartments/2/12.jpg create mode 100644 apps/panoramablick/public/apartments/2/13.jpg create mode 100644 apps/panoramablick/public/apartments/2/2.jpg create mode 100644 apps/panoramablick/public/apartments/2/3.jpg create mode 100644 apps/panoramablick/public/apartments/2/4.jpg create mode 100644 apps/panoramablick/public/apartments/2/5.jpg create mode 100644 apps/panoramablick/public/apartments/2/6.jpg create mode 100644 apps/panoramablick/public/apartments/2/7.jpg create mode 100644 apps/panoramablick/public/apartments/2/8.jpg create mode 100644 apps/panoramablick/public/apartments/2/9.jpg create mode 100644 apps/panoramablick/public/apartments/3/1.jpg create mode 100644 apps/panoramablick/public/apartments/3/10.jpg create mode 100644 apps/panoramablick/public/apartments/3/11.jpg create mode 100644 apps/panoramablick/public/apartments/3/12.jpg create mode 100644 apps/panoramablick/public/apartments/3/13.jpg create mode 100644 apps/panoramablick/public/apartments/3/14.jpg create mode 100644 apps/panoramablick/public/apartments/3/2.jpg create mode 100644 apps/panoramablick/public/apartments/3/3.jpg create mode 100644 apps/panoramablick/public/apartments/3/4.jpg create mode 100644 apps/panoramablick/public/apartments/3/5.jpg create mode 100644 apps/panoramablick/public/apartments/3/6.jpg create mode 100644 apps/panoramablick/public/apartments/3/7.jpg create mode 100644 apps/panoramablick/public/apartments/3/8.jpg create mode 100644 apps/panoramablick/public/apartments/3/9.jpg create mode 100644 apps/panoramablick/public/landing/1.jpg create mode 100644 apps/panoramablick/public/landing/2.jpg create mode 100644 apps/panoramablick/public/landing/3.jpg create mode 100644 apps/panoramablick/public/landing/4.jpg diff --git a/apps/panoramablick/app.config.ts b/apps/panoramablick/app.config.ts index f6ac6b9..d4c0631 100644 --- a/apps/panoramablick/app.config.ts +++ b/apps/panoramablick/app.config.ts @@ -2,7 +2,7 @@ export default defineAppConfig({ ui: { colors: { primary: 'gimblet', - secondary: 'sapphire', + secondary: 'stone', neutral: 'sandstone' } } diff --git a/apps/panoramablick/assets/css/main.css b/apps/panoramablick/assets/css/main.css index f4d671e..b289269 100644 --- a/apps/panoramablick/assets/css/main.css +++ b/apps/panoramablick/assets/css/main.css @@ -41,6 +41,19 @@ --color-gimblet-800: oklch(44.164% 0.05385 91.131); --color-gimblet-900: oklch(31.471% 0.0355 91.688); + --color-driftwood: oklch(72% 0.065 228); + --color-driftwood-50: oklch(97.5% 0.008 228); + --color-driftwood-100: oklch(94.5% 0.015 228); + --color-driftwood-200: oklch(88.8% 0.028 228); + --color-driftwood-300: oklch(83% 0.042 228); + --color-driftwood-400: oklch(77% 0.056 228); + --color-driftwood-500: oklch(72% 0.065 228); + --color-driftwood-600: oklch(63% 0.07 228); + --color-driftwood-700: oklch(50% 0.06 228); + --color-driftwood-800: oklch(38% 0.045 228); + --color-driftwood-900: oklch(27% 0.03 228); + + --color-sapphire-50: oklch(97.5% 0.005 260); --color-sapphire-100: oklch(95.2% 0.01 260); --color-sapphire-200: oklch(90% 0.02 260); @@ -52,6 +65,30 @@ --color-sapphire-800: oklch(42% 0.045 260); --color-sapphire-900: oklch(30% 0.03 260); + --color-stone-50: oklch(98% 0.002 260); /* lightest gray */ + --color-stone-100: oklch(94% 0.004 260); + --color-stone-200: oklch(88% 0.006 260); + --color-stone-300: oklch(80% 0.008 260); + --color-stone-400: oklch(70% 0.01 260); + --color-stone-500: oklch(60% 0.012 260); /* true neutral gray */ + --color-stone-600: oklch(48% 0.012 260); + --color-stone-700: oklch(36% 0.01 260); + --color-stone-800: oklch(26% 0.008 260); + --color-stone-900: oklch(16% 0.006 260); /* darkest gray */ + + + --color-clay-50: oklch(96% 0.008 35); + --color-clay-100: oklch(92% 0.015 35); + --color-clay-200: oklch(86% 0.03 35); + --color-clay-300: oklch(80% 0.05 35); + --color-clay-400: oklch(74% 0.07 35); + --color-clay-500: oklch(70% 0.08 35); + --color-clay-600: oklch(62% 0.09 35); + --color-clay-700: oklch(50% 0.07 35); + --color-clay-800: oklch(38% 0.05 35); + --color-clay-900: oklch(28% 0.035 35); + + --color-sandstone-50: oklch(98% 0.003 85); --color-sandstone-100: oklch(96% 0.006 85); --color-sandstone-200: oklch(92% 0.012 85); diff --git a/apps/panoramablick/components/AppApartment.vue b/apps/panoramablick/components/AppApartment.vue index d3b8068..986bd4b 100644 --- a/apps/panoramablick/components/AppApartment.vue +++ b/apps/panoramablick/components/AppApartment.vue @@ -1,25 +1,29 @@