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 }
                ]
            });
        });

        document.addEventListener('DOMContentLoaded', () => {
            const $toggle = document.querySelector('#toggle-dark-mode');
            const $toggleIcon = document.querySelector('#toggle-dark-mode i');            

            // Loads prefered dark from from localStorage or defaults to media query.
            let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
            
            function storePrefersDarkMode(mode) {
                prefersDarkMode = mode;
                localStorage.setItem('theme', mode ? 'dark' : 'light');
            }

            function displayToggle() {
                document.body.classList.toggle('dark-mode', prefersDarkMode);
                $toggleIcon.classList.toggle('fa-moon', prefersDarkMode);
                $toggleIcon.classList.toggle('fa-sun', !prefersDarkMode);
            }

            $toggle.addEventListener('click', () => {
                storePrefersDarkMode(!prefersDarkMode);
                displayToggle();
            });

            displayToggle();
        });
    </script>

    <link rel="stylesheet" href="/assets/style.css">
    <link rel="stylesheet" href="/assets/theme-dark.css">
</head>

<body>
    <nav>
        <!-- Site -->
        <div class="nav-logo">
            <a class="nav-element" href="/">
                <img src="assets/images/logo-circuit-board.svg" alt="phc-logo">
            </a>
        </div>
        <div class="nav-main">
            <div class="nav-item">
                <a class="nav-element" href="/utenti">Utenti</a>
            </div>
            <div class="nav-item">
                <a class="nav-element" href="/news">News</a>
            </div>
            <div class="nav-item dropdown">
                <div class="name">
                    <a class="nav-element" href="/progetti">
                        <div class="icon">
                            <i class="fas fa-chevron-down"></i>
                        </div>
                        <div class="label">
                            Progetti
                        </div>
                    </a>
                </div>
                <div class="nav-items">
                    <div class="nav-item">
                        <a class="nav-element" href="{{ .Config.GitUrl }}">Gitea</a>
                    </div>
                    <div class="nav-item">
                        <a class="nav-element" href="{{ .Config.ForumUrl }}">Zulip</a>
                    </div>
                    <div class="nav-item">
                        <a class="nav-element" href="/guide">Guide</a>
                    </div>
                    <div class="nav-item">
                        <a class="nav-element" href="/seminari">Seminari</a>
                    </div>
                </div>
            </div>
            <div class="nav-item">
                <a class="nav-element" href="/storia">Storia</a>
            </div>
            <div class="nav-item">
                <a class="nav-element" href="/about">About</a>
            </div>

            <div class="nav-item filler"></div>

            <!-- User Related -->
            <div class="nav-item">
                <div id="toggle-dark-mode" class="nav-button">
                    <i class="fas fa-moon"></i>
                </div>
            </div>
            {{if .User}}
            <div class="nav-item">
                <a class="nav-element" href="/profile">@{{ .User }}</a>
            </div>
            {{else}}
            <div class="nav-item">
                <a class="nav-element" href="/login">Accedi</a>
            </div>
            {{end}}
        </div>
    </nav>

    <div class="main">
        {{ template "body" . }}
    </div>

    <footer>
        <div class="footer-item">
            {{ .Config.Email }}
        </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 }`
			`]`
			`});`
			`});`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago
			`document.addEventListener('DOMContentLoaded', () => {`
			`const $toggle = document.querySelector('#toggle-dark-mode');`
			`const $toggleIcon = document.querySelector('#toggle-dark-mode i');`

Fix: Lieve modifica al codice per la dark-mode 3 years ago			`// Loads prefered dark from from localStorage or defaults to media query.`
			`let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago
			`function storePrefersDarkMode(mode) {`
			`prefersDarkMode = mode;`
			`localStorage.setItem('theme', mode ? 'dark' : 'light');`
			`}`

			`function displayToggle() {`
			`document.body.classList.toggle('dark-mode', prefersDarkMode);`
			`$toggleIcon.classList.toggle('fa-moon', prefersDarkMode);`
			`$toggleIcon.classList.toggle('fa-sun', !prefersDarkMode);`
			`}`

			`$toggle.addEventListener('click', () => {`
			`storePrefersDarkMode(!prefersDarkMode);`
			`displayToggle();`
			`});`

			`displayToggle();`
			`});`
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">`
Minima responsività e ombra al logo 3 years ago			`<link rel="stylesheet" href="/assets/theme-dark.css">`
Struttura di base, templating e interfaccia per il servizio di autenticazione 5 years ago			`</head>`

			`<body>`
			`<nav>`
			`<!-- Site -->`
Primo test stilistico vagamente serio 3 years ago			`<div class="nav-logo">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/">`
			`<img src="assets/images/logo-circuit-board.svg" alt="phc-logo">`
Primo test stilistico vagamente serio 3 years ago			`</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">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" 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">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" 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">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/progetti">`
			`<div class="icon">`
			`<i class="fas fa-chevron-down"></i>`
			`</div>`
			`<div class="label">`
			`Progetti`
			`</div>`
Primo test stilistico vagamente serio 3 years ago			`</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">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="{{ .Config.GitUrl }}">Gitea</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="{{ .Config.ForumUrl }}">Zulip</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/guide">Guide</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/seminari">Seminari</a>`
Primo test stilistico vagamente serio 3 years ago			`</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">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/storia">Storia</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/about">About</a>`
			`</div>`

			`<div class="nav-item filler"></div>`

			`<!-- User Related -->`
			`<div class="nav-item">`
			`<div id="toggle-dark-mode" class="nav-button">`
			`<i class="fas fa-moon"></i>`
			`</div>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`{{if .User}}`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/profile">@{{ .User }}</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`{{else}}`
			`<div class="nav-item">`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`<a class="nav-element" href="/login">Accedi</a>`
Primo test stilistico vagamente serio 3 years ago			`</div>`
			`{{end}}`
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">`
Pulizia di vecchio codice e qualche miglioria 3 years ago			`{{ .Config.Email }}`
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>`
Feature: Bottone per dark mode, logo svg ed altre modifiche alla nav 3 years ago			`{{end}}`