📝 Chore: Adapt to latest flutter web template

Crequency · Sep 8, 2024 · da43064 · da43064
1 parent 8877df2
commit da43064
Showing 1 changed file with 36 additions and 63 deletions.
diff --git a/KitX Website Flutter/kitx_website/web/index.html b/KitX Website Flutter/kitx_website/web/index.html
@@ -2,83 +2,56 @@
 <html lang="zn">
 
 <head>
-  <!--
-    If you are serving your web app in a path other than the root, change the
-    href value below to reflect the base path you are serving from.
+    <!--
+        If you are serving your web app in a path other than the root, change the
+        href value below to reflect the base path you are serving from.
 
-    The path provided below has to start and end with a slash "/" in order for
-    it to work correctly.
+        The path provided below has to start and end with a slash "/" in order for
+        it to work correctly.
 
-    For more details:
-    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+        For more details:
+        * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
 
-    This is a placeholder for base href that will be replaced by the value of
-    the `--base-href` argument provided to `flutter build`.
-  -->
-  <base href="$FLUTTER_BASE_HREF">
+        This is a placeholder for base href that will be replaced by the value of
+        the `--base-href` argument provided to `flutter build`.
+    -->
+    <base href="$FLUTTER_BASE_HREF">
 
-  <meta charset="UTF-8">
-  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
-  <meta name="description" content="Website for KitX Project.">
+    <meta charset="UTF-8">
+    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+    <meta name="description" content="Website for KitX Project.">
 
-  <!-- iOS meta tags & icons -->
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="KitX Website">
-  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+    <!-- iOS meta tags & icons -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="KitX Website">
+    <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
-  <!-- Favicon -->
-  <link rel="icon" type="image/png" href="favicon.png" />
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="favicon.png" />
 
-  <title>KitX Website</title>
+    <title>KitX Website</title>
 
-  <link rel="manifest" href="manifest.json">
+    <link rel="manifest" href="manifest.json">
 
-  <link rel="stylesheet" href="styles/style.min.css">
-  <link rel="stylesheet" href="styles/loaders.min.css">
+    <link rel="stylesheet" href="styles/style.min.css">
+    <link rel="stylesheet" href="styles/loaders.min.css">
 
-  <script src="scripts/console.min.js" defer></script>
-  <script src="scripts/script.min.js" defer></script>
-  <script src="scripts/wasm/utils-min.js" defer></script>
-
-  <script>
-    // The value below is injected by flutter build, do not touch.
-    var serviceWorkerVersion = null;
-  </script>
-
-  <!-- This script adds the flutter initialization JS code -->
-  <script src="flutter.js" defer></script>
+    <script src="scripts/console.min.js" defer></script>
+    <script src="scripts/script.min.js" defer></script>
+    <script src="scripts/wasm/utils-min.js" defer></script>
 </head>
 
 <body style="background-color: #3d0c81;" onclick="changeLoadingAnimation()">
+    <script src="flutter_bootstrap.js" async></script>
 
-  <div id="loading_animator" data-loader="circle-side"></div>
-
-  <div id="loading_tip">
-    <h1 style="color: white;">
-      Loading
-    </h1>
-  </div>
-
-  <script>
-    window.addEventListener('load', function (ev) {
-      // Download main.dart.js
-      _flutter.loader.loadEntrypoint({
-        serviceWorker: {
-          serviceWorkerVersion: serviceWorkerVersion,
-        },
-        onEntrypointLoaded: function (engineInitializer) {
-          setTimeout(function () {
-            stopLoadingAnimation();
-          }, 3000);
+    <div id="loading_animator" data-loader="circle-side"></div>
 
-          engineInitializer.initializeEngine().then(function (appRunner) {
-            appRunner.runApp();
-          });
-        }
-      });
-    });
-  </script>
+    <div id="loading_tip">
+        <h1 style="color: white;">
+            Loading
+        </h1>
+    </div>
 </body>
 
-</html>
+</html>