1 files changed, 66 insertions, 0 deletions
diff --git a/design/templates/base.html b/design/templates/base.html
new file mode 100644
index 0000000..8f07139
--- /dev/null
+++ b/design/templates/base.html
@@ -0,0 +1,66 @@
+<!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://feeds2.feedburner.com/luxagraf/blog">
+    {%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]-->
+    <script type="text/javascript" src="http://use.typekit.com/prx2tcr.js"></script>
+    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+    <script>
+        var _gaq=[['_setAccount','UA-1186171-1'],['_trackPageview'],['_trackPageLoadTime']];(function(d,t){    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];    g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))
+    </script>{%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/1/" title="An archive of writings from around the world">Writing</a>,</li>
+                <li id="photos"><a href="/photos/1/" 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://feeds2.feedburner.com/luxagraf/blog" 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 src="{{MEDIA_URL}}js/ios-viewport-scaling-bug-fix.js"></script>
+</body>
+</html>