photoprism/assets/templates/app.gohtml
Michael Mayer a3f27c8d67 UX: Set accent color for HTML progress bar on splash screen
Signed-off-by: Michael Mayer <michael@photoprism.app>
2023-08-18 11:09:09 +02:00

33 lines
No EOL
1.3 KiB
Text

<div id="photoprism" class="splash-screen container{{if .config.SiteCaption}} theme-{{ .config.Settings.UI.Theme }}{{end}}">
<noscript>
<div id="noscript-info" class="splash-info">
<a href="https://enable-javascript.com/" target="_blank">Please enable JavaScript in your browser.</a>
</div>
</noscript>
<div id="splash-info" class="has-js splash-info">
{{if .config.LegalInfo}}
{{if .config.LegalUrl}}<a href="{{ .config.LegalUrl }}" target="_blank" class="legal-info">{{ .config.LegalInfo }}</a>
{{else}}<span class="legal-info">{{ .config.LegalInfo }}</span>{{end}}
{{else}}
<div class="about">
{{ .config.About }}
</div>
<div class="days">
{{template "quotes.gohtml" .}}
</div>
{{end}}
</div>
<script>
const el = document.getElementById("splash-info");
el.classList.add("day-" + new Date().getDay());
el.style.setProperty("display", "block");
</script>
<div class="splash-center">
<div class="splash-logo">
{{template "logo.gohtml" .}}
</div>
<progress id="progress" class="html-progress" max="100" style="accent-color: #c8c2e8; color-scheme: dark;"></progress>
</div>
</div>
<div id="busy-overlay"><div class="splash-center"><progress id="busy-progress" class="html-progress" max="100" style="accent-color: #c8c2e8; color-scheme: dark;"></progress></div></div>