summaryrefslogtreecommitdiff
path: root/design/templates/base.html
blob: 3777d6c42d074c328df9afce96f2813485f01ed9 (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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US">
    {% block sitename %}
<head>
    <title>{% block pagetitle %}Luxagraf - Topografical Writings{% 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 %}Luxagraf: recording journeys around the world and just next door.{% endblock %}">
    <meta name="author" content="Scott Gilbertson">
    <!--[if IE]>
    <script src="/js/html5css3ie.min.js"></script>
    <![endif]-->
    <link rel="alternate" 
          type="application/rss+xml" 
          title="Luxagraf RSS feed"
          href="https://luxagraf.net/rss/">
    {%block stylesheet%}<link rel="stylesheet" 
          href="/media/screenv9.css" 
          media="screen">{%endblock%}
    <!--[if IE]>
    <link rel="stylesheet" 
          href="/media/css/ie.css" 
          media="screen">
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/manifest.webmanifest" /> 
    {%block extrahead%}{%endblock%}
</head>
<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
    <div class="wrapper" id="wrapper">
    <div class="header-wrapper">
        <header role="banner">
            <h1><a id="logo" href="/" title="home">Luxagraf</a></h1>
            <h2>Walk Slowly</h2>
        </header>
        <nav role="navigation" class="bl">
            <ul>
                <li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Jrnl</a></li>
                <li id="laverdad"><a href="/essays/" title="Writings">Essays</a></li>
                <li id="lttr"><a href="/newsletter/" title="The 'friends of a long year' newsletter">Lttr</a></li>
                <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
                <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
                <!--<li id="maps"><a href="/map" title="Maps">Map</a></li>-->
                <li id="about"><a href="/about" title="About Luxagraf">About</a></li>
                <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
            </ul>
        </nav>
    </div>
    {% block primary %}{% endblock %}
    {% block extrabody %}{% endblock %}
    <footer role="contentinfo">
        <nav class="bl">
            <ul>
                <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li>
                <li><a href="/contact/" title="contact luxagraf">Contact</a></li>
                <li>Follow Along:
                    <ul>
                        <li><a href="/jrnl/feed.xml" title="RSS feed">RSS</a></li>
                        <li><a href="/newsletter/" title="Luxagraf Email Updates">Email</a></li>
                        <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li>
                        <li><a href="https://www.facebook.com/luxagraf" rel="me" title="luxagraf on Facebook">Facebook</a></li>
                    </ul>
            </ul>
         <div class="support">Support luxagraf: 
         <div class="donate-btn">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ">
            <input type="submit" name="submit" alt="Donate to luxagraf via PayPal">
            </form>
        </div>
        <div class="donate-btn">
            <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a>
        </div>
        </div>
       </nav>
        <p id="license">
            &copy; 2003-{% now "Y" %} 
            <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></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>, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>).
        </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>
    {%comment%}
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var u="//stats.luxagraf.net/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 1]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//stats.luxagraf.net/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
{%endcomment%}

</body>
</html>