Permalink
Browse files

Installed Octopress theme

  • Loading branch information...
lucasgonze committed Aug 26, 2011
1 parent 9b52d40 commit 70b3d0c3b9fec70cc883f6da0dd3341368056542
Showing with 4,042 additions and 0 deletions.
  1. +5 −0 sass/_base.scss
  2. +8 −0 sass/_partials.scss
  3. +164 −0 sass/base/_layout.scss
  4. +34 −0 sass/base/_solarized.scss
  5. +82 −0 sass/base/_theme.scss
  6. +144 −0 sass/base/_typography.scss
  7. +28 −0 sass/base/_utilities.scss
  8. +38 −0 sass/custom/_colors.scss
  9. +17 −0 sass/custom/_layout.scss
  10. +2 −0 sass/custom/_styles.scss
  11. +72 −0 sass/partials/_archive.scss
  12. +142 −0 sass/partials/_blog.scss
  13. +19 −0 sass/partials/_footer.scss
  14. +18 −0 sass/partials/_header.scss
  15. +136 −0 sass/partials/_navigation.scss
  16. +6 −0 sass/partials/_sharing.scss
  17. +4 −0 sass/partials/_sidebar.scss
  18. +245 −0 sass/partials/_syntax.scss
  19. +105 −0 sass/partials/sidebar/_base.scss
  20. +4 −0 sass/partials/sidebar/_delicious.scss
  21. +12 −0 sass/partials/sidebar/_pinboard.scss
  22. +34 −0 sass/partials/sidebar/_twitter.scss
  23. +9 −0 sass/screen.scss
  24. +8 −0 source/_includes/archive_post.html
  25. +23 −0 source/_includes/article.html
  26. +7 −0 source/_includes/asides/delicious.html
  27. +19 −0 source/_includes/asides/pinboard.html
  28. +10 −0 source/_includes/asides/recent_posts.html
  29. +19 −0 source/_includes/asides/twitter.html
  30. +4 −0 source/_includes/custom/asides/about.html
  31. +4 −0 source/_includes/custom/footer.html
  32. +3 −0 source/_includes/custom/head.html
  33. +6 −0 source/_includes/custom/header.html
  34. +4 −0 source/_includes/custom/navigation.html
  35. +1 −0 source/_includes/footer.html
  36. +13 −0 source/_includes/google_analytics.html
  37. +9 −0 source/_includes/google_plus_one.html
  38. +33 −0 source/_includes/head.html
  39. +1 −0 source/_includes/header.html
  40. +13 −0 source/_includes/navigation.html
  41. +8 −0 source/_includes/post/author.html
  42. +10 −0 source/_includes/post/categories.html
  43. +10 −0 source/_includes/post/date.html
  44. +13 −0 source/_includes/post/disqus_thread.html
  45. +8 −0 source/_includes/post/sharing.html
  46. +11 −0 source/_includes/twitter_sharing.html
  47. +17 −0 source/_layouts/category_index.html
  48. +13 −0 source/_layouts/default.html
  49. +42 −0 source/_layouts/page.html
  50. +35 −0 source/_layouts/post.html
  51. BIN source/assets/jwplayer/glow/controlbar/background.png
  52. BIN source/assets/jwplayer/glow/controlbar/blankButton.png
  53. BIN source/assets/jwplayer/glow/controlbar/divider.png
  54. BIN source/assets/jwplayer/glow/controlbar/fullscreenButton.png
  55. BIN source/assets/jwplayer/glow/controlbar/fullscreenButtonOver.png
  56. BIN source/assets/jwplayer/glow/controlbar/muteButton.png
  57. BIN source/assets/jwplayer/glow/controlbar/muteButtonOver.png
  58. BIN source/assets/jwplayer/glow/controlbar/normalscreenButton.png
  59. BIN source/assets/jwplayer/glow/controlbar/normalscreenButtonOver.png
  60. BIN source/assets/jwplayer/glow/controlbar/pauseButton.png
  61. BIN source/assets/jwplayer/glow/controlbar/pauseButtonOver.png
  62. BIN source/assets/jwplayer/glow/controlbar/playButton.png
  63. BIN source/assets/jwplayer/glow/controlbar/playButtonOver.png
  64. BIN source/assets/jwplayer/glow/controlbar/timeSliderBuffer.png
  65. BIN source/assets/jwplayer/glow/controlbar/timeSliderCapLeft.png
  66. BIN source/assets/jwplayer/glow/controlbar/timeSliderCapRight.png
  67. BIN source/assets/jwplayer/glow/controlbar/timeSliderProgress.png
  68. BIN source/assets/jwplayer/glow/controlbar/timeSliderRail.png
  69. BIN source/assets/jwplayer/glow/controlbar/unmuteButton.png
  70. BIN source/assets/jwplayer/glow/controlbar/unmuteButtonOver.png
  71. BIN source/assets/jwplayer/glow/display/background.png
  72. BIN source/assets/jwplayer/glow/display/bufferIcon.png
  73. BIN source/assets/jwplayer/glow/display/muteIcon.png
  74. BIN source/assets/jwplayer/glow/display/playIcon.png
  75. BIN source/assets/jwplayer/glow/dock/button.png
  76. +115 −0 source/assets/jwplayer/glow/glow.xml
  77. BIN source/assets/jwplayer/glow/playlist/item.png
  78. BIN source/assets/jwplayer/glow/playlist/itemOver.png
  79. BIN source/assets/jwplayer/glow/playlist/sliderCapBottom.png
  80. BIN source/assets/jwplayer/glow/playlist/sliderCapTop.png
  81. BIN source/assets/jwplayer/glow/playlist/sliderRail.png
  82. BIN source/assets/jwplayer/glow/playlist/sliderThumb.png
  83. BIN source/assets/jwplayer/glow/sharing/embedIcon.png
  84. BIN source/assets/jwplayer/glow/sharing/embedScreen.png
  85. BIN source/assets/jwplayer/glow/sharing/shareIcon.png
  86. BIN source/assets/jwplayer/glow/sharing/shareScreen.png
  87. BIN source/assets/jwplayer/player.swf
  88. +28 −0 source/atom.xml
  89. +18 −0 source/blog/archives/index.html
  90. BIN source/favicon.png
  91. BIN source/images/bird_32_gray.png
  92. BIN source/images/bird_32_gray_fail.png
  93. BIN source/images/code_bg.png
  94. BIN source/images/dotted-border.png
  95. BIN source/images/email.png
  96. BIN source/images/line-tile.png
  97. BIN source/images/noise.png
  98. BIN source/images/rss.png
  99. BIN source/images/search.png
  100. +42 −0 source/index.html
  101. +2 −0 source/javascripts/ender.js
  102. +1,497 −0 source/javascripts/libs/ender.js
  103. +85 −0 source/javascripts/libs/jXHR.js
  104. +298 −0 source/javascripts/libs/swfobject-dynamic.js
  105. +5 −0 source/javascripts/modernizr-2.0.js
  106. +142 −0 source/javascripts/octopress.js
  107. +56 −0 source/javascripts/pinboard.js
  108. +82 −0 source/javascripts/twitter.js
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,164 @@
+$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;
+
+.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; }
+ }
+}
+
+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, nav[role=pagination] {
+ @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;
+ }
+ }
+ > header {
+ font-size: 1em;
+ padding-top: 1.5em;
+ padding-bottom: 1.5em;
+ }
+}
+
+#content { > div, > article { width: 100%; }}
+
+aside[role=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[role=sidebar]{ @include collapse-sidebar; }
+ }
+ #content { margin-right: 0px; }
+ .toggle-sidebar { display: none; }
+}
+
+@media only screen and (min-width: 550px) {
+ body > header { font-size: 1em; }
+}
+@media only screen and (min-width: 750px) {
+ aside[role=sidebar] { @include collapse-sidebar; }
+}
+@media only screen and (min-width: 768px) {
+ body { -webkit-text-size-adjust: auto; }
+ body > header { font-size: 1.2em; }
+ #main {
+ @extend .group;
+ padding: 0;
+ margin: 0 auto;
+ }
+ #content {
+ @extend .group;
+ margin-right: $sidebar-width-medium;
+ position: relative;
+ .no-sidebar & { margin-right: 0; }
+ .collapse-sidebar & { margin-right: 20px; }
+ > div, > article {
+ padding-top: $pad-medium/2;
+ padding-bottom: $pad-medium/2;
+ float: left;
+ }
+ }
+ aside[role=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: 1.3em; }
+ #content { margin-right: $sidebar-width-wide; }
+ #content {
+ > div, > article {
+ padding-top: $pad-wide/2;
+ padding-bottom: $pad-wide/2;
+ }
+ }
+ aside[role=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,34 @@
+$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: #fdf6e3;
+ $base02: #eee8d5;
+ $base01: #93a1a1;
+ $base00: #839496;
+ $base0: #657b83;
+ $base1: #586e75;
+ $base2: #073642;
+ $base3: #002b36;
+}
+
+/* non highlighted code colors */
+$pre-bg: $base03 !default;
+$pre-border: $base02 !default;
+$pre-color: $base1 !default;
View
@@ -0,0 +1,82 @@
+$noise-bg: image-url('noise.png') top left;
+$img-border: inline-image('dotted-border.png');
+
+// 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-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: 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-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;
+
+
+/* Core theme application */
+
+a {
+ @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
+}
+aside[role=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;
+ }
+ }
+}
Oops, something went wrong.

0 comments on commit 70b3d0c

Please sign in to comment.