Updated pwa of manga cafe

web/Manga Cafe/index.html

@@ -4,11 +4,12 @@
         <meta name="apple-mobile-web-app-capable" content="yes" />
         <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
         <meta charset="UTF-8">
-        <meta name="theme-color" content="#4b75ff">
+        <meta name="theme-color" content="#fcfcfc">
         <link rel="stylesheet" href="../script/semantic/semantic.min.css">
         <script src="../script/jquery.min.js"></script>
         <script src="../script/ao_module.js"></script>
         <script src="../script/semantic/semantic.min.js"></script>
+        <link rel="manifest" crossorigin="use-credentials" href="manifest.json">
         <title>Manga Cafe</title>
         <style>
             body{
@@ -59,16 +60,15 @@
                     var defaultWidth = "200px";
                     var defaultImageHeight = "300px";
                     if (isMobile){
-                        $(".basic.segment").removeClass("segment");
-                        defaultWidth = "100%"
+                        defaultWidth = "150px"
                     }
                     $("#mangalist").append(`<div class="ui card manga" style="width: ${defaultWidth}; display: inline-block;">
                         <div class="content">
                             <div class="right floated meta">Ch#: ${manga[1]}</div>
                             ${title}
                         </div>
-                        <a class="image"  href="viewComic.html#${manga[3]}" style="text-align:center;">
-                            <img style="width: 200px; height: 300px; display:block; margin:auto;" src="${preview}">
+                        <a class="image" href="viewComic.html#${manga[3]}" style="text-align:center; height: 300px">
+                            <img class="ui fluid image" style="position: absolute; top: 0; bottom: 0; margin: auto;" src="${preview}">
                         </a> 
                     </div>`);
                 });

web/Manga Cafe/manifest.json

@@ -0,0 +1,26 @@
+{
+  "name": "Manga Cafe",
+  "short_name": "Manga Cafe",
+  "icons": [{
+    "src": "img/pwa/128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },{
+      "src": "img/pwa/192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }, {
+      "src": "img/pwa/256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }, {
+      "src": "img/pwa/512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }],
+  "start_url": "index.html",
+  "display": "fullscreen",
+  "scope": "./",
+  "background_color": "#fcfcfc",
+  "theme_color": "#fcfcfc"
+}