Simplification of the layout.

Nicer font for the text. Move the footer into the container div, so that
I don't have to maintain different ratio in different places.

The index page list all the articles, so I can remove the page /articles.

9 files changed, 64 insertions, 64 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index e01de42..12aa715 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,7 +2,11 @@
 
 <div id="footer">
 
-  <p id='copyright'>&copy; 2008 &ndash; present Franck Cuny // <a href="https://twitter.com/franckcuny">@franckcuny</a> <a href='/articles'>All posts</a> <a href='/about'>About</a></p>
+  <p id='copyright'>&copy; 2008 &ndash; present Franck Cuny<br /> 
+    <a href="https://twitter.com/franckcuny">@franckcuny</a> <br />
+    <a href="https://github.com/franckcuny">github.com/franckcuny</a> <br />
+    franckcuny@gmail.com
+  </p>
 
 </div>
 
diff --git a/_includes/header.html b/_includes/header.html
index 6bffe04..f3fcf59 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -19,7 +19,8 @@
 <meta name="twitter:description" content="{{ page.summary }}">
 <meta name="twitter:url" content="{{ page.url }}">
 
-<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet" type="text/css">
+<link href="//fonts.googleapis.com/css?family=Lora" rel="stylesheet">
+<link href='//fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
 <link rel="stylesheet" href="/static/css/style.css" type="text/css"/>
 
 <link rel="canonical" href="//lumberjaph.net{{ page.url | replace:'index.html','' }}" />
diff --git a/_layouts/default.html b/_layouts/default.html
index 8fb910f..5f80b43 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,10 +9,9 @@
 
     <div id="container">
       {{ content }}
+      {% include footer.html %}
     </div>
 
-    {% include footer.html %}
-
   </body>
 
 </html>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..b74fa96
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<div>fcuny: <a href="/">home</a></div>
+
+<section>
+  <div id="entry"> {{ content }} </div>
+</section>
diff --git a/_layouts/post.html b/_layouts/post.html
index 1504149..4532662 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,6 +2,8 @@
 layout: default
 ---
 
+<div>fcuny: <a href="/">home</a></div>
+
 <header>
   <h1><a href="{{ page.url }}">{{ page.title }}</a></h1>
 </header>
diff --git a/about/index.md b/about/index.md
index a65b470..e4edbc2 100644
--- a/about/index.md
+++ b/about/index.md
@@ -1,14 +1,8 @@
 ---
 title: about
-layout: default
+layout: page
 ---
 
-# about
+I'm a Site Reliability Engineer, living in Berkeley and working at [Twitter](https://twitter.com). At the moment I'm especially interested in distributed systems and operating systems.
 
-I'm a Site Reliability Engineer, living in Berkeley and working at [Twitter](https://twitter.com). At the moment I'm especially interested in functional programming and operating systems.
-
-I'm on [Twitter](https://twitter.com/franckcuny) and [GitHub](https://github.com/franckcuny). You can email me at [franckcuny@gmail.com](mailto:franckcuny@gmail.com).
-
-I'm a proud member of [Paris.pm](http://paris).
-
-If not otherwise noted the content found here is licensed under a [Creative Commons Attribution-ShareAlike 3.0 License](http://creativecommons.org/licenses/by-sa/3.0/), and code is licensed under a [BSD license](/license.txt).
+Feel free to get in touch, my contact information are below.
diff --git a/articles/index.html b/articles/index.html
deleted file mode 100644
index ff8a8cf..0000000
--- a/articles/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: archives
-layout: default
----
-
-{% for post in site.posts reverse %}
-
-  {% capture date %}{{ post.date }}{% endcapture %}
-  {% capture this_year %}{{ date | date: "%Y" }}{% endcapture %}
-
-  {% unless year == this_year %}
-    {% assign year = this_year %}
-    {% unless forloop.first %}
-      </section>
-    {% endunless %}
-    <section class="archives"><h2>{{ date | date: "%Y" }}</h2>
-  {% endunless %}
-
-  <article>
-    <a href="{{ root_url }}{{ post.url }}">{{post.title}}</a>
-  </article>
-
-{% endfor %}
diff --git a/index.html b/index.html
index b1093d8..020966b 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,21 @@
 ---
-title: lumberjaph.net
+title: archives
 layout: default
 ---
 
-{% for post in site.posts limit:1 %}
+<p style="font-size: 36px; line-height:46px; font-weight: bold;">
+  Hi! My name is <a href="/about/">Franck Cuny</a> and this is my personal space, welcome!
+</p>
 
-  <header>
-    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
-  </header>
+<ul class="articles">
 
-  <section>
-    <div id="entry"> {{ post.content }} </div>
-  </section>
+{% for post in site.posts reverse %}
+
+  <li class="article">
+    <div class="article-date">{{post.date | date: "%Y.%m.%d"}}</div>
+    <a href="{{ root_url }}{{ post.url}}">{{post.title}}</a>
+  </li>
 
 {% endfor %}
+
+</ul>
diff --git a/static/css/style.css b/static/css/style.css
index 75ccce1..e4662b4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,17 +1,16 @@
 html {
-    font-family: Georgia, 'Times New Roman', Times, serif;
+    font-family: 'Lora', serif;
 }
 
 body {
     font-size: 18px;
-    color: #101c32;
 }
 
 #container {
-    width: 45em;
+    width: 40em;
     margin: 0 auto;
     text-align: justify;
-    line-height: 1.5em;
+    line-height: 1.85em;
 }
 
 #container img {
@@ -19,14 +18,14 @@ body {
 }
 
 h1, h2 {
-    border-bottom: 2px solid #cfdaf0;
     border-left: 6px solid #cfdaf0;
-    font: 30px/34px 'DejaVuSerifCondensed-Bold', Arial, sans-serif;
     letter-spacing: 0;
     margin-bottom: 16px;
     margin-top: 20px;
     padding-bottom: 6px;
     padding-left: 14px;
+    font-weight: 700;
+    letter-spacing: -.02em;
 }
 
 a {
@@ -62,14 +61,11 @@ ul.spaced li {
 }
 
 #footer p {
-  width: 45em;
-  margin: 0 auto;
   margin-top: 2em;
-  text-align: center;
+  text-align: left;
   border-top: 4px solid #e0ebf5;
-  margin-top: 40px;
-  padding-top: 40px;
-  padding-bottom: 40px;
+  margin-top: 20px;
+  padding-top: 10px;
 }
 
 #footer a {
@@ -83,7 +79,7 @@ img.portrait {
 }
 
 pre {
-  font-family: Inconsolata, monospace;
+  font-family: 'Roboto Mono', monospace;
   -webkit-font-smoothing: subpixel-antialiased;
   font-smoothing: subpixel-antialiased;
   background-color: #fafafa;
@@ -112,6 +108,26 @@ code {
   padding-bottom: 0.2em;
 }
 
+ul.articles {
+    list-style-type: none;
+}
+
+ul.articles li {
+    line-height: 1.75em;
+    text-align: left;
+}
+
+li.article {
+    display: list-item;
+}
+
+.article-date {
+    font-size: 90%;
+    font-style: italic;
+    float: left;
+    width: 120px;
+}
+
 @media only screen and (max-width: 960px) {
   body {
     font-size: 0.8em;
@@ -120,14 +136,7 @@ code {
     width: 90%;
   }
   #entry {
-    width: 90%;
     margin-left: 0.2em;
     text-align: justify;
   }
-  div#footer {
-    width: 90%;
-  }
-  #footer p {
-    width: 90%;
-  }
 }