design/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
54
55
56
57
58
59
60
61
62
63
64
65

<!DOCTYPE html>
<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US">
<head>
    <meta charset="utf-8">
    <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title>
    <meta name="description" 
          content="{% block metadescription %}Luxagraf: recording journeys around the world and just next door.{% endblock %}">
    <meta name="author" content="Scott Gilbertson">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="alternate" 
          type="application/rss+xml" 
          title="Luxagraf RSS feed"
          href="https://luxagraf.net/rss/">
    {%block stylesheet%}<link rel="stylesheet" 
          href="/media/screenv8.css" 
          media="screen">{%endblock%}
    <!--[if lte IE 8]>
    <link rel="stylesheet" 
          href="/media/iev8.css" 
          media="screen">
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="/media/js/html5css3ie.min.js"></script>
    <![endif]-->
    {%block extrahead%}{%endblock%}
</head>
<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
    <div class="wrapper">
    <div class="header-wrapper">
        <header role="banner">
            <h1><a class="logo" id="logo" href="/" title="home">Luxagraf</a></h1>
            <h2>Walk Slowly</h2>
        </header>
        <nav role="navigation" class="bl">
            <ul>
                <li id="stories"><a href="/writing/" title="An archive of writings from around the world">Writing</a></li>
                <li id="photos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>
                <!--<li id="guides"><a href="/travel-guide/1/" title="Travel Guides, Tips, Tricks and Recommendations">Guides</a>,</li>-->
                <li id="notes"><a href="/notes/" title="Short thoughts, sometimes syndicated to twitter">Notes</a></li>
                <li id="maps"><a href="/map/" title="Maps and miscellanea">Map</a></li>
                <li id="projects" ><a href="/projects/" title="Luxagraf: Projects">Projects</a></li>
                <li id="etc" class="last"><a href="/about/" title="About Luxagraf">Etc</a></li>
            </ul>
        </nav>
    </div>
    {% block primary %}{% endblock %}
    {% block extrabody %}{% endblock %}
    <footer role="contentinfo">
        <nav class="bl">
            <ul>
                <li><a href="/rss/" title="RSS feed">Subscribe</a></li>
                <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li>
                <li><a href="https://www.flickr.com/photos/luxagraf" rel="me" title="luxagraf on Flickr">Flickr</a></li>
                <li><a href="/contact/" title="contact luxagraf">Contact</a></li>
            </ul>
        </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>
    {% block js %}{% endblock%}
    <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-1186171-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script>
</body>
</html>