From 3a9895eb0483bd443be98acbacc2c0c0df4c5d5f Mon Sep 17 00:00:00 2001
From: Jan Larres <jan@majutsushi.net>
Date: Fri, 6 Apr 2012 20:13:06 +1200
Subject: [PATCH] Improve website

---
 _layouts/default.html | 30 +++++++++++++++++++++++-------
 index.html            |  6 +++---
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index cd8b4d2..7b8687d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,16 +5,22 @@
 
         <title>{{ page.title }}</title>
 
+        <!-- <link rel="stylesheet" href="/css/fonts.css" type="text/css" charset="utf-8" /> -->
+        <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic|Ubuntu+Mono:400,700' rel='stylesheet' type='text/css'>
+
         <style type="text/css">
             body {
                 margin-top: 1.0em;
-                background-color: #333333;
-                font-family: "Helvetica,Arial,FreeSans";
-                color: #ffffff;
+                /* background-color: #1C1C1C; */
+                background-color: #202020;
+                font-size: 16px;
+                font-family: Ubuntu, Helvetica, Arial, FreeSans;
+                color: #F0E7D5;
+                /* color: #FFFFFF; */
             }
             #container {
                 margin: 0 auto;
-                width: 700px;
+                width: 650px;
             }
             h1 {
                 font-size: 3.8em;
@@ -23,13 +29,23 @@
                 text-shadow: #111111 3px 3px 1px;
             }
             h1 .small { font-size: 0.4em; }
-            h1 a { text-decoration: none }
+            h1 a { text-decoration: none; color: #F0E7D5 }
             h2 { font-size: 1.5em; color: #dddddd; text-shadow: #111111 1px 1px 1px; }
             h3 { text-align: left; color: #dddddd; }
-            a { color: #dddddd; }
+            a { color: #ffcc00; }
             .description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
             .download { float: right; }
-            pre { background: #000; color: #fff; padding: 15px;}
+            pre {
+                background: #333333;
+                color: #ffffff;
+                padding: 8px 15px 8px 15px;
+                border-width: 1px;
+                border-color: #222222;
+                border-style: solid;
+                box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 0 inset;
+                font-family: "Ubuntu Mono", monospace;
+            }
+            code { font-family: "Ubuntu Mono", monospace; }
             hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
             .footer { text-align:center; padding-top:30px; font-style: italic; }
         </style>
diff --git a/index.html b/index.html
index 4072bcb..aa0aa6e 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@ title: Tagbar, the Vim class outline viewer
         Note: Vim versions &lt; 7.0.167 have a bug that prevents Tagbar from
         working. If you are affected by this use this alternate Tagbar
         download instead:
-        <a href="https://github.com/majutsushi/tagbar/zipball/70fix">zip</a>
+        <a href="https://github.com/majutsushi/tagbar/zipball/70fix">zip</a>.
         It is on par with version 2.2 but probably won't be updated after
         that.
     </p>
@@ -61,7 +61,7 @@ nmap <F8> :TagbarToggle<CR>
         window (and the rest of the functionality) see the documentation.
     </p>
 
-    <h2>Support for addtional filetypes</h2>
+    <h2>Support for additional filetypes</h2>
 
     <p>
         The
@@ -81,7 +81,7 @@ nmap <F8> :TagbarToggle<CR>
     <p>Vim license</p>
 
     <h2>Author</h2>
-    <p>Jan Larres (jan@majutsushi.net)</p>
+    <p>Jan Larres &lt;<a href="mailto:jan@majutsushi.net">jan@majutsushi.net</a>&gt;</p>
 
     <h2>Download</h2>
     <h3>Latest stable release</h3>