From 51b50c9583b0e922a72f0aff7a6e3b2b842745e4 Mon Sep 17 00:00:00 2001
From: matt <matt@creative-crafter.de>
Date: Sat, 1 Feb 2025 14:45:26 +0100
Subject: [PATCH] neu

---
 programmieren/spiele/Flappy-Witch/index.html | 79 +++++---------------
 1 file changed, 20 insertions(+), 59 deletions(-)

diff --git a/programmieren/spiele/Flappy-Witch/index.html b/programmieren/spiele/Flappy-Witch/index.html
index 6004548..4cca962 100644
--- a/programmieren/spiele/Flappy-Witch/index.html
+++ b/programmieren/spiele/Flappy-Witch/index.html
@@ -7,64 +7,15 @@
     <script type="module" src="https://cdn.jsdelivr.net/npm/ldrs/dist/auto/quantum.js"></script>
     <link href="" rel="stylesheet">
     <style>
-        @font-face {
-            font-family: "Titillium";
-            src: url("/Titillium-Web-Regular.ttf");
-        }
-        body, html {
-            font-family: 'Titillium';
-            height: 100%;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            text-align: center;
-            background-color: #e6f7ff; /* Leichtes Blau */
-        }
-        h1 {
-            text-align: center;
-        }
-        h2 {
-            text-align: center;
-        }
-        .loader-container {
-            display: none;
-            justify-content: center;
-            align-items: center;
-            height: 100%;
-            width: 100%;
-            position: fixed;
-            top: 0;
-            left: 0;
-            background-color: rgba(173, 216, 230, 0.8); /* Halbtransparenter bläulicher Hintergrund */
-            z-index: 9999; /* Sicherstellen, dass die Ladeanimation immer im Vordergrund ist */
-        }
-        .loading .loader-container {
-            display: flex;
-        }
-        .button {
-            padding: 16px 32px;
-            border-radius: 8px;
-            background: linear-gradient(to bottom, #007bff, #0056b3);
-            box-shadow: 0 2px 4px rgba(0,0,0,0.7);
-            transition: all 0.2s;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            margin-top: 20px;
-        }
-        .button:hover {
-            box-shadow: 0 4px 8px rgba(0,0,0,0.6);
-        }
-        .button:active {
-            box-shadow: 0 0px 1px rgba(0,0,0,0.8);
-            transform: scale(0.995);
-        }
-        .button-text {
-            font-weight: 600;
-            color: white;
-            font-size: 1.5em;
-        }
+        @font-face { font-family: "Titillium"; src: url("/Titillium-Web-Regular.ttf"); }
+        body, html { font-family: 'Titillium'; height: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #e6f7ff; }
+        h1, h2 { text-align: center; }
+        .loader-container { display: none; justify-content: center; align-items: center; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: rgba(173, 216, 230, 0.8); z-index: 9999; }
+        .loading .loader-container { display: flex; }
+        .button { padding: 16px 32px; border-radius: 8px; background: linear-gradient(to bottom, #007bff, #0056b3); box-shadow: 0 2px 4px rgba(0,0,0,0.7); transition: all 0.2s; display: flex; align-items: center; gap: 8px; margin-top: 20px; }
+        .button:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.6); }
+        .button:active { box-shadow: 0 0px 1px rgba(0,0,0,0.8); transform: scale(0.995); }
+        .button-text { font-weight: 600; color: white; font-size: 1.5em; }
         .tooltip-container {
             position: relative;
             display: inline-block;
@@ -239,4 +190,14 @@
         .social-icon:hover svg {
             transform: scale(1.2);
             fill: white;
-       [_{{{CITATION{{{_1{](https://github.com/hd-code/pandoc-docker/tree/07f83c6deeafbff1710c5f7992a97955c298ad61/example%2Fexample.md)[_{{{CITATION{{{_2{](https://github.com/AndreasHeine/opcua-sub-to-websocket/tree/b272dca8c8abf371e5e35f05ce93949bdb775723/README.md)
\ No newline at end of file
+        }
+    </style>
+    <script>
+        function openPopup() {
+            document.getElementById('popup').style.display = 'block';
+        }
+        function closePopup() {
+            document.getElementById('popup').style.display = 'none';
+        }
+        function shareText(app) {
+            const text = 'www.creative-crafter.de[_{{{CITATION{{{_1{](https://github.com/hd-code/pandoc-docker/tree/07f83c6deeafbff1710c5f7992a97955c298ad61/example%2Fexample.md)[_{{{CITATION{{{_2{](https://github.com/AndreasHeine/opcua-sub-to-websocket/tree/b272dca8c8abf371e5e35f05ce93949bdb775723/README.md)
\ No newline at end of file