More consistent spacing and less whitespace

about.md

@@ -12,7 +12,7 @@ Programming a lot of [Rust](http://www.rust-lang.org/), C++ and JavaScript.
 Previously a lot of [Ruby](http://www.ruby-lang.org/en/).  
 Speaking about projects and topics I am interested in. See [my previous talks](/talks).
 
-**Alumni positions**
+### Alumni positions
 
 Co-Organizer of the [Rust User Group Cologne](http://rust.cologne/),
 Co-Organizer of [otsconf Dortmund](https://otsconf.com/),
@@ -29,11 +29,11 @@ contributor to [Redis](http://redis.io) and maintainer of [hiredis](https://gith
 
 ## Projects
 
-**Current projects**
+### Current projects
 
 * [What Rust is it?](http://www.whatrustisit.com/) - Show the current Rust versions and next (planned) release date.
 
-**Older projects**
+### Older projects
 
 * [semantic-rs](https://github.com/semantic-rs/semantic-rs) - Automatic crate publishing
 * [Hello, Rust!](http://www.hellorust.com/) - Resources, articles, links & example around Rust & WebAssembly

posts.liquid

@@ -13,7 +13,7 @@ data:
 {% for year in years -%}
 <tr>
   <td>&nbsp;</td>
-  <td><h3>{{year}}</h3></td>
+  <td><h2>{{year}}</h2></td>
 </tr>
 
   {%- for post in collections.posts.pages %}

style.css

@@ -32,7 +32,6 @@ html{
 
 html,
 body {
-  font-size: 17px;
   margin: 0;
   padding: 0;
 }
@@ -72,7 +71,6 @@ nav .menu-item {
   text-decoration: none;
   font-size: 20px;
   font-weight: 100;
-  transition: border-left 0.1s;
 }
 
 nav .menu-item.icon {
@@ -92,8 +90,7 @@ nav a.menu-item {
 main {
   margin: 0 auto;
   width: 100%;
-  max-width: 900px;
+  max-width: 800px;
-  padding: 50px 40px;
   box-sizing: border-box;
   min-height: 600px;
 }
@@ -115,18 +112,25 @@ body[data-route=about] p {
   margin-right: 20px;
 }
 
+article h1 {
+  font-size: 2em;
+  line-height: 2.5rem;
+}
+
 article.blog-list {
   text-align: left;
-  margin: 20px;
-  padding: 25px;
 }
 
 article.blog-list a {
-  font-weight: 100;
   color: black;
   text-decoration: none;
 }
 
+article .metadata a {
+  text-decoration: underline;
+  color: black;
+}
+
 article a:hover {
   text-decoration: underline;
 }
@@ -172,6 +176,7 @@ footer a, footer a:visited {
 
 hr {
   padding: 0;
+  margin: 10px;
   max-width: 900px;
   height: 1px;
   border: 0;
@@ -187,14 +192,14 @@ blockquote p {
 
 @media all and (max-width:1024px) {
   main {
-    padding: 25px 40px;
+    padding: 0px 40px;
   }
   nav {
     position: static;
     margin: 0 auto;
     width: 100%;
     text-align: center;
-    padding: 20px 0;
+    padding: 20px 0 0 0;
   }
   nav .menu-item {
     display: inline-block;
@@ -212,32 +217,12 @@ blockquote p {
   }
 }
 
-@media all and (max-width:768px) {
+h2 {
-  h1 {
+  font: 600 30px "Crimson", Georgia, serif;
-    font-size: 40px;
-  }
-  main {
-    padding: 20px 40px;
-  }
 }
 
-@media all and (max-width:390px) {
+h3 {
-  header {
+  font: 600 20px "Crimson", Georgia, serif;
-    margin-top: 10px;
-    height: 50px;
-  }
-  #stage {
-    display: none;
-  }
-  main {
-    padding: 15px 20px;
-  }
-  h1 {
-    font-size: 30px;
-  }
-  h2 {
-    font-size: 20px;
-  }
 }
 
 .clearfix:after {
@@ -253,9 +238,6 @@ blockquote p {
   display: inline-block;
 }
 
-
-/* start commented backslash hack \*/
-
 * html .clearfix {
   height: 1%;
 }
@@ -275,6 +257,5 @@ blockquote p {
   margin: 0;
 }
 
-/* close commented backslash hack */
+table { margin: 0; }
-
 table, tr, td { border: none; }