You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
website/views/base.html

123 lines
4.2 KiB
HTML

{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ template "title" . }}</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
renderMathInElement(document.body, {
delimiters: [
{ left: "$", right: "$", display: false },
{ left: "$$", right: "$$", display: true },
{ left: "\\(", right: "\\)", display: false },
{ left: "\\[", right: "\\]", display: true }
]
});
});
<!-- [> WIP: Dark Mode <]
- document.documentElement.classList.toggle(
- 'dark',
- localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
- );
- document.addEventListener('DOMContentLoaded', () =>
- document.querySelectorAll('[toggle-dark-mode]').forEach((item) =>
- item.addEventListener('click', () => {
- localStorage.setItem('theme', localStorage.theme == 'dark' ? 'light' : 'dark');
- document.documentElement.classList.toggle('dark');
- })
- )
- ); -->
</script>
<link rel="stylesheet" href="/assets/style.css">
</head>
<body>
<nav>
<!-- Site -->
<div class="nav-logo">
<a href="/">
<img src="assets/images/logo-circuit-board@100w.png" alt="phc-logo">
</a>
</div>
<div class="nav-main">
<div class="nav-item">
<a href="/utenti">Utenti</a>
</div>
<div class="nav-item">
<a href="/news">News</a>
</div>
<div class="nav-item dropdown">
<div class="name">
<a href="/progetti">
Progetti
</a>
</div>
<div class="nav-items">
<div class="nav-item">
<a href="{{ .Config.GitUrl }}">Gitea</a>
</div>
<div class="nav-item">
<a href="{{ .Config.ForumUrl }}">Zulip</a>
</div>
<div class="nav-item">
<a href="/guide">Guide</a>
</div>
<div class="nav-item">
<a href="/seminari">Seminari</a>
</div>
</div>
</div>
<div class="nav-item">
<a href="/storia">Storia</a>
</div>
<div class="nav-item">
<a href="/about">About</a>
</div>
<!-- User -->
{{if .User}}
<div class="nav-item">
<a href="/profile">@{{ .User }}</a>
</div>
{{else}}
<div class="nav-item">
<a href="/login">Accedi</a>
</div>
{{end}}
<div class="nav-item toggle-dark-mode">
<a href=""><i class="fa-moon"></i></a>
</div>
</div>
</nav>
<div class="main">
{{ template "body" . }}
</div>
<footer>
<div class="footer-item">
macchinisti@poisson.phc.dm.xxxxx.xx
</div>
</footer>
</body>
</html>
{{end}}