<!DOCTYPE html>
<html lang="en" dir="auto" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark" class="loading">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0{{if not .config.Settings.UI.Zoom }}, maximum-scale=1.0, user-scalable=no{{end}}">

  <title>{{if and .config.SiteCaption .config.Sponsor }}{{ .config.SiteCaption }}{{else}}{{ .config.Name }}{{end}}</title>

  <meta property="og:url" content="{{ .config.SiteUrl }}">
  <meta property="og:type" content="website">
  <meta property="og:title" content="{{ .config.SiteTitle }}{{if .config.SiteCaption}}: {{ .config.SiteCaption }}{{end}}">
  <meta property="og:image" content="{{ .config.SitePreview }}">
  <meta property="og:description" content="{{ .config.SiteDescription }}">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="{{ .config.SiteTitle }}{{if .config.SiteCaption}}: {{ .config.SiteCaption }}{{end}}">
  <meta name="twitter:image" content="{{ .config.SitePreview }}">
  <meta name="twitter:description" content="{{ .config.SiteDescription }}">

  <meta name="mobile-web-app-capable" content="yes">
  <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="{{ .config.SiteTitle }}">

  {{if .config.SiteAuthor}}<meta name="author" content="{{ .config.SiteAuthor }}">{{end}}
  {{if .config.SiteDescription}}<meta name="description" content="{{ .config.SiteDescription }}"/>{{end}}

{{template "favicons.gohtml" .}}
{{template "styles.gohtml" .}}
{{template "manifest.gohtml" .}}
  <script>
    window.__CONFIG__ = {{ .config }};
  </script>
</head>
<body class="{{ .config.Flags }} nojs">

{{template "app.gohtml" .}}
{{template "app.js.gohtml" .}}
</body>
</html>
