Really huge mass update; Getting everything up-to-spec and implementing a wide range of features

2026-07-26 14:24:18 +02:00
parent 2c563685bd
commit 8b53698f29
72 changed files with 4275 additions and 693 deletions
@@ -3,8 +3,61 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>PR Previews</title>
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta
+      name="description"
+      content="PR Previews is a self-hosted preview environment service for Gitea pull requests, provisioning live EC2 previews and posting status back to the PR."
+    />
+    <meta
+      name="keywords"
+      content="PR previews, pull request previews, Gitea previews, self-hosted previews, EC2 preview environments, review apps"
+    />
+    <meta name="author" content="PR Previews" />
+    <meta name="application-name" content="PR Previews" />
+    <meta name="generator" content="Vite" />
+    <meta name="referrer" content="strict-origin-when-cross-origin" />
+    <meta name="robots" content="index,follow" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" content="#f8fafc" media="(prefers-color-scheme: light)" />
+    <meta name="color-scheme" content="light dark" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="PR Previews" />
+    <meta property="og:title" content="PR Previews" />
+    <meta property="og:image" content="/og-image.png" />
+    <meta property="og:image:alt" content="PR Previews app icon" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta
+      property="og:description"
+      content="Self-hosted live preview environments for Gitea pull requests, backed by EC2 and updated from webhooks."
+    />
+    <meta property="og:locale" content="en_US" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="PR Previews" />
+    <meta name="twitter:image" content="/og-image.png" />
+    <meta name="twitter:image:alt" content="PR Previews app icon" />
+    <meta
+      name="twitter:description"
+      content="Self-hosted live preview environments for Gitea pull requests, backed by EC2 and updated from webhooks."
+    />
+    <title>PR Previews | Self-hosted Gitea preview environments</title>
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="msapplication-TileColor" content="#0f172a" />
+    <meta name="msapplication-TileImage" content="/mstile-150x150.png" />
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+    <script>
+      (() => {
+        const savedTheme = localStorage.getItem("pp-theme");
+        const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+        const theme = savedTheme === "light" || savedTheme === "dark" || savedTheme === "system" ? savedTheme : "system";
+        document.documentElement.classList.toggle("dark", theme === "dark" || (theme === "system" && prefersDark));
+      })();
+    </script>
  </head>
  <body>
    <div id="root"></div>