fortune_generator/index.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Daily Fortune Generator</title>
   <link rel="icon" href="../images/lifeadventurer.jpg">
+  <link rel="manifest" href="./manifest.json">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   <script src="https://unpkg.com/vue@3.3.8/dist/vue.global.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

fortune_generator/manifest.json

@@ -0,0 +1,32 @@
+{
+    "short_name": "Fontune Generator",
+    "name": "Fontune Generator",
+    "description": "Get your daily fortune with just a click.",
+    "background_color": "#1a1b1e",
+    "theme_color": "#1a1b1e",
+    "icons": [
+        {
+            "src": "../images/lifeadventurer.jpg",
+            "sizes": "192x192",
+            "type": "image/jpg"
+        },
+        {
+            "src": "../images/lifeadventurer.jpg",
+            "sizes": "512x512",
+            "type": "image/jpg"
+        },
+        {
+            "src": "../images/lifeadventurer.jpg",
+            "sizes": "180x180",
+            "type": "image/jpg"
+        },
+        {
+            "src": "../images/lifeadventurer.jpg",
+            "sizes": "270x270",
+            "type": "image/jpg"
+        }
+    ],
+    "start_url": "/index.html",
+    "display": "standalone",
+    "orientation": "portrait"
+}