feat: implémentation de la PWA avec service worker, manifest et installation

2025-02-12 21:56:22 +01:00
parent 26d4790b0a
commit 0e270b1f01
16 changed files with 807 additions and 8 deletions
--- a/public/offline.html
+++ b/public/offline.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Hors ligne - StripStream</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: system-ui, -apple-system, sans-serif;
+        background-color: #0f172a;
+        color: #e2e8f0;
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        padding: 1rem;
+      }
+      .container {
+        max-width: 600px;
+        margin: 0 auto;
+      }
+      h1 {
+        font-size: 2rem;
+        margin-bottom: 1rem;
+        color: #4f46e5;
+      }
+      p {
+        font-size: 1.1rem;
+        line-height: 1.5;
+        color: #94a3b8;
+        margin-bottom: 2rem;
+      }
+      button {
+        background-color: #4f46e5;
+        color: white;
+        border: none;
+        padding: 0.75rem 1.5rem;
+        border-radius: 0.5rem;
+        font-size: 1rem;
+        cursor: pointer;
+        transition: background-color 0.2s;
+      }
+      button:hover {
+        background-color: #4338ca;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Vous êtes hors ligne</h1>
+      <p>
+        Il semble que vous n'ayez pas de connexion internet. Certaines fonctionnalités de
+        StripStream peuvent ne pas être disponibles en mode hors ligne.
+      </p>
+      <button onclick="window.location.reload()">Réessayer</button>
+    </div>
+  </body>
+</html>