It looks like support for hsl color values within the manifest is limited so we have to convert the colors to hex
26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html {{ block "document-root-attrs" . }}{{ end }} lang="en" id="top">
|
|
<head>
|
|
{{ block "document-head-before" . }}{{ end }}
|
|
<title>{{ block "document-title" . }}{{ end }}</title>
|
|
<script>if (navigator.platform === 'iPhone') document.documentElement.classList.add('ios');</script>
|
|
<meta charset="UTF-8">
|
|
<meta name="color-scheme" content="dark">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-title" content="{{ .App.Config.Branding.AppName }}">
|
|
<meta name="theme-color" content="{{ .App.Config.Theme.BackgroundColorAsHex }}">
|
|
<link rel="apple-touch-icon" sizes="512x512" href='{{ .App.Config.Branding.AppIconURL }}'>
|
|
<link rel="manifest" href='{{ .App.VersionedAssetPath "manifest.json" }}'>
|
|
<link rel="icon" type="image/png" href="{{ .App.Config.Branding.FaviconURL }}" />
|
|
<link rel="stylesheet" href='{{ .App.StaticAssetPath "css/bundle.css" }}'>
|
|
<script type="module" src='{{ .App.StaticAssetPath "js/main.js" }}'></script>
|
|
{{ block "document-head-after" . }}{{ end }}
|
|
</head>
|
|
<body>
|
|
{{ template "document-body" . }}
|
|
</body>
|
|
</html>
|