Closes #328 ## Changes The app has favicons now! Added: - SVG - Changes to slightly brighter colours in dark mode for better contrast! - Fallback ICO - `apple-touch-icon` (some browsers also use this, not just iOS) - Web manifest with app description - Two web manifest icon sizes should users add the app to their local launcher (Windows' Start or macOS' Dock / Launchpad - Lighting & render by @emma-sg, thanks! The manifest and icons are copied to the root directory at build time by webpack. All of the dedicated ways of doing this seemed more complicated than this? --------- Co-authored-by: emma <hi@emma.cafe>
43 lines
1.2 KiB
Plaintext
43 lines
1.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html data-theme="light">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
|
|
/>
|
|
<title>Browsertrix</title>
|
|
<base href="/" />
|
|
<script defer src="/replay/ui.js"></script>
|
|
<script
|
|
src="https://browser.sentry-cdn.com/5.5.0/bundle.min.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<meta name="theme-color" content="#ffffff">
|
|
<link rel="icon" href="/favicon.ico" sizes="32x32">
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
</head>
|
|
<body>
|
|
<browsertrix-app
|
|
version="v<%= version %>-<%= commitHash %>"
|
|
></browsertrix-app>
|
|
|
|
<script>
|
|
const isDev = "<%= environment %>" === "development";
|
|
const dsn = "<%= glitchtip_dsn %>";
|
|
|
|
if (isDev && dsn) {
|
|
Sentry.init({
|
|
dsn: dsn,
|
|
release: "<%= gitBranch %> (<%= commitHash %>) v<%= version %>",
|
|
environment: "<%= environment %>",
|
|
debug: isDev,
|
|
autoSessionTracking: false, // Turn off unsupported page/session tracking
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|