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

<!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="{{MEDIA_URL}}js/html5css3ie.min.js"></script>
    <![endif]-->
    <link rel="alternate" 
          type="application/rss+xml" 
          title="Luxagraf RSS feed"
          href="http://luxagraf.net/rss/">
    {%block stylesheet%}<link rel="stylesheet" 
          href="{{MEDIA_URL}}css/stylesv6.css" 
          media="screen">{%endblock%}
    <!--[if IE]>
    <link rel="stylesheet" 
          href="{{MEDIA_URL}}css/ie.css" 
          media="screen">
    <![endif]-->
    {%block extrahead%}{%endblock%}
</head>
<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
    <header role="banner">
        <a id="logo" href="/" title="home">
                <h1>Luxagraf</h1>
                <h2>{Walk Slowly}</h2>
        </a>
        <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="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"><a href="/about/" title="About Luxagraf">Etc</a></li>
            </ul>
        </nav>
    </header>
    {% block primary %}{% endblock %}
    {% block extrabody %}{% endblock %}
    <footer role="contentinfo">
        <nav class="bl">
            <ul>
                <li><a href="http://luxagraf.net/rss/" title="RSS feed">Subscribe</a></li>
                <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li>
                <li><a href="http://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" %} Scott Gilbertson, 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>