Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

initial set up of 2.1 version of blog

nice boring colors for css
  • Loading branch information...
commit fcea8897c9a1f6a5505c1675e693b530fec0095a 1 parent 9659a45
@chrisperelstein authored
Showing with 3,030 additions and 10 deletions.
  1. +5 −5 Rakefile
  2. +5 −5 _config.yml
  3. +5 −0 sass/_base.scss
  4. +8 −0 sass/_partials.scss
  5. +192 −0 sass/base/_layout.scss
  6. +75 −0 sass/base/_solarized.scss
  7. +93 −0 sass/base/_theme.scss
  8. +168 −0 sass/base/_typography.scss
  9. +27 −0 sass/base/_utilities.scss
  10. +62 −0 sass/custom/_colors.scss
  11. +10 −0 sass/custom/_fonts.scss
  12. +20 −0 sass/custom/_layout.scss
  13. +11 −0 sass/custom/_styles.scss
  14. +77 −0 sass/partials/_archive.scss
  15. +166 −0 sass/partials/_blog.scss
  16. +19 −0 sass/partials/_footer.scss
  17. +18 −0 sass/partials/_header.scss
  18. +137 −0 sass/partials/_navigation.scss
  19. +73 −0 sass/partials/_sharing.scss
  20. +5 −0 sass/partials/_sidebar.scss
  21. +235 −0 sass/partials/_syntax.scss
  22. +106 −0 sass/partials/sidebar/_base.scss
  23. +4 −0 sass/partials/sidebar/_delicious.scss
  24. +26 −0 sass/partials/sidebar/_googleplus.scss
  25. +12 −0 sass/partials/sidebar/_pinboard.scss
  26. +42 −0 sass/partials/sidebar/_twitter.scss
  27. +10 −0 sass/screen.scss
  28. +9 −0 source/404.markdown
  29. +1 −0  source/CNAME
  30. +1 −0  source/README.markdown
  31. +7 −0 source/_includes/after_footer.html
  32. +12 −0 source/_includes/archive_post.html
  33. +23 −0 source/_includes/article.html
  34. +7 −0 source/_includes/comments.html
  35. +3 −0  source/_includes/custom/after_footer.html
  36. +1 −0  source/_includes/custom/after_page.html
  37. 0  source/_includes/custom/after_post.html
  38. +3 −0  source/_includes/custom/comments.html
  39. +4 −0 source/_includes/custom/footer.html
  40. +7 −0 source/_includes/custom/head.html
  41. +6 −0 source/_includes/custom/header.html
  42. +4 −0 source/_includes/custom/navigation.html
  43. +1 −0  source/_includes/custom/page_meta.html
  44. +1 −0  source/_includes/custom/post_meta.html
  45. +3 −0  source/_includes/custom/sharing.html
  46. +22 −0 source/_includes/disqus.html
  47. +10 −0 source/_includes/facebook_like.html
  48. +10 −0 source/_includes/feed_entry.xml
  49. +1 −0  source/_includes/footer.html
  50. +15 −0 source/_includes/gauges_analytics.html
  51. +13 −0 source/_includes/google_analytics.html
  52. +9 −0 source/_includes/google_plus_one.html
  53. +30 −0 source/_includes/head.html
  54. +1 −0  source/_includes/header.html
  55. +15 −0 source/_includes/navigation.html
  56. +8 −0 source/_includes/post/author.html
  57. +10 −0 source/_includes/post/categories.html
  58. +15 −0 source/_includes/post/date.html
  59. +1 −0  source/_includes/post/disqus_thread.html
  60. +3 −0  source/_includes/post/meta.html
  61. +36 −0 source/_includes/post/sharing.html
  62. +5 −0 source/_includes/post/title.html
  63. +14 −0 source/_includes/post/variables.html
  64. +4 −0 source/_includes/sidebars/blog_index_default.html
  65. +5 −0 source/_includes/sidebars/page_default.html
  66. +5 −0 source/_includes/sidebars/post_default.html
  67. +8 −0 source/_includes/sidebars/sections/delicious.html
  68. +11 −0 source/_includes/sidebars/sections/github.html
  69. +4 −0 source/_includes/sidebars/sections/google_plus.html
  70. +17 −0 source/_includes/sidebars/sections/pinboard.html
  71. +10 −0 source/_includes/sidebars/sections/recent_posts.html
  72. +13 −0 source/_includes/sidebars/sections/twitter.html
  73. +11 −0 source/_includes/twitter_sharing.html
  74. +25 −0 source/_layouts/category_feed.xml
  75. +19 −0 source/_layouts/category_index.html
  76. +14 −0 source/_layouts/default.html
  77. +34 −0 source/_layouts/page.html
  78. +39 −0 source/_layouts/post.html
  79. +20 −0 source/archives/index.html
  80. BIN  source/assets/jwplayer/glow/controlbar/background.png
  81. BIN  source/assets/jwplayer/glow/controlbar/blankButton.png
  82. BIN  source/assets/jwplayer/glow/controlbar/divider.png
  83. BIN  source/assets/jwplayer/glow/controlbar/fullscreenButton.png
  84. BIN  source/assets/jwplayer/glow/controlbar/fullscreenButtonOver.png
  85. BIN  source/assets/jwplayer/glow/controlbar/muteButton.png
  86. BIN  source/assets/jwplayer/glow/controlbar/muteButtonOver.png
  87. BIN  source/assets/jwplayer/glow/controlbar/normalscreenButton.png
  88. BIN  source/assets/jwplayer/glow/controlbar/normalscreenButtonOver.png
  89. BIN  source/assets/jwplayer/glow/controlbar/pauseButton.png
  90. BIN  source/assets/jwplayer/glow/controlbar/pauseButtonOver.png
  91. BIN  source/assets/jwplayer/glow/controlbar/playButton.png
  92. BIN  source/assets/jwplayer/glow/controlbar/playButtonOver.png
  93. BIN  source/assets/jwplayer/glow/controlbar/timeSliderBuffer.png
  94. BIN  source/assets/jwplayer/glow/controlbar/timeSliderCapLeft.png
  95. BIN  source/assets/jwplayer/glow/controlbar/timeSliderCapRight.png
  96. BIN  source/assets/jwplayer/glow/controlbar/timeSliderProgress.png
  97. BIN  source/assets/jwplayer/glow/controlbar/timeSliderRail.png
  98. BIN  source/assets/jwplayer/glow/controlbar/unmuteButton.png
  99. BIN  source/assets/jwplayer/glow/controlbar/unmuteButtonOver.png
  100. BIN  source/assets/jwplayer/glow/display/background.png
  101. BIN  source/assets/jwplayer/glow/display/bufferIcon.png
  102. BIN  source/assets/jwplayer/glow/display/muteIcon.png
  103. BIN  source/assets/jwplayer/glow/display/playIcon.png
  104. BIN  source/assets/jwplayer/glow/dock/button.png
  105. +115 −0 source/assets/jwplayer/glow/glow.xml
  106. BIN  source/assets/jwplayer/glow/playlist/item.png
  107. BIN  source/assets/jwplayer/glow/playlist/itemOver.png
  108. BIN  source/assets/jwplayer/glow/playlist/sliderCapBottom.png
  109. BIN  source/assets/jwplayer/glow/playlist/sliderCapTop.png
  110. BIN  source/assets/jwplayer/glow/playlist/sliderRail.png
  111. BIN  source/assets/jwplayer/glow/playlist/sliderThumb.png
  112. BIN  source/assets/jwplayer/glow/sharing/embedIcon.png
  113. BIN  source/assets/jwplayer/glow/sharing/embedScreen.png
  114. BIN  source/assets/jwplayer/glow/sharing/shareIcon.png
  115. BIN  source/assets/jwplayer/glow/sharing/shareScreen.png
  116. BIN  source/assets/jwplayer/player.swf
  117. +23 −0 source/atom.xml
  118. +1 −0  source/googlee0a59b20c8f2eb27.html
  119. BIN  source/images/bird_32_gray.png
  120. BIN  source/images/bird_32_gray_fail.png
  121. BIN  source/images/code_bg.png
  122. BIN  source/images/dotted-border.png
  123. BIN  source/images/email.png
  124. BIN  source/images/icon/facebook.png
  125. BIN  source/images/icon/github.png
  126. BIN  source/images/icon/googleplus.png
  127. BIN  source/images/icon/twitter-bird.png
  128. BIN  source/images/icon/twitter.png
  129. BIN  source/images/line-tile.png
  130. BIN  source/images/noise.png
  131. BIN  source/images/rss.png
  132. BIN  source/images/search.png
  133. +30 −0 source/index.html
  134. +4 −0 source/javascripts/group/jquery.min.js
  135. +4 −0 source/javascripts/group/modernizr-2.0.min.js
  136. +311 −0 source/javascripts/group/octopress.js
  137. +62 −0 source/javascripts/group/pinboard.js
  138. +12 −0 source/javascripts/group/swfobject-dynamic.min.js
  139. +300 −0 source/javascripts/lib/swfobject-dynamic.js
  140. BIN  source/octopress-favicon.png
  141. +7 −0 source/robots.txt
