Bugfix: PWA-Banner zentriert, Flask auf 0.0.0.0 für Netzwerkzugriff

app.py

@@ -184,4 +184,4 @@ def stats():
 
 
 if __name__ == '__main__':
-    app.run(debug=True) 
+    app.run(debug=True, host="0.0.0.0")

templates/index.html

@@ -16,7 +16,7 @@
     <meta property="og:description" content="Open Source Web-App für Kalender- und Datumsberechnungen. Werbefrei, trackingfrei, kostenlos.">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://codeberg.org/elpatron/datecalc">
-    <meta property="og:image" content="/logo.svg">
+    <meta property="og:image" content="/static/logo.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <link rel="stylesheet" href="/static/style.css">
@@ -26,19 +26,18 @@
     .pwa-banner {
         display: none;
         position: fixed;
-        bottom: 0; left: 0; right: 0;
+        top: 0; left: 0; right: 0;
         background: #2563eb;
         color: #fff;
         padding: 1em 1.5em 1.2em 1.5em;
-        box-shadow: 0 -2px 12px #1e293b22;
+        box-shadow: 0 2px 12px #1e293b22;
         z-index: 1000;
         font-size: 1.08em;
         text-align: center;
-        border-radius: 16px 16px 0 0;
+        border-radius: 0 0 16px 16px;
         margin: 0 auto;
-        max-width: 480px;
-        left: 50%;
-        transform: translateX(-50%);
+        width: 100%;
+        /* Entferne max-width, left, transform */
     }
     .pwa-banner button {
         background: #fff;
@@ -61,7 +60,7 @@
         cursor: pointer;
     }
     @media (min-width: 600px) {
-        .pwa-banner { max-width: 420px; }
+        .pwa-banner { max-width: 420px; left: 50%; transform: translateX(-50%); width: auto; }
     }
     </style>
     <script>