mdo · mdo · Jul 2, 2015 · Jul 2, 2015
diff --git a/Makefile b/Makefile
diff --git a/README.md b/README.md
@@ -1,15 +1,15 @@
-# [Preboot 2](http://getpreboot.com)
+# [Preboot 3](http://getpreboot.com)
 
-Preboot is a collection of LESS mixins and variables for quickly writing CSS. As the precursor to [Bootstrap](http://getbootstrap.com), it serves as a lightweight and interface agnostic approach to jumpstarting your next web project. Use it how you see fit.
+Preboot is a collection of Sass mixins and variables for quickly writing CSS. As the original precursor to [Bootstrap](http://getbootstrap.com), it serves as a lightweight and interface agnostic approach to jumpstarting your next web project. Use it how you see fit.
 
 
 ## Getting started
 
-Preboot requires [LESS](http://lesscss.org). Head over to their documentation and familiarize yourself with the project. Once you're up and running, including and using Preboot is a breeze.
+Preboot requires [Sass](http://sass-lang.com). Head over to their documentation and familiarize yourself with the project. Once you're up and running, including and using Preboot is a breeze.
 
-1. Create a new LESS file (e.g., application.less)
-2. Include Preboot via `@import "preboot.less";`
-3. Start writing your own LESS-flavored CSS
+1. Create a new Sass file (e.g., `application.scss`)
+2. Copy or import the Preboot partial, [`_preboot.scss`](https://github.com/mdo/preboot/blob/gh-pages/_sass/_preboot.scss).
+3. Start writing your own Sass.
 
 We highly recommend using Preboot in conjunction with [Normalize](http://necolas.github.com/normalize.css), a powerful tool for more consistent rendering of web components across various browsers and devices.
 

diff --git a/_config.yml b/_config.yml
@@ -1,2 +1,17 @@
-pygments:     true
-exclude:       ["Makefile", "README.md", "less", "node_modules", "package.json"]
+markdown: kramdown
+highlighter: rouge
+
+kramdown:
+  auto_ids: true
+
+permalink: pretty
+baseurl: ""
+
+version: 3.0.0
+
+sass:
+  # sass_dir: 
+  style: compressed
+
+github:
+  repo: https://github.com/mdo/preboot
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,15 +7,35 @@
     <link href="http://gmpg.org/xfn/11" rel="profile">
 
     <!-- CSS -->
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Maven+Pro">
-    <link rel="stylesheet" href="/css/docs-compiled.css">
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,300,500">
+    <link rel="stylesheet" href="{{ site.baseurl }}/preboot.css">
 
     <title>Preboot</title>
   </head>
 
   <body>
 
-    {{ content }}
+    <header class="masthead">
+      <div class="container">
+        <h1>Preboot</h1>
+        <p>A collection of Sass mixins and variables from <a href="http://twitter.com/mdo" target="_blank">@mdo</a>.</p>
+        <a class="btn-reverse" href="https://github.com/mdo/preboot/archive/master.zip">Download Preboot</a>
+        <a class="btn-reverse" href="https://github.com/mdo/preboot">View project on GitHub</a>
+        <p class="social-buttons">
+          <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&repo=preboot&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+          <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&repo=preboot&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="95px" height="20px"></iframe>
+          <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://getpreboot.com/" data-count="horizontal" data-via="mdo">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+        </p>
+      </div>
+    </header>
+
+    <div class="container">
+      {{ content }}
+
+      <div class="footer">
+        &lt;3
+      </div>
+    </div>
 
     <script type="text/javascript">
       var _gauges = _gauges || [];
@@ -31,4 +51,4 @@
       })();
     </script>
   </body>
-</html>
+</html>