Permalink
Browse files

Switching site over to Octopress. Initial commit of Octopress files.

  • Loading branch information...
1 parent 9f40242 commit 55ec7c3cb134d6d41c28dde2d3eca2172996e524 @tjvantoll committed Mar 13, 2012
Showing with 5,783 additions and 20 deletions.
  1. +5 −5 Rakefile
  2. +17 −15 _config.yml
  3. +5 −0 sass/_base.scss
  4. +8 −0 sass/_partials.scss
  5. +192 −0 sass/base/_layout.scss
  6. +46 −0 sass/base/_solarized.scss
  7. +86 −0 sass/base/_theme.scss
  8. +161 −0 sass/base/_typography.scss
  9. +28 −0 sass/base/_utilities.scss
  10. +43 −0 sass/custom/_colors.scss
  11. +10 −0 sass/custom/_fonts.scss
  12. +21 −0 sass/custom/_layout.scss
  13. +110 −0 sass/custom/_styles.scss
  14. +151 −0 sass/custom/partials/_PictureCube.scss
  15. +11 −0 sass/custom/partials/_helpers.scss
  16. +54 −0 sass/custom/posts/2012-02-27.scss
  17. +72 −0 sass/partials/_archive.scss
  18. +141 −0 sass/partials/_blog.scss
  19. +19 −0 sass/partials/_footer.scss
  20. +21 −0 sass/partials/_header.scss
  21. +136 −0 sass/partials/_navigation.scss
  22. +8 −0 sass/partials/_sharing.scss
  23. +5 −0 sass/partials/_sidebar.scss
  24. +253 −0 sass/partials/_syntax.scss
  25. +106 −0 sass/partials/sidebar/_base.scss
  26. +4 −0 sass/partials/sidebar/_delicious.scss
  27. +26 −0 sass/partials/sidebar/_googleplus.scss
  28. +12 −0 sass/partials/sidebar/_pinboard.scss
  29. +34 −0 sass/partials/sidebar/_twitter.scss
  30. +10 −0 sass/screen.scss
  31. +5 −0 source/_includes/after_footer.html
  32. +8 −0 source/_includes/archive_post.html
  33. +28 −0 source/_includes/article.html
  34. +8 −0 source/_includes/asides/delicious.html
  35. +30 −0 source/_includes/asides/github.html
  36. +11 −0 source/_includes/asides/googleplus.html
  37. +19 −0 source/_includes/asides/pinboard.html
  38. +10 −0 source/_includes/asides/recent_posts.html
  39. +19 −0 source/_includes/asides/twitter.html
  40. +3 −0 source/_includes/custom/after_footer.html
  41. +4 −0 source/_includes/custom/asides/about.html
  42. +27 −0 source/_includes/custom/category_feed.xml
  43. +4 −0 source/_includes/custom/footer.html
  44. +18 −0 source/_includes/custom/head.html
  45. +55 −0 source/_includes/custom/header.html
  46. +5 −0 source/_includes/custom/navigation.html
  47. +21 −0 source/_includes/disqus.html
  48. +10 −0 source/_includes/facebook_like.html
  49. +1 −0 source/_includes/footer.html
  50. +13 −0 source/_includes/google_analytics.html
  51. +9 −0 source/_includes/google_plus_one.html
  52. +37 −0 source/_includes/head.html
  53. +1 −0 source/_includes/header.html
  54. +15 −0 source/_includes/navigation.html
  55. +8 −0 source/_includes/post/author.html
  56. +10 −0 source/_includes/post/categories.html
  57. +15 −0 source/_includes/post/date.html
  58. +1 −0 source/_includes/post/disqus_thread.html
  59. +11 −0 source/_includes/post/sharing.html
  60. +11 −0 source/_includes/twitter_sharing.html
  61. +17 −0 source/_layouts/category_index.html
  62. +14 −0 source/_layouts/default.html
  63. +42 −0 source/_layouts/page.html
  64. +43 −0 source/_layouts/post.html
  65. +180 −0 source/_posts/2012-02-20-CSS3-Color-Animations.markdown
  66. +241 −0 source/_posts/2012-02-27-Making-a-3D-Picture-Cube-with-CSS3.markdown
  67. +153 −0 source/_posts/2012-03-08-IE7-Attribute-Selector-Bugs.markdown
  68. +49 −0 source/about/index.markdown
  69. BIN source/assets/jwplayer/glow/controlbar/background.png
  70. BIN source/assets/jwplayer/glow/controlbar/blankButton.png
  71. BIN source/assets/jwplayer/glow/controlbar/divider.png
  72. BIN source/assets/jwplayer/glow/controlbar/fullscreenButton.png
  73. BIN source/assets/jwplayer/glow/controlbar/fullscreenButtonOver.png
  74. BIN source/assets/jwplayer/glow/controlbar/muteButton.png
  75. BIN source/assets/jwplayer/glow/controlbar/muteButtonOver.png
  76. BIN source/assets/jwplayer/glow/controlbar/normalscreenButton.png
  77. BIN source/assets/jwplayer/glow/controlbar/normalscreenButtonOver.png
  78. BIN source/assets/jwplayer/glow/controlbar/pauseButton.png
  79. BIN source/assets/jwplayer/glow/controlbar/pauseButtonOver.png
  80. BIN source/assets/jwplayer/glow/controlbar/playButton.png
  81. BIN source/assets/jwplayer/glow/controlbar/playButtonOver.png
  82. BIN source/assets/jwplayer/glow/controlbar/timeSliderBuffer.png
  83. BIN source/assets/jwplayer/glow/controlbar/timeSliderCapLeft.png
  84. BIN source/assets/jwplayer/glow/controlbar/timeSliderCapRight.png
  85. BIN source/assets/jwplayer/glow/controlbar/timeSliderProgress.png
  86. BIN source/assets/jwplayer/glow/controlbar/timeSliderRail.png
  87. BIN source/assets/jwplayer/glow/controlbar/unmuteButton.png
  88. BIN source/assets/jwplayer/glow/controlbar/unmuteButtonOver.png
  89. BIN source/assets/jwplayer/glow/display/background.png
  90. BIN source/assets/jwplayer/glow/display/bufferIcon.png
  91. BIN source/assets/jwplayer/glow/display/muteIcon.png
  92. BIN source/assets/jwplayer/glow/display/playIcon.png
  93. BIN source/assets/jwplayer/glow/dock/button.png
  94. +115 −0 source/assets/jwplayer/glow/glow.xml
  95. BIN source/assets/jwplayer/glow/playlist/item.png
  96. BIN source/assets/jwplayer/glow/playlist/itemOver.png
  97. BIN source/assets/jwplayer/glow/playlist/sliderCapBottom.png
  98. BIN source/assets/jwplayer/glow/playlist/sliderCapTop.png
  99. BIN source/assets/jwplayer/glow/playlist/sliderRail.png
  100. BIN source/assets/jwplayer/glow/playlist/sliderThumb.png
  101. BIN source/assets/jwplayer/glow/sharing/embedIcon.png
  102. BIN source/assets/jwplayer/glow/sharing/embedScreen.png
  103. BIN source/assets/jwplayer/glow/sharing/shareIcon.png
  104. BIN source/assets/jwplayer/glow/sharing/shareScreen.png
  105. BIN source/assets/jwplayer/player.swf
  106. +27 −0 source/atom.xml
  107. +18 −0 source/blog/archives/index.html
  108. BIN source/favicon.png
  109. BIN source/images/bird_32_gray.png
  110. BIN source/images/bird_32_gray_fail.png
  111. BIN source/images/code_bg.png
  112. BIN source/images/dotted-border.png
  113. BIN source/images/email.png
  114. BIN source/images/icons/mail.png
  115. BIN source/images/icons/warning.png
  116. BIN source/images/izzie/1.jpg
  117. BIN source/images/izzie/2.jpg
  118. BIN source/images/izzie/3.jpg
  119. BIN source/images/izzie/4.jpg
  120. BIN source/images/izzie/5.jpg
  121. BIN source/images/izzie/6.jpg
  122. BIN source/images/kids/1.jpg
  123. BIN source/images/kids/2.jpg
  124. BIN source/images/kids/3.jpg
  125. BIN source/images/line-tile.png
  126. BIN source/images/me/1.jpg
  127. BIN source/images/me/2.jpg
  128. BIN source/images/me/3.jpg
  129. BIN source/images/me/4.jpg
  130. BIN source/images/noise.png
  131. BIN source/images/rss.png
  132. BIN source/images/search.png
  133. +29 −0 source/index.html
  134. +81 −0 source/javascripts/PictureCube.js
  135. +296 −0 source/javascripts/build/scripts.js
  136. +45 −0 source/javascripts/ender.js
  137. +37 −0 source/javascripts/github.js
  138. +1,497 −0 source/javascripts/libs/ender.js
  139. +85 −0 source/javascripts/libs/jXHR.js
  140. +298 −0 source/javascripts/libs/swfobject-dynamic.js
  141. +4 −0 source/javascripts/modernizr-2.5.3.js
  142. +161 −0 source/javascripts/octopress.js
  143. +56 −0 source/javascripts/pinboard.js
  144. +2 −0 source/javascripts/prefixfree.min.js
  145. +78 −0 source/javascripts/twitter.js
  146. +1 −0 source/stylesheets/custom/posts/2012-02-27.css
  147. +1 −0 source/stylesheets/posts/2012-02-27.css
  148. +1 −0 source/stylesheets/posts/2012-03-01.css
