zola/templates/base.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta name="viewport" content="width=device-width, initial-scale=1" />
                <meta charset="utf-8" />
                <link rel="icon" type="image/x-icon" sizes="256x256" href="/favicon.ico">
                <link rel="stylesheet" href="/style.css" type="text/css">
                <title>ndato - {% block title %}{% endblock %}</title>
        </head>
        <body>
                <section class="mainheader" title="Header">
                        <header>
                                <img src="/lambda.svg" class="logo" alt="Lambda" title="Lambda Logo">
                                ndato.com
                        </header>
                        <nav class="navigation">{% block navigation %}{% endblock %}</nav>
                </section>
                <div class="main">
                        <section class="left column" title="Left Column">
                                <header>Menu</header>
                                <nav title="Navigation Menu">
                                        <menu>
                                                <li><a href="/">Home</a></li>
                                                <li><a href="/projects">Projects</a></li>
                                                <li><a href="/articles">Articles</a></li>
                                                <li><a href="/blog">Blog</a></li>
                                                <li><a href="https://git.ndato.com/">Git</a></li>
                                                <li><a href="/cv-dato.pdf">CV / Resume</a></li>
                                        </menu>
                                </nav>
                                <header>Links</header>
                                <nav title="External Links">
                                        <ul>
                                                <li><a href="https://robertoaley.com/">Roberto Aley's website</a></li>
                                                <li><a href="https://www.baeldung.com/linux/author/nicolasdato">My articles for Baeldung</a></li>
                                        </ul>
                                </nav>

                        </section>
                        <section class="content column" title="Content Column">
                                <header>{% block header %}{% endblock %}</header>
                                <main title="Main Content">
                                        {% block content %}{% endblock %}
                                </main>
                        </section>
                </div>
                <section title="Footer">
                        <footer>© 2025 Nicol&aacute;s Dato</footer>
                        <footer>Licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="" style="max-width: 1em;max-height:1em;margin-left: .2em;"></footer>
                </section>
        </body>
</html>