summaryrefslogtreecommitdiff
path: root/design/templates/base.html
blob: 4a8a18276ffda378b698184b7d0e79957d049ae2 (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
<!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" />
    <!--[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/screenv8.css" 
          media="screen">{%endblock%}
    <!--[if IE]>
    <link rel="stylesheet" 
          href="/media/css/ie.css" 
          media="screen">
    <![endif]-->
    {%block extrahead%}{%endblock%}
</head>
<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
    <div class="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="stories"><a href="/jrnl/" title="What we've been up to lately">Journal</a></li>
                <li id="adventura"><a href="/adventures" title="Our past and current adventures">Adventures</a></li>
                <!--<li id="field-notes"><a href="/field-notes/" title="Rough drafts and sketches">Field Notes</a></li>-->
                <li id="photos"><a href="/photos/" title="Photos from travels around the world">Photos</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">About</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="/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>
    </div>
    {% 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>