Compare commits
1 Commits
73635a5f03
...
feature/is
| Author | SHA1 | Date | |
|---|---|---|---|
|
1fcdca95b7 |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 153 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 145 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 159 KiB |
|
Before Width: | Height: | Size: 16 KiB |
BIN
bilder/Bad.webp
|
Before Width: | Height: | Size: 290 KiB |
|
Before Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 174 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 371 KiB |
|
Before Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 8.0 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 48 KiB |
@@ -13,7 +13,6 @@ module.exports = [
|
||||
sourceType: "script",
|
||||
globals: {
|
||||
...globals.browser,
|
||||
...globals.jquery,
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
|
||||
143
index.php
@@ -182,7 +182,6 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</script>
|
||||
|
||||
<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" />
|
||||
</head>
|
||||
<body>
|
||||
@@ -210,7 +209,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
<div
|
||||
class="hero-bg"
|
||||
id="heroBg"
|
||||
style="background-image: url(bilder/Außenansicht-2.webp)"
|
||||
style="background-image: url(bilder/Außenansicht-2.png)"
|
||||
></div>
|
||||
<div class="hero-overlay"></div>
|
||||
<div class="hero-content" id="heroContent">
|
||||
@@ -283,10 +282,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</div>
|
||||
</div>
|
||||
<div class="intro-img" data-animate>
|
||||
<picture>
|
||||
<source srcset="bilder/wohnzimmer2.webp" type="image/webp">
|
||||
<img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" loading="lazy" />
|
||||
</picture>
|
||||
<img src="bilder/wohnzimmer2.png" alt="Wohnzimmer" />
|
||||
<div class="intro-img-badge">Wohnzimmer · 42,6 m²</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -301,88 +297,55 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
<div class="masonry-grid">
|
||||
<div class="grid-sizer"></div>
|
||||
|
||||
<div class="grid-item" data-img="bilder/Außenansicht-2.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Außenansicht-2-small.webp" type="image/webp">
|
||||
<img src="bilder/Außenansicht-2-small.png" alt="Außenansicht" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Außenansicht-2.png">
|
||||
<img src="bilder/Außenansicht-2-small.png" alt="Außenansicht" />
|
||||
<span class="grid-item-label">Außenansicht</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/wohnzimmer2.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/wohnzimmer2-small.webp" type="image/webp">
|
||||
<img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/wohnzimmer2.png">
|
||||
<img src="bilder/wohnzimmer2-small.png" alt="Wohnzimmer" />
|
||||
<span class="grid-item-label">Wohnzimmer · 42,6 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Küche 1.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Küche 1-small.webp" type="image/webp">
|
||||
<img src="bilder/Küche 1.jpg" alt="Küche" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Küche 1.jpg">
|
||||
<img src="bilder/Küche 1.jpg" alt="Küche" />
|
||||
<span class="grid-item-label">Küche · 18,4 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/schlafzimmer.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/schlafzimmer-small.webp" type="image/webp">
|
||||
<img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/schlafzimmer.png">
|
||||
<img src="bilder/schlafzimmer-small.png" alt="Schlafzimmer" />
|
||||
<span class="grid-item-label">Schlafzimmer · 18 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Bad.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Bad-small.webp" type="image/webp">
|
||||
<img src="bilder/Bad.jpg" alt="Badezimmer" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Bad.jpg">
|
||||
<img src="bilder/Bad.jpg" alt="Badezimmer" />
|
||||
<span class="grid-item-label">Badezimmer · 9,8 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Kinderzimmer-small.webp" type="image/webp">
|
||||
<img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer.png">
|
||||
<img src="bilder/Kinderzimmer-small.png" alt="Kinderzimmer 1" />
|
||||
<span class="grid-item-label">Kinderzimmer 1 · 21,7 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer 2.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Kinderzimmer 2-small.webp" type="image/webp">
|
||||
<img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer 2.jpg">
|
||||
<img src="bilder/Kinderzimmer 2-small.png" alt="Kinderzimmer 2" />
|
||||
<span class="grid-item-label">Kinderzimmer 2 · 15,7 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/kinderzimmer 2 2.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/kinderzimmer 2 2-small.webp" type="image/webp">
|
||||
<img src="bilder/kinderzimmer 2 2-small.png" alt="Kinderzimmer Detail" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/kinderzimmer 2 2.jpeg">
|
||||
<img src="bilder/kinderzimmer 2 2-small.png" alt="Kinderzimmer Detail" />
|
||||
<span class="grid-item-label">Kinderzimmer Detail</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer 3.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Kinderzimmer 3-small.webp" type="image/webp">
|
||||
<img src="bilder/Kinderzimmer 3-small.png" alt="Kinderzimmer 3" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Kinderzimmer 3.jpg">
|
||||
<img src="bilder/Kinderzimmer 3-small.png" alt="Kinderzimmer 3" />
|
||||
<span class="grid-item-label">Gästezimmer · 11,5 m²</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Bad-2.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Bad-2-small.webp" type="image/webp">
|
||||
<img src="bilder/Bad-2-small.jpg" alt="Wohnbereich Detail 1" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/Bad-2.jpg">
|
||||
<img src="bilder/Bad-2-small.jpg" alt="Wohnbereich Detail 1" />
|
||||
<span class="grid-item-label">Wohnbereich</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Bad-3.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Bad-3-small.webp" type="image/webp">
|
||||
<img src="bilder/Bad-3-small.jpg" alt="Wohnbereich Detail 2" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/bad3.jpg">
|
||||
<img src="bilder/Bad-3-small.jpg" alt="Wohnbereich Detail 2" />
|
||||
<span class="grid-item-label">Wohnbereich Detail</span>
|
||||
</div>
|
||||
<div class="grid-item" data-img="bilder/Bad-4.webp">
|
||||
<picture>
|
||||
<source srcset="bilder/Bad-4-small.webp" type="image/webp">
|
||||
<img src="bilder/Bad-4-small.jpg" alt="Wohnbereich Detail 3" loading="lazy" />
|
||||
</picture>
|
||||
<div class="grid-item" data-img="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg">
|
||||
<img
|
||||
src="bilder/WhatsApp Image 2026-03-30 at 07.50.42 (2).jpeg"
|
||||
alt="Wohnbereich Detail 3"
|
||||
/>
|
||||
<span class="grid-item-label">Hausansicht</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -428,24 +391,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</div>
|
||||
</div>
|
||||
<div class="floor-plan floor-plan-multi">
|
||||
<picture>
|
||||
<source srcset="bilder/grundrisse/EG-small.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/grundrisse/EG-small.jpg"
|
||||
alt="Grundriss Erdgeschoss"
|
||||
loading="lazy"
|
||||
data-img="bilder/grundrisse/EG.webp"
|
||||
data-img="bilder/grundrisse/EG.png"
|
||||
/>
|
||||
</picture>
|
||||
<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"
|
||||
data-img="bilder/grundrisse/EG 3D.png"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -485,24 +440,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</div>
|
||||
</div>
|
||||
<div class="floor-plan floor-plan-multi">
|
||||
<picture>
|
||||
<source srcset="bilder/grundrisse/OG 1 2-small.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/grundrisse/OG 1 2-small.jpg"
|
||||
alt="Grundriss 1. Obergeschoss"
|
||||
loading="lazy"
|
||||
data-img="bilder/grundrisse/OG 1 2.webp"
|
||||
data-img="bilder/grundrisse/OG 1 2.png"
|
||||
/>
|
||||
</picture>
|
||||
<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"
|
||||
data-img="bilder/grundrisse/OG 1 3D.png"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -542,24 +489,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</div>
|
||||
</div>
|
||||
<div class="floor-plan floor-plan-multi">
|
||||
<picture>
|
||||
<source srcset="bilder/grundrisse/OG 2 grundriss-small.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/grundrisse/OG 2 grundriss-small.jpg"
|
||||
alt="Grundriss 2. Obergeschoss (1)"
|
||||
loading="lazy"
|
||||
data-img="bilder/grundrisse/OG 2 grundriss.webp"
|
||||
data-img="bilder/grundrisse/OG 2 grundriss.png"
|
||||
/>
|
||||
</picture>
|
||||
<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"
|
||||
data-img="bilder/grundrisse/OG 2 3D.png"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -587,24 +526,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
</div>
|
||||
</div>
|
||||
<div class="floor-plan floor-plan-multi">
|
||||
<picture>
|
||||
<source srcset="bilder/grundrisse/Dachboden unten 2-small.webp" type="image/webp">
|
||||
<img
|
||||
src="bilder/grundrisse/Dachboden unten 2-small.jpg"
|
||||
alt="Grundriss Dachboden"
|
||||
loading="lazy"
|
||||
data-img="bilder/grundrisse/Dachboden unten 2.webp"
|
||||
data-img="bilder/grundrisse/Dachboden unten 2.png"
|
||||
/>
|
||||
</picture>
|
||||
<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"
|
||||
data-img="bilder/grundrisse/Dachboden unten.png"
|
||||
/>
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,88 +1,144 @@
|
||||
$(function () {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
// Navbar scroll
|
||||
$(window).on("scroll", function () {
|
||||
if ($(this).scrollTop() > 60) $("#navbar").addClass("scrolled");
|
||||
else $("#navbar").removeClass("scrolled");
|
||||
var navbar = document.getElementById("navbar");
|
||||
window.addEventListener("scroll", function () {
|
||||
if (window.scrollY > 60) navbar.classList.add("scrolled");
|
||||
else navbar.classList.remove("scrolled");
|
||||
});
|
||||
|
||||
// Hero animation on load
|
||||
setTimeout(function () {
|
||||
$("#heroContent").addClass("visible");
|
||||
$("#heroBg").addClass("loaded");
|
||||
document.getElementById("heroContent").classList.add("visible");
|
||||
document.getElementById("heroBg").classList.add("loaded");
|
||||
}, 200);
|
||||
|
||||
// Scroll animations
|
||||
function checkVisible() {
|
||||
$(".fact, [data-animate]").each(function () {
|
||||
var el = $(this);
|
||||
var top = el.offset().top;
|
||||
var windowBottom = $(window).scrollTop() + $(window).height();
|
||||
if (windowBottom > top + 60) {
|
||||
el.addClass("visible");
|
||||
el.css({ opacity: 1, transform: "translateY(0)" });
|
||||
// Scroll animations via IntersectionObserver
|
||||
var animElements = document.querySelectorAll(".fact, [data-animate]");
|
||||
animElements.forEach(function (el) {
|
||||
el.style.opacity = "0";
|
||||
el.style.transform = "translateY(30px)";
|
||||
el.style.transition = "opacity 0.8s ease, transform 0.8s ease";
|
||||
});
|
||||
|
||||
if ("IntersectionObserver" in window) {
|
||||
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);
|
||||
}
|
||||
});
|
||||
}
|
||||
$("[data-animate]").css({
|
||||
opacity: 0,
|
||||
transform: "translateY(30px)",
|
||||
transition: "opacity 0.8s ease, transform 0.8s ease",
|
||||
},
|
||||
{ rootMargin: "0px 0px -60px 0px" }
|
||||
);
|
||||
animElements.forEach(function (el) {
|
||||
observer.observe(el);
|
||||
});
|
||||
$(window).on("scroll", checkVisible);
|
||||
checkVisible();
|
||||
} 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-header").on("click", function () {
|
||||
var item = $(this).closest(".floor-item");
|
||||
var isOpen = item.hasClass("open");
|
||||
$(".floor-item").removeClass("open");
|
||||
$(".floor-body").slideUp(300);
|
||||
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 body = fi.querySelector(".floor-body");
|
||||
if (body) body.style.display = "none";
|
||||
});
|
||||
|
||||
// Open clicked if it was closed
|
||||
if (!isOpen) {
|
||||
item.addClass("open");
|
||||
item.find(".floor-body").slideDown(300);
|
||||
item.classList.add("open");
|
||||
var body = item.querySelector(".floor-body");
|
||||
if (body) body.style.display = "block";
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Lightbox – gallery grid items
|
||||
$(document).on("click", ".grid-item", function () {
|
||||
var src = $(this).data("img") || $(this).find("img").attr("src");
|
||||
$("#lightboxImg").off("error").on("error", function () {
|
||||
// WebP fallback: try original format
|
||||
if ($(this).attr('src').endsWith('.webp')) {
|
||||
$(this).attr('src', src.replace(/\.webp$/, '.png'));
|
||||
}
|
||||
document.querySelectorAll(".grid-item").forEach(function (item) {
|
||||
item.addEventListener("click", function () {
|
||||
var src = this.dataset.img || this.querySelector("img").getAttribute("src");
|
||||
openLightbox(src);
|
||||
});
|
||||
$("#lightboxImg").attr("src", src);
|
||||
$("#lightbox").addClass("open");
|
||||
$("body").css("overflow", "hidden");
|
||||
});
|
||||
|
||||
// Lightbox – floor plan images in Raumaufteilung
|
||||
$(document).on("click", ".floor-plan img[data-img]", function () {
|
||||
var src = $(this).data("img");
|
||||
$("#lightboxImg").off("error").on("error", function () {
|
||||
if ($(this).attr('src').endsWith('.webp')) {
|
||||
$(this).attr('src', src.replace(/\.webp$/, '.png'));
|
||||
}
|
||||
document.querySelectorAll(".floor-plan img[data-img]").forEach(function (img) {
|
||||
img.addEventListener("click", function () {
|
||||
openLightbox(this.dataset.img);
|
||||
});
|
||||
$("#lightboxImg").attr("src", src);
|
||||
$("#lightbox").addClass("open");
|
||||
$("body").css("overflow", "hidden");
|
||||
});
|
||||
$("#lightboxClose, #lightbox").on("click", function (e) {
|
||||
if (e.target === this) {
|
||||
$("#lightbox").removeClass("open");
|
||||
$("body").css("overflow", "");
|
||||
|
||||
function openLightbox(src) {
|
||||
document.getElementById("lightboxImg").setAttribute("src", src);
|
||||
document.getElementById("lightbox").classList.add("open");
|
||||
document.body.style.overflow = "hidden";
|
||||
}
|
||||
|
||||
function closeLightbox() {
|
||||
document.getElementById("lightbox").classList.remove("open");
|
||||
document.body.style.overflow = "";
|
||||
}
|
||||
|
||||
document.getElementById("lightboxClose").addEventListener("click", closeLightbox);
|
||||
document.getElementById("lightbox").addEventListener("click", function (e) {
|
||||
if (e.target === this) closeLightbox();
|
||||
});
|
||||
$(document).on("keydown", function (e) {
|
||||
if (e.key === "Escape") {
|
||||
$("#lightbox").removeClass("open");
|
||||
$("body").css("overflow", "");
|
||||
}
|
||||
document.addEventListener("keydown", function (e) {
|
||||
if (e.key === "Escape") closeLightbox();
|
||||
});
|
||||
|
||||
// Form submit is handled server-side by PHP – no JS intervention needed.
|
||||
// Form submit – opens email client with pre-filled mailto: link
|
||||
document.getElementById("contactForm").addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
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";
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Mobile hamburger menu (vanilla JS)
|
||||
|
||||
13
nginx.conf
@@ -5,20 +5,7 @@ server {
|
||||
root /usr/share/nginx/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 / {
|
||||
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;
|
||||
}
|
||||
}
|
||||