Initial commit: Backup der Webseiten

- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-13 01:17:15 +01:00
commit 07c290a453
4607 changed files with 1202735 additions and 0 deletions
--- a/blitzkiste.net/index.html
+++ b/blitzkiste.net/index.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Blitzkiste außer Betrieb</title>
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      background: #111;
+      color: #fff;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      height: 100vh;
+      text-align: center;
+    }
+
+    .message {
+      max-width: 800px;
+      padding: 2rem;
+    }
+
+    h1 {
+      font-size: 3rem;
+      margin-bottom: 1rem;
+    }
+
+    p {
+      font-size: 1.5rem;
+      opacity: 0.85;
+    }
+
+    .emoji {
+      font-size: 2rem;
+      margin-top: 1rem;
+      display: block;
+    }
+
+    footer {
+      position: absolute;
+      bottom: 1rem;
+      font-size: 0.9rem;
+    }
+
+    footer a {
+      color: #aaa;
+      text-decoration: none;
+      margin: 0 0.5rem;
+    }
+
+    footer a:hover {
+      text-decoration: underline;
+    }
+
+    /* Modal Styles */
+    .modal {
+      display: none;
+      position: fixed;
+      z-index: 10;
+      left: 0;
+      top: 0;
+      width: 100vw;
+      height: 100vh;
+      background-color: rgba(0, 0, 0, 0.8);
+      justify-content: center;
+      align-items: center;
+    }
+
+    .modal-content {
+      width: 90%;
+      max-width: 800px;
+      height: 80%;
+      background-color: #fff;
+      position: relative;
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    .modal-content iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+
+    .close-btn {
+      position: absolute;
+      top: 0.5rem;
+      right: 1rem;
+      font-size: 1.5rem;
+      color: #000;
+      cursor: pointer;
+    }
+
+    @media (max-width: 600px) {
+      h1 {
+        font-size: 2rem;
+      }
+
+      p {
+        font-size: 1.2rem;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="message">
+    <h1>📸 Die Blitzkiste hat ausgeblitzt!</h1>
+    <p>
+      Nach vielen Jahren voller Grimassen, Partyhüten und peinlicher Posen hat sich die Fotobox in den Ruhestand verabschiedet.
+    </p>
+    <span class="emoji">🥂📦🛋️</span>
+    <p>Danke an alle, die reingelacht haben!</p>
+  </div>
+
+  <footer>
+    <a href="#" onclick="openModal('impressum.html')">Impressum</a> |
+    <a href="#" onclick="openModal('datenschutz.html')">Datenschutz</a>
+  </footer>
+
+  <!-- Modal Structure -->
+  <div class="modal" id="modal">
+    <div class="modal-content">
+      <span class="close-btn" onclick="closeModal()">✖</span>
+      <iframe id="modal-frame" src=""></iframe>
+    </div>
+  </div>
+
+  <script>
+    function openModal(src) {
+      document.getElementById('modal-frame').src = src;
+      document.getElementById('modal').style.display = 'flex';
+    }
+
+    function closeModal() {
+      document.getElementById('modal').style.display = 'none';
+      document.getElementById('modal-frame').src = '';
+    }
+  </script>
+</body>
+</html>