Add web-specific metadata and assets

skyfeed-dev · Oct 27, 2023 · 8e5013d · 8e5013d
1 parent 46f74d7
commit 8e5013d
Show file tree

Hide file tree

Showing 9 changed files with 83 additions and 0 deletions.
diff --git a/assets/img/budgie-transparent-small.png b/assets/img/budgie-transparent-small.png
diff --git a/web/android-chrome-192x192.png b/web/android-chrome-192x192.png
diff --git a/web/android-chrome-512x512.png b/web/android-chrome-512x512.png
diff --git a/web/apple-touch-icon.png b/web/apple-touch-icon.png
diff --git a/web/favicon-16x16.png b/web/favicon-16x16.png
diff --git a/web/favicon-32x32.png b/web/favicon-32x32.png
diff --git a/web/favicon.ico b/web/favicon.ico
diff --git a/web/index.html b/web/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="Real-time app for Bluesky with a powerful Feed Builder">
+
+  <title>SkyFeed</title>
+  <link rel="manifest" href="manifest.json">
+  <meta property="og:title" content="SkyFeed" />
+  <meta property="og:description" content="Real-time app for Bluesky with a powerful Feed Builder">
+  <meta property="og:image" content="https://skyfeed.app/android-chrome-512x512.png" />
+  <meta property="og:image:width" content="512" />
+  <meta property="og:image:height" content="512" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:alt" content="SkyFeed Logo (green budgie)" />
+  <meta name="theme-color" content="#50FA7B" />
+
+  <!-- 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="SkyFeed">
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+
+  <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>
+  <style>
+    body {
+      background-color: #282a36;
+    }
+  </style>
+</head>
+
+<body>
+  <script>
+    window.addEventListener('load', function (ev) {
+      // Download main.dart.js
+      _flutter.loader.loadEntrypoint({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function (engineInitializer) {
+          engineInitializer.initializeEngine().then(function (appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    });
+  </script>
+</body>
+
+</html>
diff --git a/web/manifest.json b/web/manifest.json
@@ -0,0 +1,22 @@
+{
+    "name": "SkyFeed",
+    "short_name": "SkyFeed",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#282a36",
+    "theme_color": "#50FA7B",
+    "description": "Real-time app for Bluesky with a powerful Feed Builder",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}