Slightly bigger font and use different font family

Use 'Georgia' for the font family, set the background of the links to
the same color as the general theme (light blue).

3 files changed, 30 insertions, 30 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index 5fab340..e01de42 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,9 +2,7 @@
 
 <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 // <a href="https://twitter.com/franckcuny">@franckcuny</a> <a href='/articles'>All posts</a> <a href='/about'>About</a></p>
 
 </div>
 
diff --git a/about/index.md b/about/index.md
index c8407bd..a65b470 100644
--- a/about/index.md
+++ b/about/index.md
@@ -5,7 +5,7 @@ layout: default
 
 # 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 functional programming and operating system.
+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).
 
diff --git a/static/css/style.css b/static/css/style.css
index 1aed439..75ccce1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,5 +1,5 @@
 html {
-    font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo',  sans-serif;
+    font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
 body {
@@ -8,7 +8,7 @@ body {
 }
 
 #container {
-    width: 720px;
+    width: 45em;
     margin: 0 auto;
     text-align: justify;
     line-height: 1.5em;
@@ -19,17 +19,33 @@ body {
 }
 
 h1, h2 {
-    border-left: 6px solid #cfdaf0;
-    padding-left: 14px;
-    padding-bottom: 6px;
-    font-size: 20px;
     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;
 }
 
-h1, h2 a {
+a {
   text-decoration: none;
+  color: #375eab;
+}
+
+a:hover {
+    background: #cfdaf0;
+}
+
+a img { border: 0; }
+
+a.older, a.newer {
+  size: 80%;
+}
+
+#entry {
+    font-size: 110%;
 }
 
 blockquote {
@@ -46,18 +62,19 @@ ul.spaced li {
 }
 
 #footer p {
-  width: 720px;
+  width: 45em;
   margin: 0 auto;
   margin-top: 2em;
   text-align: center;
-  border-top: 2px solid #e0ebf5;
+  border-top: 4px solid #e0ebf5;
   margin-top: 40px;
   padding-top: 40px;
   padding-bottom: 40px;
 }
 
-#footer img {
-  border: 0;
+#footer a {
+    text-decoration: none;
+    background: #cfdaf0;
 }
 
 img.portrait {
@@ -65,21 +82,6 @@ img.portrait {
   margin-left: 2em;
 }
 
-a {
-  text-decoration: none;
-  color: #375eab;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-a img { border: 0; }
-
-a.older, a.newer {
-  size: 80%;
-}
-
 pre {
   font-family: Inconsolata, monospace;
   -webkit-font-smoothing: subpixel-antialiased;