added Octopress.org theme and customizations

Rakefile

@@ -3,8 +3,8 @@ require "bundler/setup"
 
 ## -- Rsync Deploy config -- ##
 # Be sure your public key is listed in your server's ~/.ssh/authorized_keys file
-ssh_user       = "user@domain.com"
+ssh_user       = "mathisweb@octopress.org"
-document_root  = "~/website.com/"
+document_root  = "~/octopress.org/"
 deploy_default = "rsync"
 
 # This will be configured for you when you run config_deploy

_config.yml

@@ -2,17 +2,17 @@
 #      Main Configs       #
 # ----------------------- #
 
-url: http://yoursite.com
+url: http://octopress.org
-title: My Octopress Blog
+title: Octopress
 subtitle: A blogging framework for hackers.
-author: Your Name
+author: Brandon Mathis
 simple_search: http://google.com/search
 
 # RSS / Email (optional) subscription links (change if using something like Feedburner)
 subscribe_rss: /atom.xml
 subscribe_email:
 # RSS feeds can list your email address if you like
-email:
+email: brandon@imathis.com
 
 # ----------------------- #
 #    Jekyll & Plugins     #
@@ -38,7 +38,7 @@ recent_posts: 5 # Posts in the sidebar Recent Posts section
 # ----------------------- #
 
 # Twitter
-twitter_user:
+twitter_user: octopress
 twitter_tweet_count: 4
 twitter_show_replies: false
 twitter_follow_button: true
@@ -51,14 +51,14 @@ google_plus_one_size: medium
 
 # Pinboard
 pinboard_user:
-pinboard_count: 3
+pinboard_count: 4
 
 # Delicious
 delicious_user:
 delicious_count: 3
 
 # Disqus Comments
-disqus_short_name:
+disqus_short_name: octopress
 
 # Google Analytics
 google_analytics_tracking_id:

sass/custom/_colors.scss

