summaryrefslogtreecommitdiff
path: root/design/templates/base.html
blob: cdb217368db674d94cffa2b13ba2f55bcbc96bbf (plain)
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US">
    {% block sitename %}
<head>
    <title>{% block pagetitle %}{% endblock %}</title>{%endblock%}
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" 
          content="{% block metadescription %}{% endblock %}">
    <meta name="author" content="Scott Gilbertson">
    <link rel="alternate" 
          type="application/rss+xml" 
          title="RSS feed"
          href="/rss">
    {%block stylesheet%}<link rel="stylesheet" 
          href="/media/screenv1.css?{% now "u" %}" 
          media="screen">{%endblock%}
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    {%block extrahead%}{%endblock%}
</head>
<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
    <div class="wrapper" id="wrapper">
    <div class="header-wrapper">
        <header class="site-banner">
            <div id="logo">
                <a href="/" title="Home">Libregraf</a>
                <span class="tagline">Free Software &amp; nerdery</span>
            </div>
            <nav class="nav-menu">
                <ul>
                    <li><a href="/essays/" title="Previous articles">Archive</a></li>
                    <li><a href="/linked/" title="Thoughts on Free, open source and Libre software news">Links</a></li>
                    <li><a href="/about" title="About this site and the tools I use to make it">About</a></li>
                    <li><a href="/contact" title="How to get in touch regarding Libregraf">Contact</a></li>
                </ul>
            </nav>
        </header>
    </div>
    {% block content %}{% endblock %}
    {% block extrabody %}{% endblock %}
    <footer>
        <ul class="nav-menu footer-nav-menu">
            <li><a href="/contact" title="How to get in touch regarding Libregraf">Contact</a></li>
            <li><a href="/rss/index.xml" title="RSS feed">RSS</a></li>
            <li><a href="" title="Libregraf on twitter">Twitter</a></li>
        </ul>
        <p class="hed-tertiary">
            &copy; {% now "Y" %} 
            <span class="h-card"><a class="p-name u-url" href="https://libregraf.net/">Scott Gilbertson</a><data class="p-nickname" value="libregraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>.
        </p>
    </footer>
    </div>
    {% block js %}{% endblock%}
<script>
// Register our service-worker
if (navigator.serviceWorker) {
    window.addEventListener('load', function() {
        if (navigator.serviceWorker.controller) {
            navigator.serviceWorker.controller.postMessage({'command': 'trimCaches'});
        } else {
            navigator.serviceWorker.register('/media/js/serviceworker.js', {
                scope: '/'
            });
        }
    });
}
</script>
<script>
if(/libregraf\.net/.test(window.location.hostname)){
    (function(f, a, t, h, o, m){
        a[h]=a[h]||function(){
            (a[h].q=a[h].q||[]).push(arguments)
        };
        o=f.createElement('script'),
        m=f.getElementsByTagName('script')[0];
        o.async=1; o.src=t; o.id='fathom-script';
        m.parentNode.insertBefore(o,m)
    })(document, window, '//stats.luxagraf.net/tracker.js', 'fathom');
    fathom('set', 'siteId', 'HHQXL');
    fathom('trackPageview');
}
</script>
</body>
</html>