added web app configurations

index.html

@@ -12,24 +12,12 @@
     <meta name="og:image" content="https://developers-rccs.github.io/fm-royal/img/fm_royal_logo.png">
     <meta name="description" content="Official Website of FM Royal 2020">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!--Web app configurations-->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="manifest" href="manifest.json">
     <!-- CSS only -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
-    <style>
-        .bd-placeholder-img {
-            font-size: 1.125rem;
-            text-anchor: middle;
-            -webkit-user-select: none;
-            -moz-user-select: none;
-            -ms-user-select: none;
-            user-select: none;
-        }
-
-        @media (min-width: 768px) {
-            .bd-placeholder-img-lg {
-                font-size: 3.5rem;
-            }
-        }
-    </style>
     <!-- Custom styles for this template -->
     <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,800;1,900&display=swap" rel="stylesheet">
     <link href="style.css" rel="stylesheet">

manifest.json

@@ -0,0 +1,14 @@
+{
+    "short_name": "FM Royal",
+    "name": "FM Royal Live Stream App",
+    "icons": [
+        {
+        "src": "launcher-icon-4x.png",
+        "sizes": "192x192",
+        "type": "image/png"
+        }
+    ],
+    "start_url": "/index.html",
+    "display": "fullscreen",
+    "orientation": "portrait"
+}