Progressive Web App + icon

templates/index.html

@@ -7,6 +7,26 @@
     <title>Ciné Toulouse</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+<!-- Lien vers le Manifest -->
+<link rel="manifest" href="/static/manifest.json">
+<!-- Couleur de la barre d'adresse Android -->
+<meta name="theme-color" content="#0a0a0a">
+<!-- Optimisation pour iOS/Safari (Optionnel) -->
+<meta name="apple-mobile-web-app-capable" content="yes">
+
+<script>
+  // Enregistrement du Service Worker
+  if ('serviceWorker' in navigator) {
+    window.addEventListener('load', function() {
+      navigator.serviceWorker.register('/static/sw.js').then(function(reg) {
+        console.log('Service Worker enregistré !', reg.scope);
+      }).catch(function(err) {
+        console.log('Échec enregistrement SW:', err);
+      });
+    });
+  }
+</script>
+
     <style>
         body { background-color: #0a0a0a; color: #fff; font-family: 'Segoe UI', system-ui, sans-serif; }