@@ -1,13 +1,10 @@
-// Here you can easily change your sites's color scheme.
+$header-bg: #263347;
-// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
+$subtitle-color: lighten($header-bg, 58);
-
+$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
-//$header-bg: #263347;
+$sidebar-bg: desaturate(#eceff5, 8);
-//$subtitle-color: lighten($header-bg, 58);
+$sidebar-link-color: saturate(#526f9a, 10);
-//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
+$sidebar-link-color-hover: darken(#7ab662, 9);
-//$sidebar-bg: desaturate(#eceff5, 8);
+$pre-bg: darken($header-bg, 2);
-//$sidebar-link-color: saturate(#526f9a, 10);
-//$sidebar-link-color-hover: darken(#7ab662, 9);
-
 
 //To use the light Solarized highlighting theme uncomment this block
 //$base03: $base3;

sass/custom/_layout.scss

@@ -1,7 +1,7 @@
 // Here you can easily change your sites's layout.
 // To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
 
-//$max-width: 1350px;
+$max-width: 1000px;
 //$indented-lists: true;
 
 // Padding used for layout margins

sass/custom/_styles.scss

@@ -1,2 +1,76 @@
-// This File is imported last, and will override other styles in the cascade
+@include font-face("Bebas-Neue", font-files("bebasneue-web.woff", woff, "bebasneue-web.ttf", truetype, "bebasneue-web.svg#BebasNeueRegular", svg), $eot: "bebasneue-web.eot" );
-// Add styles here to make changes without digging in too much
+
+body > header h1 {
+  font-family: "Bebas-Neue", serif;
+  text-transform: uppercase;
+  font-weight: normal;
+}
+
+body > header {
+  font-size: .7em;
+  hgroup {
+    text-align: center;
+    position: relative;
+    padding: .5em 0;
+    margin: 0 auto;
+  }
+  h1 {
+    text-shadow: rgba(#000, .8) 0 0 8px;
+    font-size: 7em;
+    line-height: .8em;
+    position: relative;
+    padding-bottom: 1.75em;
+    margin: 0;
+    a:hover { color: #fff; }
+    &:after {
+      content: "";
+      position: absolute; left: 0; right: 0; top: .1em;
+      height: image-height('logo.png');
+      @include replace-text('logo.png');
+    }
+  }
+  h2 {
+    font-size: 1.6em;
+    position: relative; top: .4em;
+  }
+  @media only screen and (min-width: 400px) {
+    font-size: .82em;
+    hgroup {
+      left: -3.7em;
+      width: 22em;
+    }
+    h1 { padding-bottom: 0;
+      &:after {
+        position: absolute; top: -.15em; right: -.8em; left: auto;
+        width: 1.6em;
+        height: 1.6em;
+        @include background-size(100%);
+      }
+    }
+    h2 {
+      margin: 0 0 .3em;
+      @extend .sans;
+      font-size: 1.2em;
+      color: $subtitle-color;
+      position: relative; left: -1.6em; top: 0;
+      text-shadow: $header-bg 0 1px 1px;
+    }
+  }
+  @media only screen and (min-width: 480px) {
+    font-size: .98em;
+    h2 { top: .4em; }
+  }
+  @media only screen and (min-width: 768px) {
+    padding: 2em 0 1.5;
+    font-size: 1.2em;
+    hgroup { padding: 0 0 1em; }
+  }
+  @media only screen and (min-width: 990px) {
+    font-size: 1.1em;
+    h1:after {
+      width: image-width('logo.png');
+      height: image-height('logo.png');
+    }
+  }
+}
+

source/_includes/head.html

@@ -19,7 +19,7 @@
     <meta name="keywords" content="{{page.keywords}}"/>
   {% endif %}
 
-  <link href="{{ site.root }}/images/favicon.png" rel="shortcut icon" />
+  <link href="{{ site.root }}/favicon.png" rel="shortcut icon" />
   <link href="{{ site.root }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
   <script src="{{ site.root }}/javascripts/modernizr-2.0.js"></script>
   <script src="http://s3.amazonaws.com/ender-js/jeesh.min.js"></script>

source/_includes/navigation.html

@@ -12,5 +12,6 @@
 </form>
 <ul role="navigation">
   <li><a href="{{ site.root }}/">Blog</a></li>
-  <li><a href="{{ site.root }}/blog/archives">Archives</a></li>
+  <li><a href="{{ site.root }}/docs">Documentation</a></li>
+  <li><a href="http://github.com/imathis/octopress">Source</a></li>
 </ul>

source/fonts/bebasneue-web.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright   : Copyright c 2010 by Ryoichi Tsunekawa All rights reserved
+Designer    : Ryoichi Tsunekawa
+Foundry     : Ryoichi Tsunekawa
+</metadata>
+<defs>
+<font id="BebasNeueRegular" horiz-adv-x="1501" >
+<font-face units-per-em="2048" ascent="1638" descent="-410" />
+<missing-glyph horiz-adv-x="500" />
+<glyph unicode="C" horiz-adv-x="790" d="M63 344v746q0 174 86.5 267t250 93t249.5 -93t86 -267v-140h-213v154q0 141 -116.5 141t-116.5 -141v-774q0 -139 116.5 -139.5t116.5 139.5v205h213v-191q0 -174 -86 -267t-249.5 -93t-250 93t-86.5 267z" />
+<glyph unicode="E" horiz-adv-x="753" d="M82 0v1434h614v-205h-389v-400h309v-204h-309v-420h389v-205h-614z" />
+<glyph unicode="O" horiz-adv-x="811" d="M63 344v746q0 172 88.5 266t254 94t254 -94t88.5 -266v-746q0 -172 -88.5 -266t-254 -94t-254 94t-88.5 266zM289 330q0 -141 116.5 -141.5t116.5 141.5v774q0 141 -116.5 141t-116.5 -141v-774z" />
+<glyph unicode="P" horiz-adv-x="772" d="M82 0v1434h332q336 0 336 -355v-186q0 -354 -336 -354h-107v-539h-225zM307 743h107q55 0 82.5 31t27.5 105v215q0 74 -27.5 104.5t-82.5 30.5h-107v-486z" />
+<glyph unicode="R" horiz-adv-x="823" d="M82 0v1434h340q174 0 254 -81t80 -249v-113q0 -221 -148 -291q150 -63 150 -305v-221q0 -117 24 -174h-229q-20 61 -21 176v225q0 98 -34.5 140.5t-112.5 42.5h-78v-584h-225zM307 788h88q68 0 101.5 35t33.5 117v141q0 147 -114 148h-109v-441z" />
+<glyph unicode="S" horiz-adv-x="765" d="M47 344v88h213v-102q0 -139 117 -139.5t117 139.5q0 80 -45.5 150.5t-109.5 127.5l-130 120q-66 62 -111 155.5t-45 206.5q0 174 84 267t248 93t248 -93t84 -267v-46h-213v60q0 141 -112.5 141t-112.5 -141q0 -59 24.5 -112.5t63.5 -96.5t86 -85t93 -88t85 -98.5 t63.5 -124t24.5 -155.5q0 -174 -86 -267t-250 -93t-250 93t-86 267z" />
+<glyph unicode="T" horiz-adv-x="729" d="M16 1229v205h697v-205h-236v-1229h-225v1229h-236z" />
+<glyph unicode="&#xe000;" horiz-adv-x="500" d="M0 0v0v0v0v0z" />
+</font>
+</defs></svg>