browsertrix/frontend/src/index.ejs
Henry Wilkinson 1093aa959f
Adds favicons! (#1584)
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>
2024-03-16 15:11:31 -07:00

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>