From d95ef5c4a8071f1d5340fcc58bd052a8d33833d3 Mon Sep 17 00:00:00 2001
From: Timothy Lim <tim@thewheatfield.org>
Date: Sun, 19 Oct 2014 10:35:59 +1100
Subject: [PATCH] Change theme to make links clickable and restyle

---
 package.json         |  4 +--
 src/index.jade       |  4 +--
 src/scripts/main.js  |  4 +--
 src/styles/main.styl | 64 ++++++++++++++++++++++++++++++++++++++------
 4 files changed, 62 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 42cab16..bde8a2f 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "bespoke-keys": "^1.0.0",
     "bespoke-progress": "^1.0.0",
     "bespoke-scale": "^1.0.0",
-    "bespoke-theme-cube": "^2.0.0",
+    "bespoke-theme-voltaire": "^1.0.0",
     "bespoke-touch": "^1.0.0",
     "debowerify": "^0.7.1",
     "gh-pages": "^0.2.0",
@@ -34,4 +34,4 @@
   "engines": {
     "node": ">=0.10.0"
   }
-}
\ No newline at end of file
+}
diff --git a/src/index.jade b/src/index.jade
index ecbbfdc..0458d0d 100644
--- a/src/index.jade
+++ b/src/index.jade
@@ -66,10 +66,10 @@ html
       section.vagrant
         h2 Vagrant
         h3 
-          a(href='vagrantup.com') vagrantup.com
+          a(href='https://vagrantup.com') vagrantup.com
         div
           h5 Create and configure reproducible &amp; portable development environments
-          p
+          p &nbsp;&nbsp;
           p
           p.bullet
             strong.bullet How-To Use
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 5055401..c5c376b 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,6 +1,6 @@
 // Require Node modules in the browser thanks to Browserify: http://browserify.org
 var bespoke = require('bespoke'),
-  cube = require('bespoke-theme-cube'),
+  voltaire = require('bespoke-theme-voltaire'),
   keys = require('bespoke-keys'),
   touch = require('bespoke-touch'),
   bullets = require('bespoke-bullets'),
@@ -12,7 +12,7 @@ var bespoke = require('bespoke'),
 
 // Bespoke.js
 bespoke.from('article', [
-  cube(),
+  voltaire(),
   keys(),
   touch(),
   bullets('.bullet'),
diff --git a/src/styles/main.styl b/src/styles/main.styl
index aa78bab..318bf29 100644
--- a/src/styles/main.styl
+++ b/src/styles/main.styl
@@ -7,8 +7,52 @@
 @import 'prism/themes/prism-okaidia.css'
 // Check out "bower_components/prism/themes/" for available themes
 
+* {
+	line-height: 1.3em;
+	font-size: 20px;
+}
+h1,h2,h3,h4,h5{
+	font-family: helvetica,arial,sans-serif;
+	font-style: normal;
+	font-weight: normal;
+	
+}
+h1{
+	font-size: 72px;
+	line-height: 82px;
+	letter-spacing: -2px;
+	margin-bottom: 16px;
+}
+h2{
+	font-size: 40px;
+	font-weight: 800;
+}
+h3{
+	font-size: 24px;
+	font-weight: 400;
+	margin-bottom: 24px;
+	color: #606060;	
+}
+h5{
+	font-size: 20px;
+}
+
+a {
+	color: #0089f3;
+	text-decoration: none;
+}
 body{
+	font-family: helvetica,arial,sans-serif;
+	font-size: 18px;
+	color: #404040;	
+}
+
+body, .bespoke-parent{
 	background-color: rgb(234,234,234);
+	color: #404040;	
+}
+.bespoke-slide{
+	text-shadow: none;
 }
 .bespoke-slide.vagrant > div
 , .bespoke-slide.docker > div {
@@ -24,23 +68,27 @@ section.docker{
 	background-position: bottom;
 	background-repeat: no-repeat;
 }
+
 ol,ul {
 	text-align: left
-}
-ol, ul {
 	margin-left: 2em;
 }
-ul {
-	list-style-type: circle;	
+ol li{
+	list-style-type: decimal;
+}
+ul li{
+	list-style-type: circle;
+}
+li:before{
+	content: '';
 }
 li{
 	margin-bottom: 0.2em;
+	padding-left: 0;
 }
-* {
-	line-height: 1.4em;
-}
+
 .code {
-	background-color: #000;
+	background-color: #000 !important; 
 	color: #0f0;
 	padding: 3px 5px;
 	font-family: monospace;