View
10 Rakefile
@@ -8,16 +8,16 @@ require 'time'
## -- 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 = "chrisperelstein_chrisperelstein@ssh.phx.nearlyfreespeech.net"
ssh_port = "22"
ssh_key = ""
-document_root = "~/website.com/"
+document_root = "/home/public"
rsync_delete = false
rsync_args = "" # Any extra arguments to pass to rsync
-deploy_default = "rsync"
+deploy_default = "push"
# This will be configured for you when you run config_deploy
-deploy_branch = "gh-pages"
+deploy_branch = "master"
## -- Misc Configs -- ##
@@ -30,7 +30,7 @@ posts_dir = "_posts" # directory for blog files
themes_dir = ".themes" # directory for blog files
new_post_ext = "markdown" # default new post file extension when using the new_post task
new_page_ext = "markdown" # default new page file extension when using the new_page task
-timezone = "local" # default time and date used to local timezone. Timezones (under TZ column): http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
+timezone = "UTC" # default time and date used to local timezone. Timezones (under TZ column): http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
server_host = ENV['OCTOPRESS_IP'] || '0.0.0.0' # host ip address for preview server
server_port = ENV['OCTOPRESS_PORT'] || '4000' # port for preview server eg. localhost:4000
View
10 _config.yml
@@ -2,10 +2,10 @@
# Main Configs #
# ----------------------- #
-url: http://yoursite.com
-title: My Octopress Blog
-subtitle: A blogging framework for hackers.
-author: Your Name
+url: http://www.chrisperelstein.com
+title: chrisPerelstein.com
+subtitle: space for my endless projects
+author: Chris Perelstein
simple_search: http://google.com/search
description:
@@ -113,7 +113,7 @@ disqus_show_comment_count: false
disqus_developer: 0
# Google Analytics
-google_analytics_tracking_id:
+google_analytics_tracking_id: UA-37371186-1
# Gaug.es Analytics
gauges_analytics_tracking_id:
View
5 sass/_base.scss
@@ -0,0 +1,5 @@
+@import "base/utilities";
+@import "base/solarized";
+@import "base/theme";
+@import "base/typography";
+@import "base/layout";
View
8 sass/_partials.scss
@@ -0,0 +1,8 @@
+@import "partials/header";
+@import "partials/navigation";
+@import "partials/blog";
+@import "partials/sharing";
+@import "partials/syntax";
+@import "partials/archive";
+@import "partials/sidebar";
+@import "partials/footer";
View
192 sass/base/_layout.scss
@@ -0,0 +1,192 @@
+$max-width: 1200px !default;
+
+// Padding used for layout margins
+$pad-min: 18px !default;
+$pad-narrow: 25px !default;
+$pad-medium: 35px !default;
+$pad-wide: 55px !default;
+
+// Sidebar widths used in media queries
+$sidebar-width-medium: 240px !default;
+$sidebar-pad-medium: 15px !default;
+$sidebar-pad-wide: 20px !default;
+$sidebar-width-wide: 300px !default;
+
+$indented-lists: false !default;
+
+$header-font-size: 1em !default;
+$header-padding-top: 1.5em !default;
+$header-padding-bottom: 1.5em !default;
+
+.group { @include pie-clearfix; }
+
+@mixin collapse-sidebar {
+ float: none;
+ width: auto;
+ clear: left;
+ margin: 0;
+ padding: 0 $pad-medium 1px;
+ background-color: lighten($sidebar-bg, 2);
+ border-top: 1px solid lighten($sidebar-border, 4);
+ section {
+ &.odd, &.even { float: left; width: 48%; }
+ &.odd { margin-left: 0; }
+ &.even { margin-left: 4%; }
+ }
+ &.thirds section {
+ width: 30%;
+ margin-left: 5%;
+ &.first {
+ margin-left: 0;
+ clear: both;
+ }
+ }
+}
+
+body {
+ -webkit-text-size-adjust: none;
+ max-width: $max-width;
+ position: relative;
+ margin: 0 auto;
+ > header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
+ @extend .group;
+ padding-left: $pad-min;
+ padding-right: $pad-min;
+ @media only screen and (min-width: 480px) {
+ padding-left: $pad-narrow;
+ padding-right: $pad-narrow;
+ }
+ @media only screen and (min-width: 768px) {
+ padding-left: $pad-medium;
+ padding-right: $pad-medium;
+ }
+ @media only screen and (min-width: 992px) {
+ padding-left: $pad-wide;
+ padding-right: $pad-wide;
+ }
+ }
+ div.pagination {
+ @extend .group;
+ margin-left: $pad-min;
+ margin-right: $pad-min;
+ @media only screen and (min-width: 480px) {
+ margin-left: $pad-narrow;
+ margin-right: $pad-narrow;
+ }
+ @media only screen and (min-width: 768px) {
+ margin-left: $pad-medium;
+ margin-right: $pad-medium;
+ }
+ @media only screen and (min-width: 992px) {
+ margin-left: $pad-wide;
+ margin-right: $pad-wide;
+ }
+ }
+ > header {
+ font-size: $header-font-size;
+ padding-top: $header-padding-top;
+ padding-bottom: $header-padding-bottom;
+ }
+}
+
+#content {
+ overflow: hidden;
+ > div, > article { width: 100%; }
+}
+
+aside.sidebar {
+ float: none;
+ padding: 0 $pad-min 1px;
+ background-color: lighten($sidebar-bg, 2);
+ border-top: 1px solid $sidebar-border;
+ @extend .group;
+}
+
+.flex-content { max-width: 100%; height: auto; }
+
+.basic-alignment {
+ &.left { float: left; margin-right: 1.5em; }
+ &.right { float: right; margin-left: 1.5em; }
+ &.center { display:block; margin: 0 auto 1.5em; }
+ &.left, &.right { margin-bottom: .8em; }
+}
+
+.toggle-sidebar { &, .no-sidebar & { display: none; }}
+
+body.sidebar-footer {
+ @media only screen and (min-width: 750px) {
+ aside.sidebar{ @include collapse-sidebar; }
+ }
+ #content { margin-right: 0px; }
+ .toggle-sidebar { display: none; }
+}
+
+@media only screen and (min-width: 550px) {
+ body > header { font-size: $header-font-size; }
+}
+@media only screen and (min-width: 750px) {
+ aside.sidebar { @include collapse-sidebar; }
+}
+#main, #content, .sidebar {
+ @extend .group;
+}
+@media only screen and (min-width: 768px) {
+ body { -webkit-text-size-adjust: auto; }
+ body > header { font-size: $header-font-size * 1.2; }
+ #main {
+ padding: 0;
+ margin: 0 auto;
+ }
+ #content {
+ overflow: visible;
+ margin-right: $sidebar-width-medium;
+ position: relative;
+ .no-sidebar & { margin-right: 0; border-right: 0; }
+ .collapse-sidebar & { margin-right: 20px; }
+ > div, > article {
+ padding-top: $pad-medium/2;
+ padding-bottom: $pad-medium/2;
+ float: left;
+ }
+ }
+ aside.sidebar {
+ width: $sidebar-width-medium - $sidebar-pad-medium*2;
+ padding: 0 $sidebar-pad-medium $sidebar-pad-medium;
+ background: none;
+ clear: none;
+ float: left;
+ margin: 0 -100% 0 0;
+ section {
+ width: auto; margin-left: 0;
+ &.odd, &.even { float: none; width: auto; margin-left: 0; }
+ }
+ .collapse-sidebar & {
+ @include collapse-sidebar;
+ }
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ body > header { font-size: $header-font-size * 1.3; }
+ #content { margin-right: $sidebar-width-wide; }
+ #content {
+ > div, > article {
+ padding-top: $pad-wide/2;
+ padding-bottom: $pad-wide/2;
+ }
+ }
+ aside.sidebar {
+ width: $sidebar-width-wide - $sidebar-pad-wide*2;
+ padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide;
+ .collapse-sidebar & {
+ padding: { left: $pad-wide; right: $pad-wide; }
+ }
+ }
+}
+
+@if $indented-lists == false {
+ @media only screen and (min-width: 768px) {
+ ul, ol { margin-left: 0; }
+ }
+}
+
View
75 sass/base/_solarized.scss
@@ -0,0 +1,75 @@
+$solarized: light !default;
+$pre-bg: default !default;
+
+$base03: #002b36 !default; //darkest blue
+$base02: #073642 !default; //dark blue
+$base01: #586e75 !default; //darkest gray
+$base00: #657b83 !default; //dark gray
+$base0: #839496 !default; //medium gray
+$base1: #93a1a1 !default; //medium light gray
+// Test defaults for cream colors
+$base2: default !default;
+$base3: default !default;
+@if $solarized == dark {
+ @if $base2 == default { $base2: #eee8d5; } // cream
+ @if $base3 == default { $base3: #fdf6e3; } // cream white
+}
+@if $solarized == light {
+ // I prefer white and gray for the light theme
+ @if $base2 == default { $base2: #e5e5e5; } // light gray
+ @if $base3 == default { $base3: #fbfbfb; } // white
+}
+$solar-yellow: #b58900 !default;
+$solar-orange: #cb4b16 !default;
+$solar-red: #dc322f !default;
+$solar-magenta: #d33682 !default;
+$solar-violet: #6c71c4 !default;
+$solar-blue: #268bd2 !default;
+$solar-cyan: #2aa198 !default;
+$solar-green: #859900 !default;
+
+@if $solarized == light {
+ // Flipping the colors, This is the magic of Solarized.
+ $_base03: $base03;
+ $_base02: $base02;
+ $_base01: $base01;
+ $_base00: $base00;
+ $_base0: $base0;
+ $_base1: $base1;
+ $_base2: $base2;
+ $_base3: $base3;
+
+ $base03: $_base3;
+ $base02: $_base2;
+ $base01: $_base1;
+ $base00: $_base0;
+ $base0: $_base00;
+ $base1: $_base01;
+ $base2: $_base02;
+ $base3: $_base03;
+}
+
+/* non highlighted code colors */
+@if $pre-bg == default {
+ $pre-bg: $base03;
+} @else if $pre-bg != $base03 {
+ $base03: $pre-bg;
+ $base02: lighten($base03, 5);
+}
+
+$pre-border: darken($base02, 5) !default;
+$pre-color: $base1 !default;
+
+@if $pre-border != darken($base02, 5) {
+ $base02: lighten($pre-border, 5);
+}
+@if $pre-color != $base1 {
+ $base1: $pre-color;
+}
+
+$marker: rgba(#00baff, .5) !default;
+$marker-bg: rgba($marker, .03) !default;
+$marker-border: rgba($marker, .13) !default;
+$marker-border-left: $marker !default;
+
+$code-selection-color: false !default;
View
93 sass/base/_theme.scss
@@ -0,0 +1,93 @@
+// Main Link Colors
+$link-color: lighten(#165b94, 3) !default;
+$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
+$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
+$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
+
+// Main Section Colors
+$main-bg: #f8f8f8 !default;
+$page-bg: #252525 !default;
+$article-border: #eeeeee !default;
+
+$header-bg: #333 !default;
+$header-border: lighten($header-bg, 15) !default;
+$title-color: #f2f2f2 !default;
+$subtitle-color: #aaa !default;
+
+$text-color: #222 !default;
+$text-color-light: #aaa !default;
+$type-border: #ddd !default;
+
+/* Navigation */
+$nav-bg: #ccc !default;
+$nav-bg-front: image-url('noise.png') !default;
+$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
+$nav-color: darken($nav-bg, 38) !default;
+$nav-color-hover: darken($nav-color, 25) !default;
+$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
+$nav-border: darken($nav-bg, 10) !default;
+$nav-border-top: lighten($nav-bg, 15) !default;
+$nav-border-bottom: darken($nav-bg, 25) !default;
+$nav-border-left: darken($nav-bg, 11) !default;
+$nav-border-right: lighten($nav-bg, 7) !default;
+
+/* Sidebar colors */
+$sidebar-bg: #f2f2f2 !default;
+$sidebar-link-color: $link-color !default;
+$sidebar-link-color-hover: $link-color-hover !default;
+$sidebar-link-color-active: $link-color-active !default;
+$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default;
+$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default;
+$sidebar-border-hover: darken($sidebar-bg, 7) !default;
+$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default;
+$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default;
+$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default;
+
+$footer-color: #888 !default;
+$footer-bg: #ccc !default;
+$footer-bg-front: image-url('noise.png') !default;
+$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
+$footer-color: darken($footer-bg, 38) !default;
+$footer-color-hover: darken($footer-color, 10) !default;
+$footer-border-top: lighten($footer-bg, 15) !default;
+$footer-border-bottom: darken($footer-bg, 15) !default;
+$footer-link-color: darken($footer-bg, 38) !default;
+$footer-link-color-hover: darken($footer-color, 25) !default;
+$page-border-bottom: darken($footer-bg, 5) !default;
+
+
+// Sprites and images
+
+@import "icon/*.png";/**/
+@include all-icon-sprites($dimensions: true);
+
+$noise-bg: image-url('noise.png') top left !default;
+$img-border: inline-image('dotted-border.png') !default;
+
+
+// Core theme application
+
+a {
+ color: $link-color;
+ @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
+}
+.sidebar a {
+ @include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
+}
+a {
+ @include transition(color .3s);
+}
+
+html {
+ background: $page-bg image-url('line-tile.png') top left;
+}
+body {
+ > div {
+ background: $sidebar-bg $noise-bg;
+ border-bottom: 1px solid $page-border-bottom;
+ > div {
+ background: $main-bg $noise-bg;
+ border-right: 1px solid $sidebar-border;
+ }
+ }
+}
View
168 sass/base/_typography.scss
@@ -0,0 +1,168 @@
+$blockquote: $type-border !default;
+$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
+$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
+$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
+$heading-font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
+$header-title-font-family: $heading-font-family !default;
+$header-subtitle-font-family: $heading-font-family !default;
+
+$h1: 2.2em !default;
+$h2: 1.5em !default;
+$h3: 1.3em !default;
+$h4: 1em !default;
+$h5: .9em !default;
+$h6: .8em !default;
+
+// Fonts
+.heading {
+ font-family: $heading-font-family;
+}
+.sans { font-family: $sans; }
+.serif { font-family: $serif; }
+.mono { font-family: $mono; }
+
+body > header h1 {
+ font-size: $h1;
+ @extend .heading;
+ font-family: $header-title-font-family;
+ font-weight: normal;
+ line-height: 1.2em;
+ margin-bottom: 0.6667em;
+}
+body > header h2 {
+ font-family: $header-subtitle-font-family;
+}
+
+body {
+ line-height: 1.5em;
+ color: $text-color;
+ @extend .serif;
+}
+
+#{headings()}{
+ @extend .heading;
+ text-rendering: optimizelegibility;
+ margin-bottom: 1em;
+ font-weight: bold;
+}
+h1 {
+ font-size: $h1;
+ line-height: 1.2em;
+}
+h2, section h1 {
+ font-size: $h2;
+}
+h3, section h2, section section h1 {
+ font-size: $h3;
+}
+h4, section h3, section section h2, section section section h1 {
+ font-size: $h4;
+}
+h5, section h4, section section h3 {
+ font-size: $h5;
+}
+h6, section h5, section section h4, section section section h3 {
+ font-size: $h6;
+}
+
+@media only screen and (min-width: 992px) {
+ body { font-size: 1.15em; }
+}
+
+p, blockquote, ul, ol { margin-bottom: 1.5em; }
+
+ul { list-style-type: disc;
+ ul { list-style-type: circle; margin-bottom: 0px;
+ ul { list-style-type: square; margin-bottom: 0px; }}}
+
+ol { list-style-type: decimal;
+ ol { list-style-type: lower-alpha; margin-bottom: 0px;
+ ol { list-style-type: lower-roman; margin-bottom: 0px; }}}
+
+ul, ol { &, ul, ol { margin-left: 1.3em; }}
+
+strong { font-weight: bold; }
+
+em { font-style: italic; }
+
+sup, sub { vertical-align: baseline; font-size: 0.8em; position: relative; }
+sup { top: -.5em; }
+sub { bottom: -.5em; }
+
+q { font-style: italic;
+ &:before { content: "\201C"; }
+ &:after { content: "\201D"; }
+}
+
+em, dfn { font-style: italic; }
+
+strong, dfn { font-weight: bold; }
+
+del, s { text-decoration: line-through; }
+
+abbr, acronym { border-bottom: 1px dotted; cursor: help; }
+
+pre, code, tt { @extend .mono; }
+
+sub, sup { line-height: 0; }
+
+hr { margin-bottom: 0.2em; }
+
+small { font-size: .8em; }
+
+big { font-size: 1.2em; }
+
+blockquote {
+ $bq-margin: 1.2em;
+ font-style: italic;
+ position: relative;
+ font-size: 1.2em;
+ line-height: 1.5em;
+ padding-left: 1em;
+ border-left: 4px solid rgba($text-color-light, .5);
+ cite {
+ font-style: italic;
+ a { color: $text-color-light !important; word-wrap: break-word; }
+ &:before { content: '\2014'; padding:{right: .3em; left: .3em;} color: $text-color-light; }
+ }
+ @media only screen and (min-width: 992px) {
+ padding-left: 1.5em;
+ border-left-width: 4px;
+ }
+}
+
+.pullquote-right:before,
+.pullquote-left:before {
+ /* Reset metrics. */
+ padding: 0;
+ border: none;
+
+ /* Content */
+ content: attr(data-pullquote);
+
+ /* Pull out to the right, modular scale based margins. */
+ float: right;
+ width: 45%;
+ margin: .5em 0 1em 1.5em;
+
+ /* Baseline correction */
+ position: relative;
+ top: 7px;
+ font-size: 1.4em;
+ line-height: 1.45em;
+}
+
+.pullquote-left:before {
+ /* Make left pullquotes align properly. */
+ float: left;
+ margin: .5em 1.5em 1em 0;
+}
+
+/* @extend this to force long lines of continuous text to wrap */
+.force-wrap {
+ white-space: -moz-pre-wrap;
+ white-space: -pre-wrap;
+ white-space: -o-pre-wrap;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
View
27 sass/base/_utilities.scss
@@ -0,0 +1,27 @@
+@mixin mask-image($img, $repeat: no-repeat){
+ @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms);
+ @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms);
+ width: image-width($img);
+ height: image-height($img);
+}
+
+@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) {
+ @include border-radius($border-radius);
+ @include box-shadow($shadow);
+ @include box-sizing(border-box);
+ border: $border;
+}
+
+@mixin selection($bg, $color: inherit, $text-shadow: none){
+ * {
+ &::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
+ &::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
+ &::selection { background: $bg; color: $color; text-shadow: $text-shadow; }
+ }
+}
+
+@function text-color($color, $dark: dark, $light: light){
+ $text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000;
+ $text-color: if($text-color >= 150, $dark, $light);
+ @return $text-color;
+}
View
62 sass/custom/_colors.scss
@@ -0,0 +1,62 @@
+/*
+ Here you can easily change your site's color scheme.
+ To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
+ Look at sass/base/_theme.scss for more colors you tweak (override them in this file)
+
+ For a handy color picker try http://hslpicker.com */
+
+$main-bg: #fff;
+$main-bg-front: none;
+$main-bg-back: none;
+
+$page-bg: #fff;
+$header-bg: #fff;
+$title-color: #222;
+//$subtitle-color: lighten($header-bg, 58);
+
+$nav-bg: #fff;
+$nav-bg-front: none;
+$nav-bg-back: none;
+$nav-border-top: darken($nav-bg, 25) !default;
+
+$sidebar-bg: #fff;
+//$sidebar-link-color: saturate(#526f9a, 10);
+//$sidebar-link-color-hover: darken(#7ab662, 9);
+$footer-bg: #fff;
+$footer-bg-front: none;
+$footer-bg-back: none;
+
+/* To use the dark code highlighting theme uncomment the following line */
+
+//$solarized: dark;
+
+/* To adjust the background color uncomment and edit the following line */
+/* If you intend to use a dark background, uncomment $solarized: dark; above*/
+
+//$pre-bg: #252525;
+
+/* To change the color of the code markers, uncomment and change the following lines */
+
+//$marker: rgba(#00baff, .5);
+//$marker-bg: rgba($marker, .03);
+//$marker-border: rgba($marker, .13);
+//$marker-border-left: $marker;
+
+/* For fine control over the syntax highlighting colors edit here */
+
+//$base03: #002b36; //darkest blue
+//$base02: #073642; //dark blue
+//$base01: #586e75; //darkest gray
+//$base00: #657b83; //dark gray
+//$base0: #839496; //medium gray
+//$base1: #93a1a1; //medium light gray
+//$base2: #eee8d5; //cream
+//$base3: #fdf6e3; //white
+//$solar-yellow: #b58900;
+//$solar-orange: #cb4b16;
+//$solar-red: #dc322f;
+//$solar-magenta: #d33682;
+//$solar-violet: #6c71c4;
+//$solar-blue: #268bd2;
+//$solar-cyan: #2aa198;
+//$solar-green: #859900;
View
10 sass/custom/_fonts.scss
@@ -0,0 +1,10 @@
+// Here you can easily change font faces which are used in your site.
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
+// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
+
+//$sans: "Optima", sans-serif;
+//$serif: "Baskerville", serif;
+//$mono: "Courier", monospace;
+//$heading-font-family: "Verdana", sans-serif;
+//$header-title-font-family: "Futura", sans-serif;
+//$header-subtitle-font-family: "Futura", sans-serif;
View
20 sass/custom/_layout.scss
@@ -0,0 +1,20 @@
+// 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: 1069px;
+//$indented-lists: true;
+
+// Padding used for layout margins
+//$pad-min: 18px;
+//$pad-narrow: 25px;
+//$pad-medium: 35px;
+//$pad-wide: 55px;
+
+// Sidebar widths used in media queries
+//$sidebar-width-medium: 240px;
+//$sidebar-pad-medium: 15px;
+//$sidebar-pad-wide: 20px;
+//$sidebar-width-wide: 300px;
+
+$header-padding-top: 0.5em;
+$header-padding-bottom: 0.5em;
View
11 sass/custom/_styles.scss
@@ -0,0 +1,11 @@
+// This File is imported last, and will override other styles in the cascade
+// Add styles here to make changes without digging in too much
+html,body>div,body>div>div{
+ background-image: none;
+}
+header h2{
+ display: inline-block;
+}
+a:visited{
+ color: #aaa;
+}
View
77 sass/partials/_archive.scss
@@ -0,0 +1,77 @@
+#archive {
+ #content > div { &, > article { padding-top: 0; } }
+}
+#blog-archives {
+ color: $text-color-light;
+ article {
+ padding: 1em 0 1em;
+ position: relative;
+ background: $img-border bottom left repeat-x;
+ &:last-child {
+ background: none;
+ }
+ footer {
+ padding: 0; margin: 0;
+ font-size: .85em;
+ line-height: 1em;
+ }
+ }
+ h2 { display: none; }
+ .entry-title {
+ color: $text-color; margin-bottom: .3em;
+ font-size: $h3;
+ a {
+ @include hover-link;
+ &:hover { color: $link-color-hover; }
+ font-weight: normal;
+ display: inline-block;
+ }
+ }
+ article[data-linklog] .entry-title {
+ font-size: $h4;
+ a { text-decoration: underline; }
+ }
+ a.category, time {
+ @extend .sans;
+ color: $text-color-light;
+ }
+ .entry-content { display: none; }
+ time {
+ font-size: .9em;
+ line-height: 1.2em;
+ .month, .day { display: inline-block; }
+ .month { text-transform: uppercase; }
+ }
+ p { margin-bottom: 1em; }
+ a:hover { color: $link-color-hover; }
+
+ @media only screen and (min-width: 550px) {
+ article {
+ padding: { left: 4.5em; bottom: .7em;}
+ margin-left: 5em;
+ }
+ h2 {
+ margin-bottom: .3em;
+ font-weight: normal;
+ display: inline-block;
+ position: relative; top: -1px;
+ float: left;
+ &:first-child { padding-top: .75em; }
+ }
+ time {
+ position: absolute;
+ text-align: right;
+ left: 0em;
+ top: 1.8em;
+ }
+ .year { display: none; }
+ a.category { line-height: 1.1em; }
+ }
+}
+#content > .category {
+ article {
+ margin-left: 0;
+ padding-left: 6.8em;
+ }
+ .year { display: inline; }
+}
View
166 sass/partials/_blog.scss
@@ -0,0 +1,166 @@
+#content .blog-index {
+ padding: { top: 0; bottom: 0; }
+ article { padding-top: 2em; }
+}
+
+article {
+ padding-top: 1em;
+ a { @extend .force-wrap; }
+ header {
+ position: relative;
+ padding-top: 2em;
+ padding-bottom: 1em;
+ margin-bottom: 1em;
+ background: $img-border bottom left repeat-x;
+ @media only screen and (min-width: 768px) {
+ margin-bottom: 1.5em;
+ padding-bottom: 1em;
+ background: $img-border bottom left repeat-x;
+ }
+ .blog-index & { background: none; padding-bottom: 0; }
+ p {
+ font-size: .8em;
+ margin: 0;
+ color: $text-color-light;
+ &.meta { @extend .sans; position: absolute; top: 0; }
+ }
+ time { text-transform: uppercase; }
+ }
+ .entry-title {
+ margin: 0;
+ a { text-decoration: none;
+ &:hover { text-decoration: underline; }
+ }
+ .blog-index & {
+ font-size: $h1;
+ a { color: inherit; &:hover { color: $link-color-hover; } }
+ }
+ }
+
+ a[rel=bookmark] { text-decoration: none; }
+
+ h2 {
+ padding-top: 0.8em;
+ background: $img-border top left repeat-x;
+ }
+ h2:first-child, header + h2 { background: none; }
+
+ .entry-content & h2:first-child, header + h2 { padding-top: 0; }
+
+ &.linklog {
+ .entry-title {
+ font-size: $h1;
+ a { text-decoration: underline; }
+ }
+ .blog-index & .entry-title { font-size: $h2; }
+ }
+
+ .linklog-marker {
+ color: $text-color-light;
+ font-size: .8em;
+ line-height: 1em;
+ position: relative; top: -.15em;
+ }
+
+ > footer {
+ @extend .sans;
+ padding-bottom: 2.5em;
+ margin-top: 2em;
+ .blog-index & { margin-top: 1em; }
+ }
+ footer {
+ .meta {
+ margin-bottom: .8em;
+ font-size: .85em;
+ clear: both;
+ overflow: hidden;
+ }
+ .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
+ @extend .separator;
+ }
+ p:last-child { margin-bottom: 0; }
+ .comments-link {
+ font-size: .8em;
+ color: inherit;
+ &:hover, &:focus { color: $link-color-hover; }
+ }
+ }
+
+ a[rel=full-article] {
+ background: darken($main-bg, 5);
+ display: inline-block;
+ padding: .4em .8em;
+ margin-right: .5em;
+ text-decoration: none;
+ color: mix($text-color, $text-color-light);
+ @extend .serif;
+ @include transition(background-color .5s);
+ &:hover {
+ background: $link-color-hover;
+ text-shadow: none;
+ color: $main-bg;
+ }
+ }
+
+ .blog-index & + article {
+ background: $img-border top left repeat-x;
+ }
+
+ .feature {
+ padding-top: .5em;
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+ background: $img-border bottom left repeat-x;
+ font-size: 2.0em; font-style: italic;
+ line-height: 1.3em;
+ }
+
+ img, video, .flash-video {
+ @extend .flex-content;
+ @extend .basic-alignment;
+ @include shadow-box;
+ }
+ video, .flash-video { margin: 0 auto 1.5em; }
+ video { display: block; width: 100%; }
+ .flash-video {
+ > div {
+ position: relative;
+ display: block;
+ padding-bottom: 56.25%;
+ padding-top: 1px;
+ height: 0;
+ overflow: hidden;
+ iframe, object, embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+}
+
+.separator {
+ content: "\2022 ";
+ padding: 0 .4em 0 .2em;
+ display: inline-block;
+}
+
+#content div.pagination {
+ text-align: center;
+ font-size: .95em;
+ position: relative;
+ background: $img-border top left repeat-x;
+ padding: {top: 1.5em; bottom: 1.5em;}
+ a {
+ text-decoration: none;
+ color: $text-color-light;
+ &.prev { position: absolute; left: 0; }
+ &.next { position: absolute; right: 0; }
+ &:hover { color: $link-color-hover; }
+ &[href*=archive] {
+ &:before, &:after { content: '\2014'; padding: 0 .3em; }
+ }
+ }
+}
View
19 sass/partials/_footer.scss
@@ -0,0 +1,19 @@
+body > footer {
+ @extend .sans;
+ font-size: .8em;
+ color: $footer-color;
+ text-shadow: lighten($footer-bg, 5) 0 1px;
+ background-color: $footer-bg;
+ @include background($footer-bg-front, $footer-bg-back);
+ border-top: 1px solid $footer-border-top;
+ position: relative;
+ padding-top: 1em;
+ padding-bottom: 1em;
+ margin-bottom: 3em;
+ @include border-bottom-radius(.4em);
+ z-index: 1;
+ a {
+ @include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color);
+ }
+ p:last-child { margin-bottom: 0; }
+}
View
18 sass/partials/_header.scss
@@ -0,0 +1,18 @@
+body > header {
+ background: $header-bg;
+ h1 {
+ display: inline-block;
+ margin: 0;
+ a, a:visited, a:hover {
+ color: $title_color;
+ text-decoration: none;
+ }
+ }
+ h2 {
+ margin: .2em 0 0;
+ @extend .sans;
+ font-size: 1em;
+ color: $subtitle-color;
+ font-weight: normal;
+ }
+}
View
137 sass/partials/_navigation.scss
@@ -0,0 +1,137 @@
+body > nav {
+ position: relative;
+ background-color: $nav-bg;
+ @include background($nav-bg-front, $nav-bg-back);
+ border: {
+ top: 1px solid $nav-border-top;
+ bottom: 1px solid $nav-border-bottom; }
+ padding-top: .35em;
+ padding-bottom: .35em;
+ form {
+ @include background-clip(padding-box);
+ margin: 0; padding: 0;
+ .search {
+ padding: .3em .5em 0;
+ font-size: .85em;
+ font-family: $sans;
+ line-height: 1.1em;
+ width: 95%;
+ @include border-radius(.5em);
+ @include background-clip(padding-box);
+ @include box-shadow(lighten($nav-bg, 2) 0 1px);
+ background-color: lighten($nav-bg, 15);
+ border: 1px solid $nav-border;
+ color: #888;
+ &:focus {
+ color: #444;
+ border-color: #80b1df;
+ @include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset);
+ background-color: #fff;
+ outline: none;
+ }
+ }
+ }
+ fieldset[role=search]{ float: right; width: 48%; }
+ fieldset.mobile-nav{ float: left; width: 48%;
+ select{ width: 100%; font-size: .8em; border: 1px solid #888;}
+ }
+ ul { display: none; }
+ @media only screen and (min-width: 550px) {
+ font-size: .9em;
+ ul {
+ @include horizontal-list(0);
+ float: left;
+ display: block;
+ padding-top: .15em;
+ }
+ ul.subscription {
+ margin-left: .8em;
+ float: right;
+ li:last-child a { padding-right: 0; }
+ }
+ ul li {
+ margin: 0;
+ }
+ a {
+ @include link-colors($nav-color, $nav-color-hover, $visited: $nav-color);
+ font-family: $sans;
+ text-shadow: lighten($nav-bg, 12) 0 1px;
+ float: left;
+ text-decoration: none;
+ font-size: 1.1em;
+ padding: .1em 0;
+ line-height: 1.5em;
+ }
+ li + li {
+ border-left: 1px solid $nav-border-left;
+ margin-left: .8em;
+ a {
+ padding-left: .8em;
+ border-left: 1px solid $nav-border-right;
+ }
+ }
+ form {
+ float: right;
+ text-align: left;
+ padding-left: .8em;
+ width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px;
+ .search {
+ width: 93%;
+ font-size: .95em;
+ line-height: 1.2em;
+ }
+ }
+ ul[data-subscription$=email] + form {
+ width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px;
+ .search { width: 91%; }
+ }
+ fieldset.mobile-nav { display: none; }
+ fieldset[role=search]{ width: 99%; }
+ }
+ @media only screen and (min-width: 992px) {
+ form {
+ width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px;
+ }
+ ul[data-subscription$=email] + form {
+ width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px;
+ }
+ }
+}
+.no-placeholder {
+ body > nav .search {
+ background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat;
+ text-indent: 1.3em;
+ }
+}
+@mixin mask-subscription-nav($feed: 'rss.png'){
+ position: relative; top: 0px;
+ text-indent: -999999em;
+ background-color: $nav-border-right;
+ border: 0;
+ padding: 0;
+ &,&:after { @include mask-image($feed); }
+ &:after {
+ content: "";
+ position: absolute; top: -1px; left: 0;
+ background-color: lighten($nav-color, 25);
+ }
+ &:hover:after { background-color: lighten($nav-color, 20); }
+}
+.maskimage {
+ body > nav {
+ @media only screen and (min-width: 550px) {
+ ul[data-subscription$=email] + form {
+ width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 32px;
+ }
+ }
+ @media only screen and (min-width: 992px) {
+ ul[data-subscription$=email] + form {
+ width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 32px;
+ }
+ }
+ }
+ ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
+ a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
+ a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
+}
+
View
73 sass/partials/_sharing.scss
@@ -0,0 +1,73 @@
+@mixin social-button-bg($icon: false, $color: #333, $img: false) {
+ color: $color;
+ &:visited, &:hover, &:visited:hover { color: $color; }
+ @if $img {
+ padding-left: image-width($img) + 6px;
+ &:before {
+ background: image-url($img) no-repeat center center;
+ width: image-width($img);
+ height: image-height($img);
+ position: absolute; left: 3px;
+ }
+ } @else if $icon {
+ padding-left: icon-sprite-width($icon) + 6px;
+ &:before {
+ vertical-align: middle;
+ @extend .icon-#{$icon};
+ position: absolute; left: 3px;
+ }
+ }
+}
+
+.simple-social-button {
+ position: relative;
+ overflow: hidden;
+ font-family: "Lucida Grande", Helvetica, Arial, sans;
+ display: inline-block;
+ border: 1px solid #ccc;
+ padding: .2em .5em; line-height: 1.45em;
+ font-size: 11px;
+ font-weight: bold;
+ text-decoration: none;
+ text-shadow: #fff 0 1px;
+ @include border-radius(.3em);
+ background-color: #e5e5e5;
+ @include background-image(linear-gradient(#fff, #ddd));
+ &:hover {
+ @include background-image(linear-gradient(#f5f5f5, #ccc));
+ border-color: #b5b5b5;
+ background-color: #ddd;
+ }
+ &:before {
+ content: "";
+ display: inline-block;
+ }
+}
+
+.sharing {
+ p.meta + & {
+ padding: { top: 1em; left: 0; }
+ background: $img-border top left repeat-x;
+ }
+}
+
+#fb-root { display: none; }
+
+.googleplus-share {
+ @extend .simple-social-button;
+ @include social-button-bg('googleplus', #db583b);
+ &:before { top: 5px; }
+}
+.facebook-share {
+ @extend .simple-social-button;
+ @include social-button-bg('facebook', #4e5a9b);
+ &:before { top: 3px; }
+}
+.twitter-share, .sidebar a.twitter-follow-button {
+ @extend .simple-social-button;
+ @include social-button-bg('twitter');
+}
+.sidebar .github-follow {
+ @extend .simple-social-button;
+ @include social-button-bg('github');
+}
View
5 sass/partials/_sidebar.scss
@@ -0,0 +1,5 @@
+@import "sidebar/base";
+@import "sidebar/twitter";
+@import "sidebar/googleplus";
+@import "sidebar/pinboard";
+@import "sidebar/delicious";
View
235 sass/partials/_syntax.scss
@@ -0,0 +1,235 @@
+p, li {
+ code {
+ @extend .mono;
+ display: inline-block;
+ white-space: no-wrap;
+ background: #fff;
+ font-size: .8em;
+ line-height: 1.5em;
+ color: #555;
+ border: 1px solid #ddd;
+ @include border-radius(.4em);
+ padding: 0 .3em;
+ margin: -1px 0;
+ }
+ pre code { font-size: 1em; background: none; border: none; }
+}
+
+pre, figure.code table {
+ @if $code-selection-color != false {
+ @include selection($code-selection);
+ }
+}
+
+pre {
+ background: $pre-bg $noise-bg;
+ @include border-radius(.4em);
+ @extend .mono;
+ color: $pre-color;
+ overflow: scroll;
+ overflow-y: hidden;
+ overflow-x: auto;
+ border: 1px solid $pre-border;
+ margin-bottom: 2.1em;
+ padding: 1em .8em;
+ font-size: 13px;
+ line-height: 1.45em;
+}
+
+figure.code {
+ @include box-shadow(rgba(#000, .06) 0 0 10px);
+ background: none;
+ padding: 0;
+ border: 0;
+ margin-bottom: 1.5em;
+ pre {
+ @include border-radius(0px);
+ @include box-shadow(none);
+ background: none;
+ color: $base1;
+ border: none;
+ padding: 0;
+ margin-bottom: 0;
+ overflow: visible;
+ font-style: normal;
+ font-weight: normal;
+ }
+ figcaption {
+ position: relative;
+ text-align: center;
+ font-size: 13px;
+ line-height: 2em;
+ font-weight: normal;
+ margin-bottom: 0;
+ @include border-top-radius(5px);
+ font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
+ background-color: #aaaaaa;
+ @if lightness($base03) <= lightness(#555) {
+ text-shadow: #cbcccc 0 1px 0;
+ color: #555;
+ @include background-image(linear-gradient(
+ #e0e0e0, #cfcfcf 6%, #b1b1b1 90%, #aaaaaa
+ ));
+ border: 1px solid #a5a5a5 {
+ top-color: #cbcbcb;
+ bottom: 0;
+ }
+ }
+ @else if lightness($base03) > lightness(#555) {
+ text-shadow: #fff 0 1px 0;
+ color: #777;
+ @include background-image(linear-gradient(
+ #fff, #f0f0f0 6%, #e5e5e5 90%, #ddd
+ ));
+ border: 1px solid #c5c5c5 {
+ top-color: #d5d5d5;
+ bottom: 0;
+ }
+ }
+ a {
+ position: absolute; right: .8em;
+ @include hover-link;
+ color: inherit;
+ z-index: 1;
+ padding-left: 3em;
+ }
+ }
+ .marked {
+ position: relative;
+ display: block;
+ &:after {
+ content: "";
+ position: absolute;
+ background: $marker-bg;
+ left: -.8em; top: 0; bottom: 0; right: -.8em;
+ border: 0px solid $marker-border {
+ left-color: $marker-border-left;
+ }
+ }
+ &.start:after {
+ border-top-width: 1px;
+ }
+ &.end:after {
+ border-bottom-width: 1px;
+ }
+ }
+ .unnumbered, .line-numbers {
+ .marked:after { border-left-width: 2px; }
+ }
+}
+
+figure .highlight {
+ border: 1px solid $pre-border;
+ background: $base03;
+ overflow-y: hidden;
+ overflow-x: auto;
+
+ // allows line number to be read by screen readers but won't be selected when copying code
+ [data-line]:before { content: attr(data-line); }
+
+ td {
+ line-height: 1.45em;
+ font-size: 13px;
+ pre { padding: .8em; }
+ }
+
+ .main {
+ width: 100%;
+ background: $base03 $noise-bg;
+ }
+
+ .line-numbers {
+ text-align: right;
+ pre { color: $base01; }
+
+ @if lightness($base03) > lightness(#555) {
+ background: lighten($base03, 1) $noise-bg;
+ border-right: 1px solid darken($base02, 2);
+ @include box-shadow(lighten($base03, 2) -1px 0 inset);
+ text-shadow: lighten($base02, 2) 0 -1px;
+ } @else {
+ background: $base02 $noise-bg;
+ border-right: 1px solid darken($base03, 2);
+ @include box-shadow(lighten($base02, 2) -1px 0 inset);
+ text-shadow: darken($base02, 10) 0 -1px;
+ }
+ }
+
+ .c { color: $base01; font-style: italic; } /* Comment */
+ .cm { color: $base01; font-style: italic; } /* Comment.Multiline */
+ .cp { color: $base01; font-style: italic; } /* Comment.Preproc */
+ .c1 { color: $base01; font-style: italic; } /* Comment.Single */
+ .cs { color: $base01; font-weight: bold; font-style: italic; } /* Comment.Special */
+ .err { color: $solar-red; background: none; } /* Error */
+ .k { color: $solar-orange; } /* Keyword */
+ .o { color: $base1; font-weight: bold; } /* Operator */
+ .p { color: $base1; } /* Operator */
+ .ow { color: $solar-cyan; font-weight: bold; } /* Operator.Word */
+ .gd { color: $base1; background-color: mix($solar-red, $base03, 25%); display: inline-block; } /* Generic.Deleted */
+ .gd .x { color: $base1; background-color: mix($solar-red, $base03, 35%); display: inline-block; } /* Generic.Deleted.Specific */
+ .ge { color: $base1; font-style: italic; } /* Generic.Emph */
+ //.gr { color: #aa0000 } /* Generic.Error */
+ .gh { color: $base01; } /* Generic.Heading */
+ .gi { color: $base1; background-color: mix($solar-green, $base03, 20%); display: inline-block; } /* Generic.Inserted */
+ .gi .x { color: $base1; background-color: mix($solar-green, $base03, 40%); display: inline-block; } /* Generic.Inserted.Specific */
+ //.go { color: #888888 } /* Generic.Output */
+ //.gp { color: #555555 } /* Generic.Prompt */
+ .gs { color: $base1; font-weight: bold; } /* Generic.Strong */
+ .gu { color: $solar-violet; } /* Generic.Subheading */
+ //.gt { color: #aa0000 } /* Generic.Traceback */
+ .kc { color: $solar-green; font-weight: bold; } /* Keyword.Constant */
+ .kd { color: $solar-blue; } /* Keyword.Declaration */
+ .kp { color: $solar-orange; font-weight: bold; } /* Keyword.Pseudo */
+ .kr { color: $solar-magenta; font-weight: bold; } /* Keyword.Reserved */
+ .kt { color: $solar-cyan; } /* Keyword.Type */
+ .n { color: $solar-blue; }
+ .na { color: $solar-blue; } /* Name.Attribute */
+ .nb { color: $solar-green; } /* Name.Builtin */
+ .nc { color: $solar-magenta;} /* Name.Class */
+ .no { color: $solar-yellow; } /* Name.Constant */
+ //.ni { color: #800080 } /* Name.Entity */
+ .nl { color: $solar-green; }
+ .ne { color: $solar-blue; font-weight: bold; } /* Name.Exception */
+ .nf { color: $solar-blue; font-weight: bold; } /* Name.Function */
+ .nn { color: $solar-yellow; } /* Name.Namespace */
+ .nt { color: $solar-blue; font-weight: bold; } /* Name.Tag */
+ .nx { color: $solar-yellow !Important; }
+ //.bp { color: #999999 } /* Name.Builtin.Pseudo */
+ //.vc { color: #008080 } /* Name.Variable.Class */
+ .vg { color: $solar-blue; } /* Name.Variable.Global */
+ .vi { color: $solar-blue; } /* Name.Variable.Instance */
+ .nv { color: $solar-blue; } /* Name.Variable */
+ //.w { color: #bbbbbb } /* Text.Whitespace */
+ .mf { color: $solar-cyan; } /* Literal.Number.Float */
+ .m { color: $solar-cyan; } /* Literal.Number */
+ .mh { color: $solar-cyan; } /* Literal.Number.Hex */
+ .mi { color: $solar-cyan; } /* Literal.Number.Integer */
+ //.mo { color: #009999 } /* Literal.Number.Oct */
+ .s { color: $solar-cyan; } /* Literal.String */
+ //.sb { color: #d14 } /* Literal.String.Backtick */
+ //.sc { color: #d14 } /* Literal.String.Char */
+ .sd { color: $solar-cyan; } /* Literal.String.Doc */
+ .s2 { color: $solar-cyan; } /* Literal.String.Double */
+ .se { color: $solar-red; } /* Literal.String.Escape */
+ //.sh { color: #d14 } /* Literal.String.Heredoc */
+ .si { color: $solar-blue; } /* Literal.String.Interpol */
+ //.sx { color: #d14 } /* Literal.String.Other */
+ .sr { color: $solar-cyan; } /* Literal.String.Regex */
+ .s1 { color: $solar-cyan; } /* Literal.String.Single */
+ //.ss { color: #990073 } /* Literal.String.Symbol */
+ //.il { color: #009999 } /* Literal.Number.Integer.Long */
+ div { .gd, .gd .x, .gi, .gi .x { display: inline-block; width: 100%; }}
+}
+
+$solar-scroll-bg: rgba(#fff, .15);
+$solar-scroll-thumb: rgba(#fff, .2);
+@if lightness($base03) > lightness(#555) {
+ $solar-scroll-bg: rgba(#000, .15);
+ $solar-scroll-thumb: rgba(#000, .15);
+}
+
+pre, figure .highlight {
+ &::-webkit-scrollbar { height: .5em; background: $solar-scroll-bg; }
+ &::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb; -webkit-border-radius: 4px; border-radius: 4px }
+}
+
View
106 sass/partials/sidebar/_base.scss
@@ -0,0 +1,106 @@
+.side-shadow-border {
+ @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
+}
+.sidebar {
+ overflow: hidden;
+ color: $sidebar-color;
+ text-shadow: lighten($sidebar-bg, 8) 0 1px;
+ a { @extend .force-wrap; }
+ section {
+ @extend .sans;
+ font-size: .8em;
+ line-height: 1.4em;
+ margin-bottom: 1.5em;
+ h1 {
+ margin: 1.5em 0 0;
+ padding-bottom: .2em;
+ border-bottom: 1px solid $sidebar-border;
+ @extend .side-shadow-border;
+ + p {
+ padding-top: .4em;
+ }
+ }
+ }
+ img {
+ @extend .flex-content;
+ @extend .basic-alignment;
+ @include shadow-box($border: #fff .3em solid);
+ }
+ ul {
+ margin-bottom: 0.5em;
+ margin-left: 0;
+ }
+ li {
+ list-style: none;
+ padding: .5em 0;
+ margin: 0;
+ border-bottom: 1px solid $sidebar-border;
+ @extend .side-shadow-border;
+ p:last-child {
+ margin-bottom: 0;
+ }
+ }
+ a {
+ color: inherit;
+ @include transition(color .5s);
+ }
+ &:hover p a, &:hover li a {
+ color: $sidebar-link-color;
+ &:hover { color: $sidebar-link-color-hover; }
+ }
+}
+.aside-alt-link {
+ color: $sidebar-link-color-subdued;
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .toggle-sidebar {
+ outline: none;
+ position: absolute; right: -10px; top: 0; bottom: 0;
+ display: inline-block;
+ text-decoration: none;
+ color: mix($text-color-light, $sidebar-bg);
+ width: 9px;
+ cursor: pointer;
+ &:hover {
+ background: mix($sidebar-border, $sidebar-bg);
+ @include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
+ }
+ &:after {
+ position: absolute; right: -11px; top: 0;
+ width: 20px;
+ font-size: 1.2em;
+ line-height: 1.1em;
+ padding-bottom: .15em;
+ @include border-bottom-right-radius(.3em);
+ text-align: center;
+ background: $main-bg $noise-bg;
+ border-bottom: 1px solid $sidebar-border;
+ border-right: 1px solid $sidebar-border;
+ content: "\00BB";
+ text-indent: -1px;
+ }
+ .collapse-sidebar & {
+ text-indent: 0px;
+ right: -20px;
+ width: 19px;
+ &:hover {
+ background: mix($sidebar-border, $sidebar-bg);
+ }
+ &:after {
+ border-left: 1px solid $sidebar-border;
+ text-shadow: #fff 0 1px;
+ content: "\00AB";
+ left: 0px; right: 0;
+ text-align: center;
+ text-indent: 0;
+ border: 0;
+ border-right-width: 0;
+ background: none;
+ }
+ }
+ }
+}
View
4 sass/partials/sidebar/_delicious.scss
@@ -0,0 +1,4 @@
+.delicious-posts {
+ a.delicious-link { margin-bottom: .5em; display: block; }
+ p { font-size: 1em; }
+}
View
26 sass/partials/sidebar/_googleplus.scss
@@ -0,0 +1,26 @@
+.googleplus {
+ h1 {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ -o-box-shadow: none !important;
+ box-shadow: none !important;
+ border-bottom: 0px none !important;
+ }
+ a {
+ text-decoration: none;
+ white-space: normal !important;
+ line-height: 32px;
+
+ img {
+ float: left;
+ margin-right: 0.5em;
+ border: 0 none;
+ }
+ }
+}
+
+.googleplus-hidden {
+ position: absolute;
+ top: -1000em;
+ left: -1000em;
+}
View
12 sass/partials/sidebar/_pinboard.scss
@@ -0,0 +1,12 @@
+#pinboard_linkroll {
+ .pin-title, .pin-description {
+ display: block;
+ margin-bottom: .5em;
+ }
+ .pin-tag {
+ @include hover-link;
+ @extend .aside-alt-link;
+ &:after { content: ','; }
+ &:last-child:after { content: ''; }
+ }
+}
View
42 sass/partials/sidebar/_twitter.scss
@@ -0,0 +1,42 @@
+#tweets {
+ .loading {
+ &:before {
+ content: "";
+ display: block;
+ margin: 0 auto;
+ @extend .icon-twitter-bird;
+ }
+ color: darken($sidebar-bg, 18);
+ text-shadow: $main-bg 0 1px;
+ text-align: center;
+ padding: .5em 0;
+ .transform &.error {
+ @include rotate(180deg);
+ @include box-shadow(lighten($sidebar-bg, 5) 0 -1px);
+ border-bottom: 0;
+ border-top: 1px solid $sidebar-border;
+ }
+ }
+ p {
+ position: relative;
+ padding-right: 1em;
+ }
+ a[href*=status]:first-child {
+ color: $twitter-status-link;
+ float: right;
+ padding: 0 0 .1em 1em;
+ position: relative; right: -1.3em;
+ text-shadow: #fff 0 1px;
+ font-size: .7em;
+ span { font-size: 1.5em; }
+ text-decoration: none;
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ text-decoration: none;
+ }
+ }
+ a[href*='twitter.com/search']{
+ @extend .aside-alt-link;
+ @include hover-link;
+ }
+}
View
10 sass/screen.scss
@@ -0,0 +1,10 @@
+@import "compass";
+@include global-reset;
+@include reset-html5;
+
+@import "custom/colors";
+@import "custom/fonts";
+@import "custom/layout";
+@import "base";
+@import "partials";
+@import "custom/styles";
View
9 source/404.markdown
@@ -0,0 +1,9 @@
+---
+layout: page
+title: Page Not Found
+footer: false
+---
+
+Oops, I couldn't find that page! Sorry about that.
+
+Maybe try the search box (top right), or look through the [archives](/archives/)?
View
1  source/CNAME
@@ -0,0 +1 @@
+chrisperelstein.com
View
1  source/README.markdown
@@ -0,0 +1 @@
+this branch is generated and deployed by octopress. it's probably extremely uninteresting and the other branches will generally be slightly more interesting than that. i keep a separate repo (http://github.com/chrisperelstein/octopress) for modifications to octopress, though no promises of anything interesting there either.
View
7 source/_includes/after_footer.html
@@ -0,0 +1,7 @@
+{% include disqus.html %}
+{% unless site.respectfully_social %}
+ {% include facebook_like.html %}
+ {% include google_plus_one.html %}
+ {% include twitter_sharing.html %}
+{% endunless %}
+{% include custom/after_footer.html %}
View
12 source/_includes/archive_post.html
@@ -0,0 +1,12 @@
+{% capture category %}{{ post.categories | size }}{% endcapture %}
+{% include post/title.html %}
+<time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>{{ post.date | date: "<span class='month'>%b</span> <span class='day'>%d</span> <span class='year'>%Y</span>"}}</time>
+<footer>
+ {% if linklog %}
+ <a rel="bookmark" href="{{ permalink }}">{{ site.permalink_label }}</a>
+ {% endif %}
+ {% if category != '0' %}
+ {% if linklog %} &bull; {% endif %}
+ <span class="categories">posted in {{ post.categories | category_links }}</span>
+ {% endif %}
+</footer>
View
23 source/_includes/article.html
@@ -0,0 +1,23 @@
+{% unless page.no_header %}
+ <header>
+ {% include post/title.html %}
+ {% unless page.meta == false %}
+ <p class="meta">
+ {% include post/date.html %}{{ time }}
+ &bull; <a rel="bookmark" href="{{ permalink }}">{{ site.permalink_label }}</a>
+ </p>
+ {% endunless %}
+ </header>
+{% endunless %}
+<div class="entry-content">{{ content }}</div>
+{% if index %}
+ <footer>
+ {% if site.disqus_short_name and page.comments != false and post.comments != false and site.disqus_show_comment_count == true %}
+ <p><a class="comments-link" href="{% if index %}{{ permalink }}{% endif %}#disqus_thread" data-disqus-identifier="{% if post.disqus_id %}{{ post.disqus_id }}{% else %}{{ site.url }}{{ post.url }}{% endif %}">View comments &raquo;</a></p>
+
+ {% endif %}
+ {% if excerpted != 'false' %}
+ <p><a rel="full-article" href="{{ permalink }}">{{ site.excerpt_link }}</a></p>
+ {% endif %}
+ </footer>
+{% endif %}
View
7 source/_includes/comments.html
@@ -0,0 +1,7 @@
+<section>
+ <h1>Comments</h1>
+ {% include custom/comments.html %}
+ {% if site.disqus_short_name %}
+ <div id="disqus_thread" aria-live="polite">{% include post/disqus_thread.html %}</div>
+ {% endif %}
+</section>
View
3  source/_includes/custom/after_footer.html
@@ -0,0 +1,3 @@
+{% comment %}
+ Add content to be output at the bottom of each page. (You might use this for analytics scripts, for example)
+{% endcomment %}
View
1  source/_includes/custom/after_page.html
@@ -0,0 +1 @@
+{% comment %} Add content at the bottom of every page {% endcomment %}
View
0  source/_includes/custom/after_post.html
No changes.
View
3  source/_includes/custom/comments.html
@@ -0,0 +1,3 @@
+{% comment %}
+To use a custom comment system, add the javascript to custom/after_footer.html then add the container for your comments here.
+{% endcomment %}
View
4 source/_includes/custom/footer.html
@@ -0,0 +1,4 @@
+<p>
+ Copyright &copy; {{ site.time | date: "%Y" }} - {{ site.author }} -
+ <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
+</p>
View
7 source/_includes/custom/head.html
@@ -0,0 +1,7 @@
+{% comment %}
+To customize the favicon, assign it to "/url/to/favicon.png"
+{% endcomment %}
+{% assign favicon = false %}
+<!--Fonts from Google's Web font directory at http://google.com/webfonts -->
+<link href='http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
View
6 source/_includes/custom/header.html
@@ -0,0 +1,6 @@
+<hgroup>
+ <h1><a href="{{ root_url }}/">{{ site.title }}</a></h1>
+ {% if site.subtitle %}
+ <h2>{{ site.subtitle }}</h2>
+ {% endif %}
+</hgroup>
View
4 source/_includes/custom/navigation.html
@@ -0,0 +1,4 @@
+<ul class="main-navigation">
+ <li><a href="{{ root_url }}/">Blog</a></li>
+ <li><a href="{{ root_url }}/archives/">Archives</a></li>
+</ul>
View
1  source/_includes/custom/page_meta.html
@@ -0,0 +1 @@
+{% comment %} Add content to the meta section after any page. {% endcomment %}
View
1  source/_includes/custom/post_meta.html
@@ -0,0 +1 @@
+{% comment %} Add content to the meta section after any post. {% endcomment %}
View
3  source/_includes/custom/sharing.html
@@ -0,0 +1,3 @@
+{% comment %}
+You can add sharing buttons here. Just so you know, some services may use these buttons to track visitors to your site, and also these can trigger lots of http requests slowing your site down for low bandwidth and mobile users.
+{% endcomment %}
View
22 source/_includes/disqus.html
@@ -0,0 +1,22 @@
+{% comment %} Load script if disquss comments are enabled and `page.comments` is either empty (index) or set to true {% endcomment %}
+{% if site.disqus_short_name and page.comments != false %}
+<script type="text/javascript">
+ var disqus_shortname = '{{ site.disqus_short_name }}';
+ var disqus_developer = '{{ site.disqus_developer }}';
+ {% if page.comments == true %}
+ {% comment %} `page.comments` can be only be set to true on pages/posts, so we embed the comments here. {% endcomment %}
+ // var disqus_developer = 1;
+ var disqus_identifier = '{{ site.url }}{{ page.url }}';
+ var disqus_url = '{{ site.url }}{{ page.url }}';
+ var disqus_script = 'embed.js';
+ {% else %}
+ {% comment %} As `page.comments` is empty, we must be on the index page. {% endcomment %}
+ var disqus_script = 'count.js';
+ {% endif %}
+ (function () {
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+ dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+ }());
+</script>
+{% endif %}
View
10 source/_includes/facebook_like.html
@@ -0,0 +1,10 @@
+{% if site.facebook_like %}
+<div id="fb-root"></div>
+<script type="text/javascript">(function(d, s, id) {
+ var js, fjs = d.getElementsByTagName(s)[0];
+ if (d.getElementById(id)) {return;}
+ js = d.createElement(s); js.id = id;
+ js.src = "//connect.facebook.net/en_US/all.js#appId=212934732101925&xfbml=1";
+ fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+{% endif %}
View
10 source/_includes/feed_entry.xml
@@ -0,0 +1,10 @@
+{% assign linklog = false %}
+{% if post.external-url %}{% capture linklog %}{{ post.external-url | prepend_url: site.url }}{% endcapture %}{% endif %}
+{% capture title_url %}{% if linklog %}{{ linklog }}{% else %}{{ site.url }}{{ post.url }}{% endif %}{% endcapture %}
+{% capture title %}{% if linklog and site.linklog_marker_position_feed == 'before' %}{% unless linklog %}{{ site.standard_post_marker }}{% endunless %}{{ site.linklog_marker }} {% endif %}{{ post.title }}{% if linklog and site.linklog_marker_position_feed == 'after' %} {{ site.linklog_marker }}{% endif %}{% endcapture %}
+{% capture content %}{% if site.excerpt_in_feed %}{{ post.content | excerpt | expand_urls: site.url }}<p><a rel="bookmark" href="{{ site.url }}{{ post.url }}">{{ site.excerpt_link }}</a></p>{% else %}{{ post.content | expand_urls: site.url }}{% endif %}{% if linklog and site.permalink_label_feed %}<p><a rel="bookmark" href="{{ site.url }}{{ post.url }}">{{ site.permalink_label_feed }}</a></p>{% endif %}{% endcapture %}
+<title type="html"><![CDATA[{{ title | cdata_escape }}]]></title>
+<link href="{{ title_url }}"/>
+<updated>{{ post.date | date_to_xmlschema }}</updated>
+<id>{{ site.url }}{{ post.id }}</id>
+{% for category in post.categories %}<category term="{{ category }}" />{% endfor %}
View
1  source/_includes/footer.html
@@ -0,0 +1 @@
+{% include custom/footer.html %}
View
15 source/_includes/gauges_analytics.html
@@ -0,0 +1,15 @@
+{% if site.gauges_analytics_tracking_id %}
+ <script type="text/javascript">
+ var _gauges = _gauges || [];
+ (function() {
+ var t = document.createElement('script');
+ t.type = 'text/javascript';
+ t.async = true;
+ t.id = 'gauges-tracker';
+ t.setAttribute('data-site-id', '{{ site.gauges_analytics_tracking_id }}');
+ t.src = '//secure.gaug.es/track.js';
+ var s = document.getElementsByTagName('script')[0];
+ s.parentNode.insertBefore(t, s);
+ })();
+ </script>
+{% endif %}
View
13 source/_includes/google_analytics.html
@@ -0,0 +1,13 @@
+{% if site.google_analytics_tracking_id %}
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', '{{ site.google_analytics_tracking_id }}']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+{% endif %}
View
9 source/_includes/google_plus_one.html
@@ -0,0 +1,9 @@
+{% if site.google_plus_one %}
+ <script type="text/javascript">
+ (function() {
+ var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
+ script.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
+ })();
+ </script>
+{% endif %}
View
30 source/_includes/head.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
+<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
+<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
+ <meta name="author" content="{{ site.author }}">
+ <meta name="Generator" content="Jekyll & Octopress (http://octopress.org)">
+
+ {% capture description %}{% if page.description %}{{ page.description }}{% elsif site.description %}{{ site.description }}{% endif %}{% endcapture %}{% if description.length %}
+ <meta name="description" content="{{ description }}">{% endif %}
+ {% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
+
+ <!-- http://t.co/dKP3o1e -->
+ <meta name="HandheldFriendly" content="True">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ {% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' }}{% endif %}{% endcapture %}