mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-29 11:55:05 +01:00
65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
{{ template "document.html" . }}
|
|
|
|
{{ define "document-title" }}{{ .Page.Title }} - Glance{{ end }}
|
|
|
|
{{ define "document-head-before" }}
|
|
<script>
|
|
const pageData = {
|
|
slug: "{{ .Page.Slug }}",
|
|
};
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{ define "document-root-attrs" }}{{ if .App.Config.Theme.Light }}class="light-scheme"{{ end }}{{ end }}
|
|
{{ define "document-head-after" }}{{ template "page-style-overrides.gotmpl" . }}{{ end }}
|
|
|
|
{{ define "navigation-links" }}
|
|
{{ range .App.Config.Pages }}
|
|
<a href="/{{ .Slug }}" class="nav-item{{ if eq .Slug $.Page.Slug }} nav-item-current{{ end }}">{{ .Title }}</a>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{ define "document-body" }}
|
|
<div class="header-container content-bounds">
|
|
<div class="header flex padding-inline-widget widget-content-frame">
|
|
<!-- TODO: Replace G with actual logo, first need an actual logo -->
|
|
<div class="logo">G</div>
|
|
<div class="nav flex flex-grow">
|
|
{{ template "navigation-links" . }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-navigation">
|
|
<div class="mobile-navigation-icons">
|
|
<a class="mobile-navigation-label" href="#top">↑</a>
|
|
{{ range $i, $column := .Page.Columns }}
|
|
<label class="mobile-navigation-label"><input type="radio" class="mobile-navigation-input" name="column" value="{{ $i }}" autocomplete="off"{{ if eq "full" $column.Size }} checked{{ end }}><div class="mobile-navigation-pill"></div></label>
|
|
{{ end }}
|
|
<label class="mobile-navigation-label"><input type="checkbox" class="mobile-navigation-page-links-input" autocomplete="on"><div class="hamburger-icon"></div></label>
|
|
</div>
|
|
<div class="mobile-navigation-page-links">
|
|
{{ template "navigation-links" . }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-bounds">
|
|
<div class="page" id="page">
|
|
<div class="page-loading-container">
|
|
<!-- TODO: add a bigger/better loading indicator -->
|
|
<div class="loading-icon"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer flex items-center flex-column">
|
|
<div>
|
|
<span class="size-h3">Glance</span> ({{ .App.Version }})
|
|
</div>
|
|
<ul class="list-horizontal-text margin-top-5 size-h5 color-primary">
|
|
<li><a href="https://github.com/glanceapp/glance/issues" target="_blank" rel="noreferrer">Report issue</a></li>
|
|
<li><a href="https://github.com/glanceapp/glance/discussions" target="_blank" rel="noreferrer">Submit feedback</a></li>
|
|
</ul>
|
|
</div>
|
|
{{ end }}
|