From d11341b71d840acd6cb30c57557f90f5e6e2bd2a Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Tue, 14 May 2013 16:59:03 +0200
Subject: [PATCH] datenspuren layout: 1000 little papercuts

---
 .../static/datenspuren/2013/style/style.css   | 21 ++++++++++---
 xsl/datenspuren/xhtml5.xsl                    | 30 +++++++++----------
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/content/static/datenspuren/2013/style/style.css b/content/static/datenspuren/2013/style/style.css
index 7f228c853..2faf3e463 100644
--- a/content/static/datenspuren/2013/style/style.css
+++ b/content/static/datenspuren/2013/style/style.css
@@ -12,7 +12,7 @@ body {
     vertical-align:top;
     padding-left: 8px;
     padding-right: 160px;
-    padding-bottom: 64px;
+    padding-bottom: 8px;
     min-height: 800px;
     max-width: 1024px;
     margin: 0 auto;
@@ -40,11 +40,13 @@ img {
     width: 136px;
 }
 #c3d2 {
-    margin-left: 32px;
+    margin-left: 16px;
+    text-align: center;
 }
 #c3d2 img {
     width:  98px;
     height: 32px;
+    margin: 1em 32px 1em 16px;
 }
 header, article, footer {
     padding: 8px;
@@ -69,8 +71,14 @@ header h1, header h2 {
     padding:0;
     margin:0;
 }
-header h1 {letter-spacing: 0.2em;}
-header h2 {letter-spacing: 0.15em;}
+header h1 {
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+}
+header h2 {
+    letter-spacing: 0.15em;
+    font-variant: small-caps;
+}
 header, aside {
     text-align: left;
 }
@@ -79,6 +87,8 @@ aside {
     float:right;
     text-align:right;
     margin-right: -152px;
+    font-size: 0.8em;
+    color: #ddd;
 }
 article {
 /*     background:rgba(0,0,0,.1); */
@@ -130,10 +140,12 @@ date {
     clear: right;
     font-size: 0.8em;
     position:relative;
+    margin-top: 0.2em;
 }
 footer {
     text-align: center;
     margin-right: -160px;
+    font-size: 0.8em;
 }
 footer ul, aside ul {
     list-style: none;
@@ -144,6 +156,7 @@ footer li {
 }
 footer li:after {
     content: "000";
+    color: #ccc;
 }
 footer li:last-child:after {
     content: "";
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 7973060c2..34fe03dae 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -46,15 +46,27 @@
         </aside>
         <header>
           <a href="index.html">
-            <h1>DATENSPUREN</h1>
-            <h2>PRIVACY BY DESIGN</h2>
+            <h1>Datenspuren</h1>
+            <h2>Privacy by Design</h2>
           </a>
         </header>
         <nav>
+          <div>
+            <a href="info.html">
+              <img src="./images/info.svg" width="64" height="64"/>
+              <span>Informationen</span>
+            </a>
+          </div>
           <div>
             <a href="ort.html">
               <img src="./images/map.svg" width="64" height="64"/>
-              <span>Scheune, Dresden</span>
+              <span>Ort</span>
+            </a>
+          </div>
+          <div>
+            <a href="fahrplan.html">
+              <img src="./images/calendar.svg" width="64" height="64"/>
+              <span>Programm</span>
             </a>
           </div>
           <div>
@@ -69,18 +81,6 @@
               <span>Mitschnitte</span>
             </a>
           </div>
-          <div>
-            <a href="fahrplan.html">
-              <img src="./images/calendar.svg" width="64" height="64"/>
-              <span>Programm</span>
-            </a>
-          </div>
-          <div>
-            <a href="info.html">
-              <img src="./images/info.svg" width="64" height="64"/>
-              <span>Informationen</span>
-            </a>
-          </div>
           <div id="c3d2">
             <a href="http://c3d2.de">
               <img src="images/c3d2.svg"/>