Compare commits
1 Commits
feature/is
...
a380d7e7fa
| Author | SHA1 | Date | |
|---|---|---|---|
|
a380d7e7fa |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 159 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
BIN
bilder/Bad.webp
BIN
bilder/Bad.webp
Binary file not shown.
|
Before Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 371 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 851 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
@@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Haus Schleusingen",
|
|
||||||
"short_name": "HS",
|
|
||||||
"icons": [
|
|
||||||
{ "src": "/bilder/favicon/favicon-32x32.png", "sizes": "32x32", "type": "image/png" },
|
|
||||||
{ "src": "/bilder/favicon/favicon-16x16.png", "sizes": "16x16", "type": "image/png" }
|
|
||||||
],
|
|
||||||
"theme_color": "#1c1917",
|
|
||||||
"background_color": "#fafaf9"
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
@@ -13,6 +13,7 @@ module.exports = [
|
|||||||
sourceType: "script",
|
sourceType: "script",
|
||||||
globals: {
|
globals: {
|
||||||
...globals.browser,
|
...globals.browser,
|
||||||
|
...globals.jquery,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: {
|
plugins: {
|
||||||
|
|||||||
212
index.php
212
index.php
@@ -126,11 +126,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="/bilder/favicon/favicon-32x32.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/bilder/favicon/favicon-16x16.png">
|
|
||||||
<link rel="icon" type="image/x-icon" href="/bilder/favicon/favicon.ico">
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicon/apple-touch-icon.png">
|
|
||||||
<link rel="manifest" href="/bilder/favicon/site.webmanifest">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Einfamilienhaus mieten Schleusingen | 227 m², 6 Zimmer | 1.300 € Kaltmiete</title>
|
<title>Einfamilienhaus mieten Schleusingen | 227 m², 6 Zimmer | 1.300 € Kaltmiete</title>
|
||||||
<meta name="description" content="Einfamilienhaus zur Langzeitmiete in Schleusingen: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €. Bahnhofstraße 10, 98553 Schleusingen. Ab sofort verfügbar." />
|
<meta name="description" content="Einfamilienhaus zur Langzeitmiete in Schleusingen: 227 m² Wohnfläche, 6 Zimmer, 3 Etagen mit Dachterrasse. Kaltmiete 1.300 €. Bahnhofstraße 10, 98553 Schleusingen. Ab sofort verfügbar." />
|
||||||
@@ -187,6 +182,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<link rel="stylesheet" href="fonts/fonts.css" />
|
<link rel="stylesheet" href="fonts/fonts.css" />
|
||||||
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||||
<link rel="stylesheet" href="css/haus-schleusingen.css" />
|
<link rel="stylesheet" href="css/haus-schleusingen.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -215,7 +211,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
<div
|
<div
|
||||||
class="hero-bg"
|
class="hero-bg"
|
||||||
id="heroBg"
|
id="heroBg"
|
||||||
style="background-image: url(bilder/Außenansicht-2.webp)"
|
style="background-image: url(bilder/Außenansicht-2.png)"
|
||||||
></div>
|
></div>
|
||||||
<div class="hero-overlay"></div>
|
<div class="hero-overlay"></div>
|
||||||
<div class="hero-content" id="heroContent">
|
<div class="hero-content" id="heroContent">
|
||||||
@@ -289,10 +285,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="intro-img" data-animate>
|
<div class="intro-img" data-animate>
|
||||||
<picture>
|
<img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" />
|
||||||
<source srcset="bilder/wohnzimmer2.webp" type="image/webp">
|
|
||||||
<img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
|
<div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -307,88 +300,55 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
<div class="masonry-grid">
|
<div class="masonry-grid">
|
||||||
<div class="grid-sizer"></div>
|
<div class="grid-sizer"></div>
|
||||||
|
|
||||||
<div class="grid-item" data-img="bilder/Außenansicht-2.webp" role="button" tabindex="0" aria-label="Außenansicht – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Außenansicht-2.png" role="button" tabindex="0" aria-label="Außenansicht – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Außenansicht-2-small.png" alt="Außenansicht des Einfamilienhauses" />
|
||||||
<source srcset="bilder/Außenansicht-2-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Außenansicht-2-small.png" alt="Außenansicht des Einfamilienhauses" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Außenansicht</span>
|
<span class="grid-item-label">Außenansicht</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/wohnzimmer2.webp" role="button" tabindex="0" aria-label="Wohnzimmer – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/wohnzimmer2.png" role="button" tabindex="0" aria-label="Wohnzimmer – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer mit 42,6 m² Wohnfläche" />
|
||||||
<source srcset="bilder/wohnzimmer2-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer mit 42,6 m² Wohnfläche" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
|
<span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Küche 1.webp" role="button" tabindex="0" aria-label="Küche – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Küche 1.jpg" role="button" tabindex="0" aria-label="Küche – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Küche 1.jpg" alt="Küche mit 18,4 m²" />
|
||||||
<source srcset="bilder/Küche 1-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Küche 1.jpg" alt="Küche mit 18,4 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Küche · 18,4 m²</span>
|
<span class="grid-item-label">Küche · 18,4 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/schlafzimmer.webp" role="button" tabindex="0" aria-label="Schlafzimmer – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/schlafzimmer.png" role="button" tabindex="0" aria-label="Schlafzimmer – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer mit 18 m²" />
|
||||||
<source srcset="bilder/schlafzimmer-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer mit 18 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Schlafzimmer · 18 m²</span>
|
<span class="grid-item-label">Schlafzimmer · 18 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Bad.webp" role="button" tabindex="0" aria-label="Badezimmer – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Bad.jpg" role="button" tabindex="0" aria-label="Badezimmer – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Bad.jpg" alt="Badezimmer mit 9,8 m²" />
|
||||||
<source srcset="bilder/Bad-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Bad.jpg" alt="Badezimmer mit 9,8 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Badezimmer · 9,8 m²</span>
|
<span class="grid-item-label">Badezimmer · 9,8 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Kinderzimmer.webp" role="button" tabindex="0" aria-label="Kinderzimmer 1 – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Kinderzimmer.png" role="button" tabindex="0" aria-label="Kinderzimmer 1 – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1 mit 21,7 m²" />
|
||||||
<source srcset="bilder/Kinderzimmer-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1 mit 21,7 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
|
<span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Kinderzimmer 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer 2 – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Kinderzimmer 2.jpg" role="button" tabindex="0" aria-label="Kinderzimmer 2 – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2 mit 15,7 m²" />
|
||||||
<source srcset="bilder/Kinderzimmer 2-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2 mit 15,7 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
|
<span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/kinderzimmer 2 2.webp" role="button" tabindex="0" aria-label="Kinderzimmer Detail – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/kinderzimmer 2 2.jpeg" role="button" tabindex="0" aria-label="Kinderzimmer Detail – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/kinderzimmer 2 2-small.png" alt="Detailansicht Kinderzimmer" />
|
||||||
<source srcset="bilder/kinderzimmer 2 2-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/kinderzimmer 2 2-small.png" alt="Detailansicht Kinderzimmer" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Kinderzimmer Detail</span>
|
<span class="grid-item-label">Kinderzimmer Detail</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Kinderzimmer 3.webp" role="button" tabindex="0" aria-label="Gästezimmer – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Kinderzimmer 3.jpg" role="button" tabindex="0" aria-label="Gästezimmer – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Kinderzimmer 3-small.png" alt="Gästezimmer mit 11,5 m²" />
|
||||||
<source srcset="bilder/Kinderzimmer 3-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Kinderzimmer 3-small.png" alt="Gästezimmer mit 11,5 m²" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Gästezimmer · 11,5 m²</span>
|
<span class="grid-item-label">Gästezimmer · 11,5 m²</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Bad-2.webp" role="button" tabindex="0" aria-label="Zweites Bad – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/Bad-2.jpg" role="button" tabindex="0" aria-label="Zweites Bad – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Bad-2-small.jpg" alt="Zweites Badezimmer im Haus" />
|
||||||
<source srcset="bilder/Bad-2-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Bad-2-small.jpg" alt="Zweites Badezimmer im Haus" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Wohnbereich</span>
|
<span class="grid-item-label">Wohnbereich</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Bad-3.webp" role="button" tabindex="0" aria-label="Drittes Bad – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/bad3.jpg" role="button" tabindex="0" aria-label="Drittes Bad – Großansicht öffnen">
|
||||||
<picture>
|
<img src="bilder/Bad-3-small.jpg" alt="Drittes Badezimmer im Haus" />
|
||||||
<source srcset="bilder/Bad-3-small.webp" type="image/webp">
|
|
||||||
<img src="bilder/Bad-3-small.jpg" alt="Drittes Badezimmer im Haus" loading="lazy" />
|
|
||||||
</picture>
|
|
||||||
<span class="grid-item-label">Wohnbereich Detail</span>
|
<span class="grid-item-label">Wohnbereich Detail</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid-item" data-img="bilder/Bad-4.webp" role="button" tabindex="0" aria-label="Wohnbereich Detail – Großansicht öffnen">
|
<div class="grid-item" data-img="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg" role="button" tabindex="0" aria-label="Hausansicht – Großansicht öffnen">
|
||||||
<picture>
|
<img
|
||||||
<source srcset="bilder/Bad-4-small.webp" type="image/webp">
|
src="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg"
|
||||||
<img src="bilder/Bad-4-small.jpg" alt="Wohnbereich Detail 3" loading="lazy" />
|
alt="Weitere Außenansicht des Einfamilienhauses"
|
||||||
</picture>
|
/>
|
||||||
<span class="grid-item-label">Hausansicht</span>
|
<span class="grid-item-label">Hausansicht</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -434,24 +394,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floor-plan floor-plan-multi">
|
<div class="floor-plan floor-plan-multi">
|
||||||
<picture>
|
<img
|
||||||
<source srcset="bilder/grundrisse/EG-small.webp" type="image/webp">
|
src="bilder/grundrisse/EG-small.jpg"
|
||||||
<img
|
alt="Grundriss Erdgeschoss"
|
||||||
src="bilder/grundrisse/EG-small.jpg"
|
data-img="bilder/grundrisse/EG.png"
|
||||||
alt="Grundriss Erdgeschoss"
|
/>
|
||||||
loading="lazy"
|
<img
|
||||||
data-img="bilder/grundrisse/EG.webp"
|
src="bilder/grundrisse/EG 3D-small.jpg"
|
||||||
/>
|
alt="Grundriss Erdgeschoss"
|
||||||
</picture>
|
data-img="bilder/grundrisse/EG 3D.png"
|
||||||
<picture>
|
/>
|
||||||
<source srcset="bilder/grundrisse/EG 3D-small.webp" type="image/webp">
|
|
||||||
<img
|
|
||||||
src="bilder/grundrisse/EG 3D-small.jpg"
|
|
||||||
alt="Grundriss Erdgeschoss"
|
|
||||||
loading="lazy"
|
|
||||||
data-img="bilder/grundrisse/EG 3D.webp"
|
|
||||||
/>
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -491,24 +443,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floor-plan floor-plan-multi">
|
<div class="floor-plan floor-plan-multi">
|
||||||
<picture>
|
<img
|
||||||
<source srcset="bilder/grundrisse/OG 1 2-small.webp" type="image/webp">
|
src="bilder/grundrisse/OG 1 2-small.jpg"
|
||||||
<img
|
alt="Grundriss 1. Obergeschoss"
|
||||||
src="bilder/grundrisse/OG 1 2-small.jpg"
|
data-img="bilder/grundrisse/OG 1 2.png"
|
||||||
alt="Grundriss 1. Obergeschoss"
|
/>
|
||||||
loading="lazy"
|
<img
|
||||||
data-img="bilder/grundrisse/OG 1 2.webp"
|
src="bilder/grundrisse/OG 1 3D-small.jpg"
|
||||||
/>
|
alt="Grundriss 1. Obergeschoss"
|
||||||
</picture>
|
data-img="bilder/grundrisse/OG 1 3D.png"
|
||||||
<picture>
|
/>
|
||||||
<source srcset="bilder/grundrisse/OG 1 3D-small.webp" type="image/webp">
|
|
||||||
<img
|
|
||||||
src="bilder/grundrisse/OG 1 3D-small.jpg"
|
|
||||||
alt="Grundriss 1. Obergeschoss"
|
|
||||||
loading="lazy"
|
|
||||||
data-img="bilder/grundrisse/OG 1 3D.webp"
|
|
||||||
/>
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -548,24 +492,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floor-plan floor-plan-multi">
|
<div class="floor-plan floor-plan-multi">
|
||||||
<picture>
|
<img
|
||||||
<source srcset="bilder/grundrisse/OG 2 grundriss-small.webp" type="image/webp">
|
src="bilder/grundrisse/OG 2 grundriss-small.jpg"
|
||||||
<img
|
alt="Grundriss 2. Obergeschoss (1)"
|
||||||
src="bilder/grundrisse/OG 2 grundriss-small.jpg"
|
data-img="bilder/grundrisse/OG 2 grundriss.png"
|
||||||
alt="Grundriss 2. Obergeschoss (1)"
|
/>
|
||||||
loading="lazy"
|
<img
|
||||||
data-img="bilder/grundrisse/OG 2 grundriss.webp"
|
src="bilder/grundrisse/OG 2 3D-small.jpg"
|
||||||
/>
|
alt="Grundriss 2. Obergeschoss (1)"
|
||||||
</picture>
|
data-img="bilder/grundrisse/OG 2 3D.png"
|
||||||
<picture>
|
/>
|
||||||
<source srcset="bilder/grundrisse/OG 2 3D-small.webp" type="image/webp">
|
|
||||||
<img
|
|
||||||
src="bilder/grundrisse/OG 2 3D-small.jpg"
|
|
||||||
alt="Grundriss 2. Obergeschoss (1)"
|
|
||||||
loading="lazy"
|
|
||||||
data-img="bilder/grundrisse/OG 2 3D.webp"
|
|
||||||
/>
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -593,24 +529,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="floor-plan floor-plan-multi">
|
<div class="floor-plan floor-plan-multi">
|
||||||
<picture>
|
<img
|
||||||
<source srcset="bilder/grundrisse/Dachboden unten 2-small.webp" type="image/webp">
|
src="bilder/grundrisse/Dachboden unten 2-small.jpg"
|
||||||
<img
|
alt="Grundriss Dachboden"
|
||||||
src="bilder/grundrisse/Dachboden unten 2-small.jpg"
|
data-img="bilder/grundrisse/Dachboden unten 2.png"
|
||||||
alt="Grundriss Dachboden"
|
/>
|
||||||
loading="lazy"
|
<img
|
||||||
data-img="bilder/grundrisse/Dachboden unten 2.webp"
|
src="bilder/grundrisse/Dachboden unten-small.jpg"
|
||||||
/>
|
alt="Grundriss Dachboden"
|
||||||
</picture>
|
data-img="bilder/grundrisse/Dachboden unten.png"
|
||||||
<picture>
|
/>
|
||||||
<source srcset="bilder/grundrisse/Dachboden unten-small.webp" type="image/webp">
|
|
||||||
<img
|
|
||||||
src="bilder/grundrisse/Dachboden unten-small.jpg"
|
|
||||||
alt="Grundriss Dachboden"
|
|
||||||
loading="lazy"
|
|
||||||
data-img="bilder/grundrisse/Dachboden unten.webp"
|
|
||||||
/>
|
|
||||||
</picture>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,86 +1,56 @@
|
|||||||
document.addEventListener("DOMContentLoaded", function () {
|
$(function () {
|
||||||
// Navbar scroll
|
// Navbar scroll
|
||||||
var navbar = document.getElementById("navbar");
|
$(window).on("scroll", function () {
|
||||||
window.addEventListener("scroll", function () {
|
if ($(this).scrollTop() > 60) $("#navbar").addClass("scrolled");
|
||||||
if (window.scrollY > 60) navbar.classList.add("scrolled");
|
else $("#navbar").removeClass("scrolled");
|
||||||
else navbar.classList.remove("scrolled");
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Hero animation on load
|
// Hero animation on load
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
document.getElementById("heroContent").classList.add("visible");
|
$("#heroContent").addClass("visible");
|
||||||
document.getElementById("heroBg").classList.add("loaded");
|
$("#heroBg").addClass("loaded");
|
||||||
}, 200);
|
}, 200);
|
||||||
|
|
||||||
// Scroll animations via IntersectionObserver
|
// Scroll animations
|
||||||
var animElements = document.querySelectorAll(".fact, [data-animate]");
|
function checkVisible() {
|
||||||
animElements.forEach(function (el) {
|
$(".fact, [data-animate]").each(function () {
|
||||||
el.style.opacity = "0";
|
var el = $(this);
|
||||||
el.style.transform = "translateY(30px)";
|
var top = el.offset().top;
|
||||||
el.style.transition = "opacity 0.8s ease, transform 0.8s ease";
|
var windowBottom = $(window).scrollTop() + $(window).height();
|
||||||
});
|
if (windowBottom > top + 60) {
|
||||||
|
el.addClass("visible");
|
||||||
if ("IntersectionObserver" in window) {
|
el.css({ opacity: 1, transform: "translateY(0)" });
|
||||||
var observer = new IntersectionObserver(
|
|
||||||
function (entries) {
|
|
||||||
entries.forEach(function (entry) {
|
|
||||||
if (entry.isIntersecting) {
|
|
||||||
entry.target.classList.add("visible");
|
|
||||||
entry.target.style.opacity = "1";
|
|
||||||
entry.target.style.transform = "translateY(0)";
|
|
||||||
observer.unobserve(entry.target);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
{ rootMargin: "0px 0px -60px 0px" }
|
|
||||||
);
|
|
||||||
animElements.forEach(function (el) {
|
|
||||||
observer.observe(el);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
// Fallback: show all immediately
|
|
||||||
animElements.forEach(function (el) {
|
|
||||||
el.classList.add("visible");
|
|
||||||
el.style.opacity = "1";
|
|
||||||
el.style.transform = "translateY(0)";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Floor accordion
|
|
||||||
// Floor accordion (vanilla JS + a11y)
|
|
||||||
document.querySelectorAll(".floor-header").forEach(function (header) {
|
|
||||||
header.addEventListener("click", function () {
|
|
||||||
var item = this.closest(".floor-item");
|
|
||||||
var isOpen = item.classList.contains("open");
|
|
||||||
var allItems = document.querySelectorAll(".floor-item");
|
|
||||||
|
|
||||||
// Close all
|
|
||||||
allItems.forEach(function (fi) {
|
|
||||||
fi.classList.remove("open");
|
|
||||||
var hdr = fi.querySelector(".floor-header");
|
|
||||||
if (hdr) hdr.setAttribute("aria-expanded", "false");
|
|
||||||
var body = fi.querySelector(".floor-body");
|
|
||||||
if (body) body.style.display = "none";
|
|
||||||
});
|
|
||||||
|
|
||||||
// Open clicked if it was closed
|
|
||||||
if (!isOpen) {
|
|
||||||
item.classList.add("open");
|
|
||||||
this.setAttribute("aria-expanded", "true");
|
|
||||||
var body = item.querySelector(".floor-body");
|
|
||||||
if (body) body.style.display = "block";
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
$("[data-animate]").css({
|
||||||
|
opacity: 0,
|
||||||
|
transform: "translateY(30px)",
|
||||||
|
transition: "opacity 0.8s ease, transform 0.8s ease",
|
||||||
|
});
|
||||||
|
$(window).on("scroll", checkVisible);
|
||||||
|
checkVisible();
|
||||||
|
|
||||||
|
// Floor accordion
|
||||||
|
$(".floor-header").on("click", function () {
|
||||||
|
var item = $(this).closest(".floor-item");
|
||||||
|
var isOpen = item.hasClass("open");
|
||||||
|
$(".floor-item").removeClass("open");
|
||||||
|
$(".floor-header").attr("aria-expanded", "false");
|
||||||
|
$(".floor-body").slideUp(300);
|
||||||
|
if (!isOpen) {
|
||||||
|
item.addClass("open");
|
||||||
|
$(this).attr("aria-expanded", "true");
|
||||||
|
item.find(".floor-body").slideDown(300);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Accordion keyboard handler (Enter/Space)
|
// Accordion keyboard handler (Enter/Space)
|
||||||
document.querySelectorAll(".floor-header").forEach(function (header) {
|
$(".floor-header").on("keydown", function (e) {
|
||||||
header.addEventListener("keydown", function (e) {
|
if (e.key === "Enter" || e.key === " ") {
|
||||||
if (e.key === "Enter" || e.key === " ") {
|
e.preventDefault();
|
||||||
e.preventDefault();
|
$(this).trigger("click");
|
||||||
this.click();
|
}
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Lightbox – track last focused element for focus return
|
// Lightbox – track last focused element for focus return
|
||||||
@@ -88,75 +58,59 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
|
|
||||||
function openLightbox(src) {
|
function openLightbox(src) {
|
||||||
lightboxTrigger = document.activeElement;
|
lightboxTrigger = document.activeElement;
|
||||||
var img = document.getElementById("lightboxImg");
|
$("#lightboxImg").attr("src", src).attr("alt", "");
|
||||||
// WebP fallback: if .webp fails, try original format
|
$("#lightbox").addClass("open");
|
||||||
img.onerror = function () {
|
$("body").css("overflow", "hidden");
|
||||||
if (img.getAttribute('src').endsWith('.webp')) {
|
|
||||||
img.setAttribute('src', src.replace(/\.webp$/, '.png'));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
img.setAttribute("src", src);
|
|
||||||
img.setAttribute("alt", "");
|
|
||||||
document.getElementById("lightbox").classList.add("open");
|
|
||||||
document.body.style.overflow = "hidden";
|
|
||||||
// Set focus to close button
|
// Set focus to close button
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
document.getElementById("lightboxClose").focus();
|
$("#lightboxClose").focus();
|
||||||
}, 50);
|
}, 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
function closeLightbox() {
|
function closeLightbox() {
|
||||||
document.getElementById("lightbox").classList.remove("open");
|
$("#lightbox").removeClass("open");
|
||||||
document.body.style.overflow = "";
|
$("body").css("overflow", "");
|
||||||
// Return focus to trigger
|
// Return focus to trigger
|
||||||
if (lightboxTrigger) {
|
if (lightboxTrigger) {
|
||||||
lightboxTrigger.focus();
|
$(lightboxTrigger).focus();
|
||||||
lightboxTrigger = null;
|
lightboxTrigger = null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Lightbox – gallery grid items
|
// Lightbox – gallery grid items
|
||||||
document.querySelectorAll(".grid-item").forEach(function (item) {
|
$(document).on("click", ".grid-item", function () {
|
||||||
item.addEventListener("click", function () {
|
var src = $(this).data("img") || $(this).find("img").attr("src");
|
||||||
var src = this.dataset.img || this.querySelector("img").getAttribute("src");
|
openLightbox(src);
|
||||||
openLightbox(src);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Gallery keyboard handler (Enter/Space)
|
|
||||||
document.querySelectorAll(".grid-item").forEach(function (item) {
|
|
||||||
item.setAttribute("tabindex", "0");
|
|
||||||
item.addEventListener("keydown", function (e) {
|
|
||||||
if (e.key === "Enter" || e.key === " ") {
|
|
||||||
e.preventDefault();
|
|
||||||
this.click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Lightbox – floor plan images in Raumaufteilung
|
// Lightbox – floor plan images in Raumaufteilung
|
||||||
document.querySelectorAll(".floor-plan img[data-img]").forEach(function (img) {
|
$(document).on("click", ".floor-plan img[data-img]", function () {
|
||||||
img.addEventListener("click", function () {
|
var src = $(this).data("img");
|
||||||
openLightbox(this.dataset.img);
|
openLightbox(src);
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Lightbox close handlers
|
||||||
|
$("#lightboxClose").on("click", function () {
|
||||||
document.getElementById("lightboxClose").addEventListener("click", closeLightbox);
|
closeLightbox();
|
||||||
document.getElementById("lightbox").addEventListener("click", function (e) {
|
|
||||||
if (e.target === this) closeLightbox();
|
|
||||||
});
|
});
|
||||||
document.addEventListener("keydown", function (e) {
|
$("#lightbox").on("click", function (e) {
|
||||||
if (e.key === "Escape") closeLightbox();
|
if (e.target === this) {
|
||||||
|
closeLightbox();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Escape key to close lightbox
|
||||||
|
$(document).on("keydown", function (e) {
|
||||||
|
if (e.key === "Escape" && $("#lightbox").hasClass("open")) {
|
||||||
|
closeLightbox();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Focus trap for lightbox
|
// Focus trap for lightbox
|
||||||
document.getElementById("lightbox").addEventListener("keydown", function (e) {
|
$("#lightbox").on("keydown", function (e) {
|
||||||
if (e.key !== "Tab") return;
|
if (e.key !== "Tab") return;
|
||||||
|
|
||||||
var focusable = this.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])");
|
var focusable = $(this).find("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])").filter(":visible");
|
||||||
focusable = Array.from(focusable).filter(function (el) { return el.offsetParent !== null; });
|
|
||||||
if (focusable.length === 0) return;
|
if (focusable.length === 0) return;
|
||||||
|
|
||||||
var first = focusable[0];
|
var first = focusable[0];
|
||||||
@@ -175,42 +129,15 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Form submit is handled server-side by PHP – no JS intervention needed.
|
// Gallery keyboard handler (Enter/Space)
|
||||||
// Form submit – opens email client with pre-filled mailto: link
|
$(document).on("keydown", ".grid-item", function (e) {
|
||||||
document.getElementById("contactForm").addEventListener("submit", function (e) {
|
if (e.key === "Enter" || e.key === " ") {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
$(this).trigger("click");
|
||||||
var fname = document.getElementById("fname").value.trim();
|
}
|
||||||
var lname = document.getElementById("lname").value.trim();
|
|
||||||
var email = document.getElementById("email").value.trim();
|
|
||||||
var phone = document.getElementById("phone").value.trim();
|
|
||||||
var interest = document.getElementById("interest").value;
|
|
||||||
var message = document.getElementById("message").value.trim();
|
|
||||||
|
|
||||||
var subject = "Kontaktanfrage: " + interest;
|
|
||||||
var body = "Von: " + fname + " " + lname + "\n";
|
|
||||||
body += "E-Mail: " + email + "\n";
|
|
||||||
if (phone) body += "Telefon: " + phone + "\n";
|
|
||||||
body += "Anliegen: " + interest + "\n\n";
|
|
||||||
body += message;
|
|
||||||
|
|
||||||
var mailto =
|
|
||||||
"mailto:mki@kies-media.de" +
|
|
||||||
"?subject=" + encodeURIComponent(subject) +
|
|
||||||
"&body=" + encodeURIComponent(body);
|
|
||||||
|
|
||||||
window.location.href = mailto;
|
|
||||||
|
|
||||||
// Show success message
|
|
||||||
this.style.display = "none";
|
|
||||||
var success = document.getElementById("formSuccess");
|
|
||||||
success.style.display = "block";
|
|
||||||
success.style.opacity = "0";
|
|
||||||
success.style.transition = "opacity 0.4s ease";
|
|
||||||
requestAnimationFrame(function () {
|
|
||||||
success.style.opacity = "1";
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Form submit is handled server-side by PHP – no JS intervention needed.
|
||||||
});
|
});
|
||||||
|
|
||||||
// Mobile hamburger menu (vanilla JS)
|
// Mobile hamburger menu (vanilla JS)
|
||||||
|
|||||||
9
js/masonry.pkgd.min.js
vendored
Normal file
9
js/masonry.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
15
nginx.conf
15
nginx.conf
@@ -5,20 +5,7 @@ server {
|
|||||||
root /usr/share/nginx/html;
|
root /usr/share/nginx/html;
|
||||||
index haus-schleusingen.html;
|
index haus-schleusingen.html;
|
||||||
|
|
||||||
# Gzip aktivieren
|
|
||||||
gzip on;
|
|
||||||
gzip_types text/css application/javascript image/svg+xml application/json text/xml;
|
|
||||||
gzip_min_length 256;
|
|
||||||
gzip_vary on;
|
|
||||||
|
|
||||||
location / {
|
location / {
|
||||||
try_files $uri $uri/ /haus-schleusingen.html;
|
try_files $uri $uri/ /haus-schleusingen.html;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
# Lange Cache-Dauer für Bilder und statische Assets
|
|
||||||
location ~* \.(jpg|jpeg|png|webp|gif|ico|svg|css|js|woff2?)$ {
|
|
||||||
expires 30d;
|
|
||||||
add_header Cache-Control "public, immutable";
|
|
||||||
access_log off;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user