View
@@ -4,14 +4,14 @@ require "stringex"
## -- 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 = "tj.vantoll@gmail.com"
ssh_port = "22"
-document_root = "~/website.com/"
+document_root = "~/tjvantoll.com/"
rsync_delete = true
-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 -- ##
@@ -24,7 +24,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
-server_port = "4000" # port for preview server eg. localhost:4000
+server_port = "8080" # port for preview server eg. localhost:4000
desc "Initial setup for Octopress: copies the default theme into the path of Jekyll's generator. Rake install defaults to rake install[classic] to install a different theme run rake install[some_theme_name]"
View
@@ -2,12 +2,12 @@
# Main Configs #
# ----------------------- #
-url: http://yoursite.com
-title: My Octopress Blog
-subtitle: A blogging framework for hackers.
-author: Your Name
+url: http://tjvantoll.github.com
+title: TJ VanToll
+subtitle: Adventures in Front End Technologies
+author: TJ VanToll
simple_search: http://google.com/search
-description:
+description: TJ VanToll's blog about front end technologies.
# Default date format is "ordinal" (resulting in "July 22nd 2007")
# You can customize the format as defined in
@@ -19,15 +19,16 @@ date_format: "ordinal"
subscribe_rss: /atom.xml
subscribe_email:
# RSS feeds can list your email address if you like
-email:
+email: tj.vantoll@gmail.com
# ----------------------- #
# Jekyll & Plugins #
# ----------------------- #
# If publishing to a subdirectory as in http://site.com/project set 'root: /project'
root: /
-permalink: /blog/:year/:month/:day/:title/
+#permalink: /blog/:year/:month/:day/:title/
+permalink: /:year/:month/:day/:title/
source: source
destination: public
plugins: plugins
@@ -45,7 +46,8 @@ titlecase: true # Converts page and post titles to titlecase
# list each of the sidebar modules you want to include, in the order you want them to appear.
# To add custom asides, create files in /source/_includes/custom/asides/ and add them to the list like 'custom/asides/custom_aside_name.html'
-default_asides: [asides/recent_posts.html, asides/github.html, asides/twitter.html, asides/delicious.html, asides/pinboard.html, asides/googleplus.html]
+default_asides: [asides/recent_posts.html, asides/twitter.html, asides/github.html]
+#default_asides: [asides/recent_posts.html, asides/github.html, asides/twitter.html, asides/delicious.html, asides/pinboard.html, asides/googleplus.html]
# Each layout uses the default asides, but they can have their own asides instead. Simply uncomment the lines below
# and add an array with the asides you want to use.
@@ -58,13 +60,13 @@ default_asides: [asides/recent_posts.html, asides/github.html, asides/twitter.ht
# ----------------------- #
# Github repositories
-github_user:
-github_repo_count: 0
+github_user: tjvantoll
+github_repo_count: 5
github_show_profile_link: true
github_skip_forks: true
# Twitter
-twitter_user:
+twitter_user: tjvantoll
twitter_tweet_count: 4
twitter_show_replies: false
twitter_follow_button: true
@@ -89,11 +91,11 @@ delicious_user:
delicious_count: 3
# Disqus Comments
-disqus_short_name:
-disqus_show_comment_count: false
+disqus_short_name: tjvantoll
+disqus_show_comment_count: true
# Google Analytics
-google_analytics_tracking_id:
+google_analytics_tracking_id: UA-29179796-1
# Facebook Like
-facebook_like: false
+facebook_like: true
View
@@ -0,0 +1,5 @@
+@import "base/utilities";
+@import "base/solarized";
+@import "base/theme";
+@import "base/typography";
+@import "base/layout";
View
@@ -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
@@ -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; }
+}
+@media only screen and (min-width: 768px) {
+ body { -webkit-text-size-adjust: auto; }
+ body > header { font-size: $header-font-size * 1.2; }
+ #main {
+ @extend .group;
+ padding: 0;
+ margin: 0 auto;
+ }
+ #content {
+ @extend .group;
+ 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 {
+ @extend .group;
+ 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; }
+ @extend .group;
+ }
+ }
+}
+
+@if $indented-lists == false {
+ @media only screen and (min-width: 768px) {
+ ul, ol { margin-left: 0; }
+ }
+}
View
@@ -0,0 +1,46 @@
+$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
+$base2: #eee8d5 !default; //cream
+$base3: #fdf6e3 !default; //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;
+
+$solarized: dark !default;
+
+@if $solarized == light {
+
+ $_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 */
+$pre-bg: $base03 !default;
+$pre-border: darken($base02, 5) !default;
+$pre-color: $base1 !default;
+
+
Oops, something went wrong.

0 comments on commit 55ec7c3

Please sign in to comment.