This is the last time we let Pasha commit ascii porn in the comments.

index.html

@@ -11,6 +11,8 @@
     <meta name="description" content="BSC Score - Pool Scoring App für den Billard Sport Club">
     <meta name="theme-color" content="#000000">
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" href="icon-192.png" />
 
     <title>Pool Scoring</title>
 
@@ -1733,5 +1735,12 @@
             closeGameCompletionModal();
         }
     </script>
+    <script>
+      if ('serviceWorker' in navigator) {
+        window.addEventListener('load', function() {
+          navigator.serviceWorker.register('service-worker.js');
+        });
+      }
+    </script>
 </body>
 </html>

manifest.json

@@ -0,0 +1,22 @@
+{
+  "name": "BSC Score",
+  "short_name": "BSC",
+  "description": "Pool Scoring App für den Billard Sport Club",
+  "lang": "de",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#1a1a1a",
+  "theme_color": "#000000",
+  "icons": [
+    {
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+} 

service-worker.js

@@ -0,0 +1,31 @@
+const CACHE_NAME = 'bscscore-v1';
+const URLS_TO_CACHE = [
+  '/',
+  '/index.html',
+  '/manifest.json',
+  '/favicon.ico',
+  '/icon-192.png',
+  '/icon-512.png'
+];
+
+self.addEventListener('install', event => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then(cache => cache.addAll(URLS_TO_CACHE))
+  );
+});
+
+self.addEventListener('activate', event => {
+  event.waitUntil(
+    caches.keys().then(keys =>
+      Promise.all(keys.filter(key => key !== CACHE_NAME).map(key => caches.delete(key)))
+    )
+  );
+});
+
+self.addEventListener('fetch', event => {
+  event.respondWith(
+    caches.match(event.request).then(response =>
+      response || fetch(event.request).catch(() => caches.match('/index.html'))
+    )
+  );
+});