website/views/base.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}}
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`{{define "base"}}`
			`<!DOCTYPE html>`
			`<html lang="en">`

			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Icone da Icons8, favicon temporanea, cambiato il framework (perché sì), i template ora sono cachate in produzione 4 years ago			`<title>{{ template "title" . }}</title>`
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago
Primo test stilistico vagamente serio 3 years ago			`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"`
			`integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">`


base.html: Aggiunto CDN per KaTeX 4 years ago			`<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"`
Primo test stilistico vagamente serio 3 years ago			`integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">`
base.html: Aggiunto CDN per KaTeX 4 years ago			`<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"`
Primo test stilistico vagamente serio 3 years ago			`integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"`
			`crossorigin="anonymous"></script>`
base.html: Aggiunto CDN per KaTeX 4 years ago			`<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"`
Primo test stilistico vagamente serio 3 years ago			`integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"`
			`crossorigin="anonymous"></script>`
base.html: Aggiunto CDN per KaTeX 4 years ago			`<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 }`
			`]`
			`});`
			`});`
feat: first draft for dark mode support 3 years ago			`<!-- [> 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');`
			`- })`
			`- )`
			`- ); -->`
base.html: Aggiunto CDN per KaTeX 4 years ago			`</script>`


Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`<link rel="stylesheet" href="/assets/style.css">`
			`</head>`

			`<body>`
			`<nav>`
			`<!-- Site -->`
Primo test stilistico vagamente serio 3 years ago			`<div class="nav-logo">`
			`<a href="/">`
			`<img src="assets/images/logo-circuit-board@100w.png" alt="phc-logo">`
			`</a>`
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`</div>`
Primo test stilistico vagamente serio 3 years ago			`<div class="nav-main">`
			`<div class="nav-item">`
			`<a href="/utenti">Utenti</a>`
base.html, style.css: Aggiunti drop down e relativi stili 4 years ago			`</div>`
Primo test stilistico vagamente serio 3 years ago			`<div class="nav-item">`
			`<a href="/news">News</a>`
base.html, style.css: Aggiunti drop down e relativi stili 4 years ago			`</div>`
Primo test stilistico vagamente serio 3 years ago			`<div class="nav-item dropdown">`
			`<div class="name">`
			`<a href="/progetti">`
			`Progetti`
			`</a>`
base.html, style.css: Aggiunti drop down e relativi stili 4 years ago			`</div>`
Primo test stilistico vagamente serio 3 years ago			`<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>`
base.html, style.css: Aggiunti drop down e relativi stili 4 years ago			`</div>`
			`</div>`
Primo test stilistico vagamente serio 3 years ago			`<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}}`
feat: first draft for dark mode support 3 years ago			`<div class="nav-item toggle-dark-mode">`
			`<a href=""><i class="fa-moon"></i></a>`
			`</div>`
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`</div>`
			`</nav>`

Primo test stilistico vagamente serio 3 years ago			`<div class="main">`
			`{{ template "body" . }}`
			`</div>`
base.html: Aggiunto CDN per KaTeX 4 years ago
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`<footer>`
Icone da Icons8, favicon temporanea, cambiato il framework (perché sì), i template ora sono cachate in produzione 4 years ago			`<div class="footer-item">`
base.html: Aggiunto CDN per KaTeX 4 years ago			`macchinisti@poisson.phc.dm.xxxxx.xx`
Icone da Icons8, favicon temporanea, cambiato il framework (perché sì), i template ora sono cachate in produzione 4 years ago			`</div>`
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`</footer>`
			`</body>`

			`</html>`
feat: first draft for dark mode support 3 years ago			`{{end}}`