design emerging

content/static/datenspuren/2017/style/style.css

@@ -4,8 +4,8 @@ body {
 	height: 100vh;
 	margin: 0;
 	padding: 0;
-	background-color: white;
-	color: black;
+	background-color: #1a1a1a;
+	color: #738588;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 16px;
 }
@@ -26,6 +26,15 @@ body {
 	padding: 0 0.3em;
 }
 
+a {
+	color: #7d0080;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
 nav {
   transform: rotate(1.5deg);
 }
@@ -44,6 +53,7 @@ nav li a {
 	display: inline-block;
 	width: 123px;
 	text-decoration: none;
+	background-color: white;
 }
 
 article .center a img {
@@ -64,4 +74,9 @@ footer {
 }
 
 @media (min-width: 1000px) {
+	#logo {
+		display: inline-block;
+		float:right;
+		padding: 2em;
+	}
 }

xsl/datenspuren/xhtml5.xsl

@@ -69,6 +69,9 @@
             </ul>
           </nav>
           <article>
+	    <div id="logo">
+              <img src="images/logo.svg"></img>
+            </div>
             <xsl:apply-templates/>
           </article>
         </div>