feat: launch desfoto.de as a standalone photography site and retire the old redirect

2026-09-19 16:02:16 +02:00
commit 160ec017eb
218 changed files with 7518 additions and 0 deletions
--- a/site/assets/site.js
+++ b/site/assets/site.js
@@ -0,0 +1,88 @@
+/* desfoto.de - progressive enhancement only. */
+(function () {
+  'use strict';
+
+  /* Mobile navigation */
+  var toggle = document.querySelector('[data-nav-toggle]');
+  var nav = document.getElementById('site-nav');
+  if (toggle && nav) {
+    toggle.addEventListener('click', function () {
+      var open = nav.classList.toggle('is-open');
+      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
+    });
+    nav.addEventListener('click', function (event) {
+      if (event.target.closest('a') && window.innerWidth < 832) {
+        nav.classList.remove('is-open');
+        toggle.setAttribute('aria-expanded', 'false');
+      }
+    });
+  }
+
+  /* Click-to-load YouTube (youtube-nocookie) */
+  document.querySelectorAll('[data-video-id]').forEach(function (facade) {
+    facade.addEventListener('click', function () {
+      var id = facade.getAttribute('data-video-id');
+      var iframe = document.createElement('iframe');
+      iframe.setAttribute('src', 'https://www.youtube-nocookie.com/embed/' + encodeURIComponent(id) +
+        '?autoplay=1&rel=0&modestbranding=1&playsinline=1');
+      iframe.setAttribute('title', facade.getAttribute('aria-label') || 'Video');
+      iframe.setAttribute('loading', 'eager');
+      iframe.setAttribute('allow', 'accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
+      iframe.setAttribute('allowfullscreen', '');
+      iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
+      var shell = facade.parentElement;
+      shell.replaceChild(iframe, facade);
+      iframe.focus();
+    });
+  });
+
+  /* Contact form -> local mail draft, nothing is transmitted by this page */
+  var form = document.querySelector('[data-contact-form]');
+  if (form) {
+    var status = form.querySelector('[data-contact-status]');
+    form.addEventListener('submit', function (event) {
+      event.preventDefault();
+      var data = new FormData(form);
+      var name = (data.get('name') || '').toString().trim();
+      var email = (data.get('email') || '').toString().trim();
+      var topic = (data.get('topic') || '').toString().trim();
+      var date = (data.get('date') || '').toString().trim();
+      var message = (data.get('message') || '').toString().trim();
+      if (!name || !email || !message) {
+        if (status) {
+          status.hidden = false;
+          status.textContent = 'Bitte Name, E-Mail und Nachricht ausfüllen.';
+          status.style.color = '#95330F';
+        }
+        return;
+      }
+      var subject = 'Anfrage über desfoto.de: ' + topic;
+      var body = 'Name: ' + name + '\nE-Mail: ' + email + '\nBereich: ' + topic +
+        (date ? '\nWunschtermin: ' + date : '') + '\n\n' + message + '\n';
+      window.location.href = 'mailto:info@dennyschulz.de?subject=' +
+        encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);
+      if (status) {
+        status.hidden = false;
+        status.textContent = 'Dein Mailprogramm sollte sich mit dem fertigen Entwurf öffnen.';
+        status.style.color = '';
+      }
+    });
+  }
+
+  /* Soft reveal on scroll, disabled for reduced motion */
+  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  var items = document.querySelectorAll('.reveal');
+  if (reduce || !('IntersectionObserver' in window)) {
+    items.forEach(function (item) { item.classList.add('is-in'); });
+  } else {
+    var observer = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry) {
+        if (entry.isIntersecting) {
+          entry.target.classList.add('is-in');
+          observer.unobserve(entry.target);
+        }
+      });
+    }, { rootMargin: '0px 0px -10% 0px', threshold: 0.05 });
+    items.forEach(function (item) { observer.observe(item); });
+  }
+}());