| 23 | 24 |
deleted file mode 100644 |
| ... | ... |
@@ -1,65 +0,0 @@ |
| 1 |
-module Jekyll |
|
| 2 |
- |
|
| 3 |
- class CategoryIndex < Page |
|
| 4 |
- def initialize(site, base, dir, category) |
|
| 5 |
- @site = site |
|
| 6 |
- @base = base |
|
| 7 |
- @dir = dir |
|
| 8 |
- @name = 'index.html' |
|
| 9 |
- |
|
| 10 |
- self.process(@name) |
|
| 11 |
- self.read_yaml(File.join(base, '_layouts'), 'category_index.html') |
|
| 12 |
- self.data['category'] = category |
|
| 13 |
- |
|
| 14 |
- category_title_prefix = site.config['category_title_prefix'] || 'Category: ' |
|
| 15 |
- self.data['title'] = "#{category_title_prefix}#{category}"
|
|
| 16 |
- end |
|
| 17 |
- end |
|
| 18 |
- |
|
| 19 |
- class CategoryList < Page |
|
| 20 |
- def initialize(site, base, dir, categories) |
|
| 21 |
- @site = site |
|
| 22 |
- @base = base |
|
| 23 |
- @dir = dir |
|
| 24 |
- @name = 'index.html' |
|
| 25 |
- |
|
| 26 |
- self.process(@name) |
|
| 27 |
- self.read_yaml(File.join(base, '_layouts'), 'category_list.html') |
|
| 28 |
- self.data['categories'] = categories |
|
| 29 |
- end |
|
| 30 |
- end |
|
| 31 |
- |
|
| 32 |
- class CategoryGenerator < Generator |
|
| 33 |
- safe true |
|
| 34 |
- |
|
| 35 |
- def generate(site) |
|
| 36 |
- if site.layouts.key? 'category_index' |
|
| 37 |
- dir = site.config['category_dir'] || 'categories' |
|
| 38 |
- site.categories.keys.each do |category| |
|
| 39 |
- write_category_index(site, File.join(dir, category.gsub(/\s/, "-").gsub(/[^\w-]/, '').downcase), category) |
|
| 40 |
- end |
|
| 41 |
- end |
|
| 42 |
- |
|
| 43 |
- if site.layouts.key? 'category_list' |
|
| 44 |
- dir = site.config['category_dir'] || 'categories' |
|
| 45 |
- write_category_list(site, dir, site.categories.keys.sort) |
|
| 46 |
- end |
|
| 47 |
- end |
|
| 48 |
- |
|
| 49 |
- def write_category_index(site, dir, category) |
|
| 50 |
- index = CategoryIndex.new(site, site.source, dir, category) |
|
| 51 |
- index.render(site.layouts, site.site_payload) |
|
| 52 |
- index.write(site.dest) |
|
| 53 |
- site.static_files << index |
|
| 54 |
- end |
|
| 55 |
- |
|
| 56 |
- def write_category_list(site, dir, categories) |
|
| 57 |
- index = CategoryList.new(site, site.source, dir, categories) |
|
| 58 |
- index.render(site.layouts, site.site_payload) |
|
| 59 |
- index.write(site.dest) |
|
| 60 |
- site.static_files << index |
|
| 61 |
- end |
|
| 62 |
- end |
|
| 63 |
- |
|
| 64 |
-end |
|
| 65 |
- |
| ... | ... |
@@ -1,47 +1,64 @@ |
| 1 | 1 |
#custom filters for Octopress |
| 2 | 2 |
|
| 3 | 3 |
module OctopressFilters |
| 4 |
- def auto_exerpt(input, url, url_text="Read more …") |
|
| 5 |
- if input.index(/<!--\s?more\s?-->/i) |
|
| 6 |
- input.split(/<!--\s?more\s?-->/i)[0] + "<p><a rel='full-article' href='#{url}'>#{url_text}</a></p>"
|
|
| 4 |
+ # Used on the blog index to split posts on the <!--more--> marker |
|
| 5 |
+ def exerpt(input) |
|
| 6 |
+ if input.index(/<!--\s*more\s*-->/i) |
|
| 7 |
+ input.split(/<!--\s*more\s*-->/i)[0] |
|
| 7 | 8 |
else |
| 8 | 9 |
input |
| 9 | 10 |
end |
| 10 | 11 |
end |
| 11 |
- def exerpt(input) |
|
| 12 |
- if input.index(/<!--\s*more\s*-->/i) |
|
| 13 |
- input.split(/<!--\s*more\s*-->/i)[0] |
|
| 12 |
+ |
|
| 13 |
+ # Summary is used on the Archive pages to return the first block of content from a post. |
|
| 14 |
+ def summary(input) |
|
| 15 |
+ if input.index(/\n\n/) |
|
| 16 |
+ input.split(/\n\n/)[0] |
|
| 14 | 17 |
else |
| 15 | 18 |
input |
| 16 | 19 |
end |
| 17 | 20 |
end |
| 21 |
+ |
|
| 22 |
+ # Replaces relative urls with full urls |
|
| 18 | 23 |
def full_urls(input, url='') |
| 19 | 24 |
input.gsub /(\s+(href|src)\s*=\s*["|']{1})(\/[^\"'>]+)/ do
|
| 20 | 25 |
$1+url+$3 |
| 21 | 26 |
end |
| 22 | 27 |
end |
| 28 |
+ |
|
| 29 |
+ # Returns a url without the http:// for use in as a search modifier eg. 'search terms site:website.com' |
|
| 23 | 30 |
def search_url(input) |
| 24 |
- input.gsub /(http:\/\/)(\S+)/ do |
|
| 31 |
+ input.gsub /(https?:\/\/)(\S+)/ do |
|
| 25 | 32 |
$2 |
| 26 | 33 |
end |
| 27 | 34 |
end |
| 35 |
+ |
|
| 36 |
+ # replaces primes with smartquotes using RubyPants |
|
| 28 | 37 |
def smart_quotes(input) |
| 29 | 38 |
require 'rubypants' |
| 30 | 39 |
RubyPants.new(input).to_html |
| 31 | 40 |
end |
| 41 |
+ |
|
| 42 |
+ # Returns a title cased string based on John Gruber's title case http://daringfireball.net/2008/08/title_case_update |
|
| 32 | 43 |
def titlecase(input) |
| 33 | 44 |
input.titlecase |
| 34 | 45 |
end |
| 46 |
+ |
|
| 47 |
+ # Returns a datetime if the input is a string |
|
| 35 | 48 |
def datetime(date) |
| 36 | 49 |
if date.class == String |
| 37 | 50 |
date = Time.parse(date) |
| 38 | 51 |
end |
| 39 | 52 |
date |
| 40 | 53 |
end |
| 54 |
+ |
|
| 55 |
+ # Returns an ordidinal date eg July 22 2007 -> July 22nd 2007 |
|
| 41 | 56 |
def ordinalize(date) |
| 42 | 57 |
date = datetime(date) |
| 43 | 58 |
"#{date.strftime('%b')} #{ordinal(date.strftime('%e').to_i)}, #{date.strftime('%Y')}"
|
| 44 | 59 |
end |
| 60 |
+ |
|
| 61 |
+ # Returns an ordinal number. 13 -> 13th, 21 -> 21st etc. |
|
| 45 | 62 |
def ordinal(number) |
| 46 | 63 |
if (11..13).include?(number.to_i % 100) |
| 47 | 64 |
"#{number}<span>th</span>"
|
| ... | ... |
@@ -54,10 +71,5 @@ module OctopressFilters |
| 54 | 54 |
end |
| 55 | 55 |
end |
| 56 | 56 |
end |
| 57 |
- #YearlyPost = Struct.new('YearlyPost', :year, :posts)
|
|
| 58 |
- def yearly_posts(site) |
|
| 59 |
- #site.posts.reverse.group_by { |p| p.date.strftime("%Y") }.map { |k,v| YearlyPost.new(k,v) }
|
|
| 60 |
- site |
|
| 61 |
- end |
|
| 62 | 57 |
end |
| 63 | 58 |
Liquid::Template.register_filter OctopressFilters |
| 64 | 59 |
deleted file mode 100644 |
| ... | ... |
@@ -1,134 +0,0 @@ |
| 1 |
-$max-width: 1200px !default; |
|
| 2 |
- |
|
| 3 |
-// Padding used for layout margins |
|
| 4 |
-$pad-min: 18px !default; |
|
| 5 |
-$pad-narrow: 25px !default; |
|
| 6 |
-$pad-medium: 35px !default; |
|
| 7 |
-$pad-wide: 55px !default; |
|
| 8 |
- |
|
| 9 |
-// Sidebar widths used in media queries |
|
| 10 |
-$sidebar-width-medium: 240px !default; |
|
| 11 |
-$sidebar-pad-medium: 15px !default; |
|
| 12 |
-$sidebar-pad-wide: 20px !default; |
|
| 13 |
-$sidebar-width-wide: 300px !default; |
|
| 14 |
- |
|
| 15 |
-.group { @include pie-clearfix; }
|
|
| 16 |
- |
|
| 17 |
-body {
|
|
| 18 |
- -webkit-text-size-adjust: none; |
|
| 19 |
- max-width: $max-width; |
|
| 20 |
- position: relative; |
|
| 21 |
- margin: 0 auto; |
|
| 22 |
- > header, > nav, > footer, #articles > article, #articles > nav {
|
|
| 23 |
- @extend .group; |
|
| 24 |
- padding-left: $pad-min; |
|
| 25 |
- padding-right: $pad-min; |
|
| 26 |
- @media only screen and (min-width: 480px) {
|
|
| 27 |
- padding-left: $pad-narrow; |
|
| 28 |
- padding-right: $pad-narrow; |
|
| 29 |
- } |
|
| 30 |
- @media only screen and (min-width: 768px) {
|
|
| 31 |
- padding-left: $pad-medium; |
|
| 32 |
- padding-right: $pad-medium; |
|
| 33 |
- } |
|
| 34 |
- @media only screen and (min-width: 992px) {
|
|
| 35 |
- padding-left: $pad-wide; |
|
| 36 |
- padding-right: $pad-wide; |
|
| 37 |
- } |
|
| 38 |
- } |
|
| 39 |
- > header {
|
|
| 40 |
- font-size: 1em; |
|
| 41 |
- padding-top: 1.5em; |
|
| 42 |
- padding-bottom: 1.5em; |
|
| 43 |
- } |
|
| 44 |
-} |
|
| 45 |
- |
|
| 46 |
-.toggle-sidebar { display: none; }
|
|
| 47 |
-#articles { width: 100%;
|
|
| 48 |
- + aside {
|
|
| 49 |
- float: none; |
|
| 50 |
- padding: 0 $pad-min 1px; |
|
| 51 |
- background-color: $sidebar-bg; |
|
| 52 |
- border-top: 1px solid $sidebar-border; |
|
| 53 |
- } |
|
| 54 |
-} |
|
| 55 |
- |
|
| 56 |
-@media only screen and (min-width: 550px) {
|
|
| 57 |
- body > header { font-size: 1em; }
|
|
| 58 |
-} |
|
| 59 |
-@media only screen and (min-width: 768px) {
|
|
| 60 |
- body { -webkit-text-size-adjust: auto; }
|
|
| 61 |
- body > header { font-size: 1.2em; }
|
|
| 62 |
- body > nav {
|
|
| 63 |
- + div {
|
|
| 64 |
- @extend .group; |
|
| 65 |
- padding: 0; |
|
| 66 |
- margin: 0 auto; |
|
| 67 |
- > div {
|
|
| 68 |
- @extend .group; |
|
| 69 |
- margin-right: $sidebar-width-medium; |
|
| 70 |
- } |
|
| 71 |
- } |
|
| 72 |
- } |
|
| 73 |
- #articles {
|
|
| 74 |
- padding-top: $pad-medium/2; |
|
| 75 |
- padding-bottom: $pad-medium/2; |
|
| 76 |
- float: left; |
|
| 77 |
- + aside {
|
|
| 78 |
- width: $sidebar-width-medium - $sidebar-pad-medium*2; |
|
| 79 |
- padding: 0 $sidebar-pad-medium $sidebar-pad-medium; |
|
| 80 |
- background: none; |
|
| 81 |
- float: left; |
|
| 82 |
- margin: 0 -100% 0 0; |
|
| 83 |
- } |
|
| 84 |
- } |
|
| 85 |
- body > div > div { position: relative; }
|
|
| 86 |
- |
|
| 87 |
- .collapse-sidebar {
|
|
| 88 |
- > div > div { margin-right: 10px; }
|
|
| 89 |
- #articles + aside {
|
|
| 90 |
- display: none; |
|
| 91 |
- } |
|
| 92 |
- .toggle-sidebar {
|
|
| 93 |
- right: -1px; |
|
| 94 |
- background-color: $sidebar-bg; |
|
| 95 |
- border-right-width: 0; |
|
| 96 |
- text-indent: 2px; |
|
| 97 |
- border-left: 1px solid $sidebar-border; |
|
| 98 |
- @include border-bottom-right-radius(0); |
|
| 99 |
- @include border-bottom-left-radius(.3em); |
|
| 100 |
- @include link-colors(#aaa, #888); |
|
| 101 |
- } |
|
| 102 |
- } |
|
| 103 |
- |
|
| 104 |
- .toggle-sidebar {
|
|
| 105 |
- outline: none; |
|
| 106 |
- position: absolute; right: -21px; top: 0; |
|
| 107 |
- width: 20px; |
|
| 108 |
- font-size: 1.2em; |
|
| 109 |
- line-height: 1.1em; |
|
| 110 |
- padding-bottom: .1em; |
|
| 111 |
- text-indent: -1px; |
|
| 112 |
- text-decoration: none; |
|
| 113 |
- @include link-colors(#ccc, #999); |
|
| 114 |
- @include border-bottom-right-radius(.3em); |
|
| 115 |
- text-align: center; |
|
| 116 |
- background: $main-bg; |
|
| 117 |
- border-bottom: 1px solid $sidebar-border; |
|
| 118 |
- border-right: 1px solid $sidebar-border; |
|
| 119 |
- display: inline-block; |
|
| 120 |
- } |
|
| 121 |
-} |
|
| 122 |
- |
|
| 123 |
-@media only screen and (min-width: 992px) {
|
|
| 124 |
- body > header { font-size: 1.3em; }
|
|
| 125 |
- body > nav + div > div { margin-right: $sidebar-width-wide; }
|
|
| 126 |
- #articles {
|
|
| 127 |
- padding-top: $pad-wide/2; |
|
| 128 |
- padding-bottom: $pad-wide/2; |
|
| 129 |
- + aside {
|
|
| 130 |
- width: $sidebar-width-wide - $sidebar-pad-wide*2; |
|
| 131 |
- padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide; |
|
| 132 |
- } |
|
| 133 |
- } |
|
| 134 |
-} |
| 135 | 1 |
deleted file mode 100644 |
| ... | ... |
@@ -1,71 +0,0 @@ |
| 1 |
-// Main Link Colors |
|
| 2 |
-$link-color: lighten(#165b94, 3) !default; |
|
| 3 |
-$link-color-hover: adjust-hue($link-color, -200) !default; |
|
| 4 |
-$link-color-visited: darken(adjust_hue($link_color, 70), 10) !default; |
|
| 5 |
-$link-color-active: darken($link-color-hover, 15) !default; |
|
| 6 |
- |
|
| 7 |
-// Main Section Colors |
|
| 8 |
-$page-bg: #252525 !default; |
|
| 9 |
-$article-border: #eeeeee !default; |
|
| 10 |
-$main-bg: #f5f5f5 !default; |
|
| 11 |
- |
|
| 12 |
-$header-bg: #333 !default; |
|
| 13 |
-$header-border: lighten($header-bg, 15) !default; |
|
| 14 |
-$title-color: #f2f2f2 !default; |
|
| 15 |
-$subtitle-color: #aaa !default; |
|
| 16 |
- |
|
| 17 |
-$text-color: #222 !default; |
|
| 18 |
-$text-color-light: #aaa !default; |
|
| 19 |
-$type-border: #ddd !default; |
|
| 20 |
- |
|
| 21 |
- |
|
| 22 |
-/* Navigation */ |
|
| 23 |
-$nav-bg: #ccc !default; |
|
| 24 |
-$nav-color: darken($nav-bg, 38) !default; |
|
| 25 |
-$nav-color-hover: darken($nav-color, 25) !default; |
|
| 26 |
-$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default; |
|
| 27 |
-$nav-border: darken($nav-bg, 10) !default; |
|
| 28 |
-$nav-border-top: lighten($nav-bg, 15) !default; |
|
| 29 |
-$nav-border-bottom: darken($nav-bg, 25) !default; |
|
| 30 |
-$nav-border-left: darken($nav-bg, 11) !default; |
|
| 31 |
-$nav-border-right: lighten($nav-bg, 7) !default; |
|
| 32 |
- |
|
| 33 |
-/* Sidebar colors */ |
|
| 34 |
-$sidebar-bg: #eee !default; |
|
| 35 |
-$sidebar-link-color: $link-color !default; |
|
| 36 |
-$sidebar-link-color-hover: $link-color-hover !default; |
|
| 37 |
-$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default; |
|
| 38 |
-$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default; |
|
| 39 |
-$sidebar-border: darken($sidebar-bg, 7) !default; |
|
| 40 |
-$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default; |
|
| 41 |
-$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default; |
|
| 42 |
-$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default; |
|
| 43 |
- |
|
| 44 |
-$footer-color: #999999 !default; |
|
| 45 |
-$footer-bg: #ccc !default; |
|
| 46 |
-$footer-color: darken($footer-bg, 38) !default; |
|
| 47 |
-$footer-color-hover: darken($footer-color, 10) !default; |
|
| 48 |
-$footer-border-top: lighten($footer-bg, 15) !default; |
|
| 49 |
-$footer-border-bottom: darken($footer-bg, 15) !default; |
|
| 50 |
-$footer-link-color: darken($footer-bg, 38) !default; |
|
| 51 |
-$footer-link-color-hover: darken($footer-color, 25) !default; |
|
| 52 |
-$page-border-bottom: darken($footer-bg, 5) !default; |
|
| 53 |
- |
|
| 54 |
-// Form Colors |
|
| 55 |
-$fieldset-bg: #ececec; |
|
| 56 |
-$fieldset-border: #c3c3c3; |
|
| 57 |
- |
|
| 58 |
-$textinput-color: #333333; |
|
| 59 |
-$textinput-bg: #f4f4f4; |
|
| 60 |
-$textinput-bg-focus: #fefeee; |
|
| 61 |
- |
|
| 62 |
-$textinput-border-top: #aaaaaa; |
|
| 63 |
-$textinput-border-bottom: #c6c6c6; |
|
| 64 |
-$textinput-border-left: #c3c3c3; |
|
| 65 |
-$textinput-border-right: #c3c3c3; |
|
| 66 |
-$textinput-border-focus: #989898; |
|
| 67 |
- |
|
| 68 |
-#articles a, #articles + aside a {
|
|
| 69 |
- @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active); |
|
| 70 |
-} |
|
| 71 |
-a { @include transition(color, .5s); }
|
| 72 | 1 |
deleted file mode 100644 |
| ... | ... |
@@ -1,130 +0,0 @@ |
| 1 |
-$blockquote: $type-border !default; |
|
| 2 |
-$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; |
|
| 3 |
- |
|
| 4 |
-// Fonts |
|
| 5 |
-.heading {
|
|
| 6 |
- font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif; |
|
| 7 |
-} |
|
| 8 |
-.sans { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }
|
|
| 9 |
-.serif { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; }
|
|
| 10 |
-.mono { font-family: $mono; }
|
|
| 11 |
- |
|
| 12 |
-body > header h1 {
|
|
| 13 |
- font-size: 2.6em; |
|
| 14 |
- @extend .heading; |
|
| 15 |
- font-weight: normal; |
|
| 16 |
- line-height: 1.2em; |
|
| 17 |
- margin-bottom: 0.6667em; |
|
| 18 |
-} |
|
| 19 |
- |
|
| 20 |
-body {
|
|
| 21 |
- line-height: 1.5em; |
|
| 22 |
- color: $text-color; |
|
| 23 |
- @extend .serif; |
|
| 24 |
-} |
|
| 25 |
- |
|
| 26 |
-#{headings()}{
|
|
| 27 |
- @extend .heading; |
|
| 28 |
- text-rendering: optimizelegibility; |
|
| 29 |
- margin-bottom: 1em; |
|
| 30 |
- font-weight: bold; |
|
| 31 |
-} |
|
| 32 |
-h1 {
|
|
| 33 |
- font-size: 3.2em; |
|
| 34 |
- line-height: 1.2em; |
|
| 35 |
- @media only screen and (max-width: 768px) { font-size: 2.2em; }
|
|
| 36 |
-} |
|
| 37 |
- |
|
| 38 |
- |
|
| 39 |
-h2, section h1 {
|
|
| 40 |
- font-size: 1.5em; |
|
| 41 |
-} |
|
| 42 |
-h3, section h2, section section h1 {
|
|
| 43 |
- font-size: 1.3em; |
|
| 44 |
-} |
|
| 45 |
-h4, section h3, section section h2, section section section h1 {
|
|
| 46 |
- font-size: 1em; |
|
| 47 |
-} |
|
| 48 |
-h5, section h4, section section h3 {
|
|
| 49 |
- font-size: .9em; |
|
| 50 |
-} |
|
| 51 |
-h6, section h5, section section h4, section section section h3 {
|
|
| 52 |
- font-size: .8em; |
|
| 53 |
-} |
|
| 54 |
-p, blockquote, ul, ol { margin-bottom: 1.5em; }
|
|
| 55 |
- |
|
| 56 |
-ul{ list-style-type: circle; }
|
|
| 57 |
- |
|
| 58 |
-ol{ list-style-type: decimal; ol { list-style-type: lower-alpha; } }
|
|
| 59 |
-ul ul, ol ol { margin-left: 1.75em; }
|
|
| 60 |
- |
|
| 61 |
-strong { font-weight: bold; }
|
|
| 62 |
- |
|
| 63 |
-em { font-style: italic; }
|
|
| 64 |
- |
|
| 65 |
-sup, sub { font-size: 0.8em; position: relative; display: inline-block; }
|
|
| 66 |
-sup { top: -.5em; }
|
|
| 67 |
-sub { bottom: -.5em; }
|
|
| 68 |
- |
|
| 69 |
-q { font-style: italic;
|
|
| 70 |
- &:before { content: "\201C"; }
|
|
| 71 |
- &:after { content: "\201D"; }
|
|
| 72 |
-} |
|
| 73 |
- |
|
| 74 |
-em, dfn { font-style: italic; }
|
|
| 75 |
- |
|
| 76 |
-strong, dfn { font-weight: bold; }
|
|
| 77 |
- |
|
| 78 |
-del, s { text-decoration: line-through; }
|
|
| 79 |
- |
|
| 80 |
-abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
|
| 81 |
- |
|
| 82 |
-pre, code, tt { @extend .mono-font; }
|
|
| 83 |
- |
|
| 84 |
-sub, sup { line-height: 0; }
|
|
| 85 |
- |
|
| 86 |
-hr { margin-bottom: 0.2em; }
|
|
| 87 |
- |
|
| 88 |
-small { font-size: .8em; }
|
|
| 89 |
- |
|
| 90 |
-big { font-size: 1.2em; }
|
|
| 91 |
- |
|
| 92 |
-blockquote {
|
|
| 93 |
- $bq-margin: 1.2em; |
|
| 94 |
- font-style: italic; |
|
| 95 |
- position: relative; |
|
| 96 |
- font-size: 1.2em; |
|
| 97 |
- line-height: 1.5em; |
|
| 98 |
- padding-left: 1em; |
|
| 99 |
- border-left: 4px solid rgba($text-color-light, .5); |
|
| 100 |
- cite {
|
|
| 101 |
- font-style: italic; |
|
| 102 |
- a { color: $text-color-light !important; word-wrap: break-word; }
|
|
| 103 |
- &:before { content: '–'; padding:{right: .3em; left: .3em;} color: $text-color-light; }
|
|
| 104 |
- } |
|
| 105 |
- @media only screen and (min-width: 992px) {
|
|
| 106 |
- padding-left: 1.5em; |
|
| 107 |
- border-left-width: 4px; |
|
| 108 |
- } |
|
| 109 |
-} |
|
| 110 |
- |
|
| 111 |
-.has-pullquote:before {
|
|
| 112 |
- /* Reset metrics. */ |
|
| 113 |
- padding: 0; |
|
| 114 |
- border: none; |
|
| 115 |
- |
|
| 116 |
- /* Content */ |
|
| 117 |
- content: attr(data-pullquote); |
|
| 118 |
- |
|
| 119 |
- /* Pull out to the right, modular scale based margins. */ |
|
| 120 |
- float: right; |
|
| 121 |
- width: 45%; |
|
| 122 |
- margin: .5em 0 1em 1.5em; |
|
| 123 |
- |
|
| 124 |
- /* Baseline correction */ |
|
| 125 |
- position: relative; |
|
| 126 |
- top: 7px; |
|
| 127 |
- font-size: 1.4em; |
|
| 128 |
- line-height: 1.45em; |
|
| 129 |
-} |
|
| 130 |
- |
| 131 | 1 |
deleted file mode 100644 |
| ... | ... |
@@ -1,21 +0,0 @@ |
| 1 |
-@mixin mask-image($img, $repeat: no-repeat){
|
|
| 2 |
- @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms); |
|
| 3 |
- @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms); |
|
| 4 |
- width: image-width($img); |
|
| 5 |
- height: image-height($img); |
|
| 6 |
-} |
|
| 7 |
- |
|
| 8 |
-@mixin selection($bg, $color: inherit, $text-shadow: none){
|
|
| 9 |
- * {
|
|
| 10 |
- &::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
|
| 11 |
- &::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
|
| 12 |
- &::selection { background: $bg; color: $color; text-shadow: $text-shadow; }
|
|
| 13 |
- } |
|
| 14 |
-} |
|
| 15 |
- |
|
| 16 |
-@function text-color($color, $dark: dark, $light: light){
|
|
| 17 |
- $text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000; |
|
| 18 |
- $text-color: if($text-color >= 150, $dark, $light); |
|
| 19 |
- @return $text-color; |
|
| 20 |
-} |
|
| 21 |
- |
| ... | ... |
@@ -1,111 +1,107 @@ |
| 1 |
-$border: inline-image('dotted-border.png');
|
|
| 2 | 1 |
#articles {
|
| 3 | 2 |
overflow: hidden; |
| 4 |
- @media only screen and (max-width: 768px) {
|
|
| 5 |
- ul, ol { margin-left: 1.4em; }
|
|
| 3 |
+ ul, ol { margin-left: 1.4em; }
|
|
| 4 |
+ @media only screen and (min-width: 768px) {
|
|
| 5 |
+ ul, ol { margin-left: 0; }
|
|
| 6 | 6 |
} |
| 7 | 7 |
> article {
|
| 8 | 8 |
padding-bottom: 1em; |
| 9 |
- &:last-child { margin-bottom: 0; border-bottom: none; }
|
|
| 9 |
+ &:last-child { margin-bottom: 0; }
|
|
| 10 | 10 |
h2 {
|
| 11 | 11 |
padding-top: 0.8em; |
| 12 |
- background: $border top left repeat-x; |
|
| 13 |
- &:first-child {
|
|
| 14 |
- background: none; |
|
| 15 |
- padding-top: 0; |
|
| 16 |
- } |
|
| 12 |
+ background: $img-border top left repeat-x; |
|
| 13 |
+ &:first-child { background: none; padding-top: 0; }
|
|
| 17 | 14 |
} |
| 18 |
- .byline + time:before, time +time:before, .comments:before {
|
|
| 15 |
+ .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before {
|
|
| 19 | 16 |
@extend .separator; |
| 20 | 17 |
} |
| 21 |
- header {
|
|
| 22 |
- position: relative; |
|
| 23 |
- padding-top: 2em; |
|
| 24 |
- margin-bottom: 1.5em; |
|
| 25 |
- padding-bottom: 1em; |
|
| 26 |
- background: $border bottom left repeat-x; |
|
| 27 |
- h1 {
|
|
| 28 |
- margin: 0; |
|
| 29 |
- a { text-decoration: none;
|
|
| 30 |
- &:hover { text-decoration: underline; } }
|
|
| 31 |
- } |
|
| 32 |
- p {
|
|
| 33 |
- font-size: .9em; |
|
| 34 |
- color: $text-color-light; |
|
| 35 |
- margin: 0; |
|
| 36 |
- @extend .sans; |
|
| 37 |
- &.meta {
|
|
| 38 |
- text-transform: uppercase; |
|
| 39 |
- position: absolute; |
|
| 40 |
- top: 0; |
|
| 41 |
- } |
|
| 42 |
- } |
|
| 43 |
- @media only screen and (max-width: 768px) {
|
|
| 44 |
- padding-bottom: 1em; |
|
| 45 |
- margin-bottom: 1em; |
|
| 46 |
- background: $border bottom left repeat-x; |
|
| 47 |
- p.meta { position: static; }
|
|
| 18 |
+ } |
|
| 19 |
+ header {
|
|
| 20 |
+ position: relative; |
|
| 21 |
+ padding-top: 2em; |
|
| 22 |
+ padding-bottom: 1em; |
|
| 23 |
+ margin-bottom: 1em; |
|
| 24 |
+ background: $img-border bottom left repeat-x; |
|
| 25 |
+ h1 {
|
|
| 26 |
+ margin: 0; |
|
| 27 |
+ a { text-decoration: none;
|
|
| 28 |
+ &:hover { text-decoration: underline; } }
|
|
| 29 |
+ } |
|
| 30 |
+ p {
|
|
| 31 |
+ font-size: .9em; |
|
| 32 |
+ color: $text-color-light; |
|
| 33 |
+ margin: 0; |
|
| 34 |
+ @extend .sans; |
|
| 35 |
+ &.meta {
|
|
| 36 |
+ text-transform: uppercase; |
|
| 48 | 37 |
} |
| 49 | 38 |
} |
| 50 |
- h1.feature {
|
|
| 51 |
- padding-top: .5em; |
|
| 52 |
- margin-bottom: 1em; |
|
| 39 |
+ @media only screen and (min-width: 768px) {
|
|
| 40 |
+ margin-bottom: 1.5em; |
|
| 53 | 41 |
padding-bottom: 1em; |
| 54 |
- background: $border bottom left repeat-x; |
|
| 55 |
- font-size: 2.0em; font-style: italic; |
|
| 56 |
- line-height: 1.3em; |
|
| 42 |
+ background: $img-border bottom left repeat-x; |
|
| 43 |
+ p.meta { position: absolute; top: 0; }
|
|
| 57 | 44 |
} |
| 58 |
- .entry-content {
|
|
| 59 |
- img, video { max-width: 100%; height: auto; }
|
|
| 60 |
- video {
|
|
| 61 |
- width: 100%; display: block; margin-bottom: 1.5em; |
|
| 62 |
- padding: .8em; background: #fff; border: 1px solid #eee; |
|
| 63 |
- @include box-sizing(border-box); |
|
| 64 |
- } |
|
| 65 |
- .flash-video {
|
|
| 66 |
- max-width: 100%; |
|
| 67 |
- margin-bottom: 1.5em; |
|
| 68 |
- @include box-sizing(border-box); |
|
| 69 |
- padding: .8em; background: #fff; border: 1px solid #eee; |
|
| 70 |
- > div {
|
|
| 71 |
- position: relative; |
|
| 72 |
- display: block; |
|
| 73 |
- padding-bottom: 56.25%; |
|
| 74 |
- padding-top: 1px; |
|
| 75 |
- height: 0; |
|
| 76 |
- overflow: hidden; |
|
| 77 |
- iframe, object, embed {
|
|
| 78 |
- position: absolute; |
|
| 79 |
- top: 0; |
|
| 80 |
- left: 0; |
|
| 81 |
- width: 100%; |
|
| 82 |
- height: 100%; |
|
| 83 |
- } |
|
| 84 |
- } |
|
| 85 |
- } |
|
| 45 |
+ } |
|
| 46 |
+ h1.feature {
|
|
| 47 |
+ padding-top: .5em; |
|
| 48 |
+ margin-bottom: 1em; |
|
| 49 |
+ padding-bottom: 1em; |
|
| 50 |
+ background: $img-border bottom left repeat-x; |
|
| 51 |
+ font-size: 2.0em; font-style: italic; |
|
| 52 |
+ line-height: 1.3em; |
|
| 53 |
+ } |
|
| 54 |
+ .entry-content {
|
|
| 55 |
+ img, video { max-width: 100%; height: auto; }
|
|
| 56 |
+ video {
|
|
| 57 |
+ width: 100%; display: block; margin-bottom: 1.5em; |
|
| 58 |
+ padding: .8em; background: #fff; border: 1px solid #eee; |
|
| 59 |
+ @include box-sizing(border-box); |
|
| 86 | 60 |
} |
| 87 |
- iframe.twitter-share-button {
|
|
| 61 |
+ } |
|
| 62 |
+ .flash-video {
|
|
| 63 |
+ max-width: 100%; |
|
| 64 |
+ margin-bottom: 1.5em; |
|
| 65 |
+ @include box-sizing(border-box); |
|
| 66 |
+ padding: .8em; background: #fff; border: 1px solid #eee; |
|
| 67 |
+ > div {
|
|
| 88 | 68 |
position: relative; |
| 89 |
- top: .3em; |
|
| 90 |
- padding-left: .5em; |
|
| 91 |
- } |
|
| 92 |
- > footer {
|
|
| 93 |
- margin-top: 2em; |
|
| 94 |
- padding-top: 1em; |
|
| 95 |
- margin-bottom: 1.5em; |
|
| 96 |
- background: $border top left repeat-x; |
|
| 97 |
- time, .author { color: $text-color-light; @extend .sans; }
|
|
| 69 |
+ display: block; |
|
| 70 |
+ padding-bottom: 56.25%; |
|
| 71 |
+ padding-top: 1px; |
|
| 72 |
+ height: 0; |
|
| 73 |
+ overflow: hidden; |
|
| 74 |
+ iframe, object, embed {
|
|
| 75 |
+ position: absolute; |
|
| 76 |
+ top: 0; |
|
| 77 |
+ left: 0; |
|
| 78 |
+ width: 100%; |
|
| 79 |
+ height: 100%; |
|
| 80 |
+ } |
|
| 98 | 81 |
} |
| 99 | 82 |
} |
| 83 |
+ iframe.twitter-share-button {
|
|
| 84 |
+ position: relative; |
|
| 85 |
+ top: .3em; |
|
| 86 |
+ padding-left: .5em; |
|
| 87 |
+ } |
|
| 88 |
+ > article > footer {
|
|
| 89 |
+ margin-top: 2em; |
|
| 90 |
+ padding-top: 1em; |
|
| 91 |
+ margin-bottom: 1.5em; |
|
| 92 |
+ background: $img-border top left repeat-x; |
|
| 93 |
+ @extend .sans; |
|
| 94 |
+ } |
|
| 95 |
+ |
|
| 100 | 96 |
} |
| 101 | 97 |
article + article {
|
| 102 |
- background: $border top left repeat-x; |
|
| 98 |
+ background: $img-border top left repeat-x; |
|
| 103 | 99 |
} |
| 104 | 100 |
#articles.blog-index {
|
| 105 | 101 |
article header { background: none; padding-bottom: 0; }
|
| 106 | 102 |
article h1 {
|
| 107 | 103 |
font-size: 2.2em; |
| 108 |
- a { color: inherit; &:hover{ color: $link-color-hover; } }
|
|
| 104 |
+ a { color: inherit; &:hover { color: $link-color-hover; } }
|
|
| 109 | 105 |
} |
| 110 | 106 |
a[rel=full-article] {
|
| 111 | 107 |
background: darken($main-bg, 5); |
| ... | ... |
@@ -125,8 +121,6 @@ article + article {
|
| 125 | 125 |
footer {
|
| 126 | 126 |
@extend .sans; |
| 127 | 127 |
margin-top: 1em; |
| 128 |
- p.meta { color: $text-color-light; }
|
|
| 129 |
- a { color: inherit; &:hover{ color: $link-color-hover;} }
|
|
| 130 | 128 |
} |
| 131 | 129 |
} |
| 132 | 130 |
|
| ... | ... |
@@ -4,7 +4,7 @@ body > footer {
|
| 4 | 4 |
color: $footer-color; |
| 5 | 5 |
text-shadow: lighten($footer-bg, 5) 0 1px; |
| 6 | 6 |
background-color: $footer-bg; |
| 7 |
- @include background(linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11))); |
|
| 7 |
+ @include background(image-url('noise.png'), linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)));
|
|
| 8 | 8 |
border-top: 1px solid $footer-border-top; |
| 9 | 9 |
position: relative; |
| 10 | 10 |
padding-top: 1em; |
| ... | ... |
@@ -1,13 +1,12 @@ |
| 1 | 1 |
body > nav {
|
| 2 | 2 |
position: relative; |
| 3 | 3 |
background-color: $nav-bg; |
| 4 |
- @include background(linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11))); |
|
| 4 |
+ @include background(image-url('noise.png'), linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)));
|
|
| 5 | 5 |
border: {
|
| 6 | 6 |
top: 1px solid $nav-border-top; |
| 7 | 7 |
bottom: 1px solid $nav-border-bottom; } |
| 8 | 8 |
padding-top: .35em; |
| 9 | 9 |
padding-bottom: .35em; |
| 10 |
- //position: absolute; left: 0; right: 0; top: 0; |
|
| 11 | 10 |
form {
|
| 12 | 11 |
@include background-clip(padding-box); |
| 13 | 12 |
margin: 0; padding: 0; |
| ... | ... |
@@ -43,7 +42,7 @@ body > nav {
|
| 43 | 43 |
@include horizontal-list(0); |
| 44 | 44 |
float: left; |
| 45 | 45 |
display: block; |
| 46 |
- padding-top: .25em; |
|
| 46 |
+ padding-top: .15em; |
|
| 47 | 47 |
} |
| 48 | 48 |
ul[role=subscription] {
|
| 49 | 49 |
margin-left: .8em; |
| ... | ... |
@@ -59,7 +58,7 @@ body > nav {
|
| 59 | 59 |
text-shadow: lighten($nav-bg, 12) 0 1px; |
| 60 | 60 |
float: left; |
| 61 | 61 |
text-decoration: none; |
| 62 |
- font-size: 1em; |
|
| 62 |
+ font-size: 1.1em; |
|
| 63 | 63 |
padding: .1em 0; |
| 64 | 64 |
line-height: 1.5em; |
| 65 | 65 |
} |
| ... | ... |
@@ -132,7 +131,7 @@ body > nav {
|
| 132 | 132 |
} |
| 133 | 133 |
} |
| 134 | 134 |
} |
| 135 |
- ul[role=subscription] { li, a { border: 0; padding: 0; }}
|
|
| 135 |
+ ul[role=subscription] { position: relative; top: .2em; li, a { border: 0; padding: 0; }}
|
|
| 136 | 136 |
a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); }
|
| 137 | 137 |
a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); }
|
| 138 | 138 |
} |
| ... | ... |
@@ -1,12 +1,12 @@ |
| 1 | 1 |
html {
|
| 2 |
- background: $page-bg inline-image('line-tile.png') top left;
|
|
| 2 |
+ background: $page-bg image-url('line-tile.png') top left;
|
|
| 3 | 3 |
} |
| 4 | 4 |
body {
|
| 5 | 5 |
> div {
|
| 6 |
- background-color: $sidebar-bg; |
|
| 6 |
+ background: $sidebar-bg image-url('noise.png') top left;
|
|
| 7 | 7 |
border-bottom: 1px solid $page-border-bottom; |
| 8 | 8 |
> div {
|
| 9 |
- background-color: $main-bg; |
|
| 9 |
+ background: $main-bg image-url('noise.png') top left;
|
|
| 10 | 10 |
border-right: 1px solid $sidebar-border; |
| 11 | 11 |
} |
| 12 | 12 |
} |
| 13 | 13 |
deleted file mode 100644 |
| ... | ... |
@@ -1,12 +0,0 @@ |
| 1 |
-#pinboard_linkroll {
|
|
| 2 |
- .pin-title, .pin-description {
|
|
| 3 |
- display: block; |
|
| 4 |
- margin-bottom: .5em; |
|
| 5 |
- } |
|
| 6 |
- .pin-tag {
|
|
| 7 |
- @include hover-link; |
|
| 8 |
- @extend .aside-alt-link; |
|
| 9 |
- &:after { content: ','; }
|
|
| 10 |
- &:last-child:after { content: ''; }
|
|
| 11 |
- } |
|
| 12 |
-} |
| ... | ... |
@@ -1,59 +1,4 @@ |
| 1 |
-.side-shadow-border {
|
|
| 2 |
- @include box-shadow(lighten($sidebar-bg, 5) 0 1px); |
|
| 3 |
-} |
|
| 4 |
-#articles + aside {
|
|
| 5 |
- color: $sidebar-color; |
|
| 6 |
- padding-top: 1.2em; |
|
| 7 |
- text-shadow: lighten($sidebar-bg, 8) 0 1px; |
|
| 8 |
- section {
|
|
| 9 |
- @extend .sans; |
|
| 10 |
- font-size: .8em; |
|
| 11 |
- line-height: 1.4em; |
|
| 12 |
- margin-bottom: 1.5em; |
|
| 13 |
- h1 {
|
|
| 14 |
- margin: 1.5em 0 0; |
|
| 15 |
- padding-bottom: .2em; |
|
| 16 |
- border-bottom: 1px solid $sidebar-border; |
|
| 17 |
- @extend .side-shadow-border; |
|
| 18 |
- + p {
|
|
| 19 |
- padding-top: .4em; |
|
| 20 |
- } |
|
| 21 |
- } |
|
| 22 |
- } |
|
| 23 |
- ul {
|
|
| 24 |
- margin-bottom: 0.5em; |
|
| 25 |
- } |
|
| 26 |
- li {
|
|
| 27 |
- list-style: none; |
|
| 28 |
- padding: .5em 0; |
|
| 29 |
- margin: 0; |
|
| 30 |
- border-bottom: 1px solid $sidebar-border; |
|
| 31 |
- @extend .side-shadow-border; |
|
| 32 |
- p:last-child {
|
|
| 33 |
- margin-bottom: 0; |
|
| 34 |
- } |
|
| 35 |
- } |
|
| 36 |
- a {
|
|
| 37 |
- color: inherit; |
|
| 38 |
- @include transition(color, .5s); |
|
| 39 |
- } |
|
| 40 |
- &:hover a, &:hover #tweets a { color: $sidebar-link-color;
|
|
| 41 |
- &:hover { color: $sidebar-link-color-hover; }
|
|
| 42 |
- } |
|
| 43 |
- #recent_posts {
|
|
| 44 |
- time {
|
|
| 45 |
- text-transform: uppercase; |
|
| 46 |
- font-size: .9em; |
|
| 47 |
- color: #666; |
|
| 48 |
- } |
|
| 49 |
- } |
|
| 50 |
- @import "twitter"; |
|
| 51 |
- @import "pinboard"; |
|
| 52 |
- @import "delicious"; |
|
| 53 |
-} |
|
| 54 |
-.aside-alt-link {
|
|
| 55 |
- color: $sidebar-link-color-subdued; |
|
| 56 |
- &:hover {
|
|
| 57 |
- color: $sidebar-link-color-subdued-hover; |
|
| 58 |
- } |
|
| 59 |
-} |
|
| 1 |
+@import "sidebar/base"; |
|
| 2 |
+@import "sidebar/twitter"; |
|
| 3 |
+@import "sidebar/pinboard"; |
|
| 4 |
+@import "sidebar/delicious"; |
| 60 | 5 |
deleted file mode 100644 |
| ... | ... |
@@ -1,16 +0,0 @@ |
| 1 |
-$base03: #002b36; //darkest blue |
|
| 2 |
-$base02: #073642; //dark blue |
|
| 3 |
-$base01: #586e75; //darkest gray |
|
| 4 |
-$base00: #657b83; //dark gray |
|
| 5 |
-$base0: #839496; //medium gray |
|
| 6 |
-$base1: #93a1a1; //medium light gray |
|
| 7 |
-$base2: #eee8d5; //cream |
|
| 8 |
-$base3: #fdf6e3; //white |
|
| 9 |
-$yellow: #b58900; |
|
| 10 |
-$orange: #cb4b16; |
|
| 11 |
-$red: #dc322f; |
|
| 12 |
-$magenta: #d33682; |
|
| 13 |
-$violet: #6c71c4; |
|
| 14 |
-$blue: #268bd2; |
|
| 15 |
-$cyan: #2aa198; |
|
| 16 |
-$green: #859900; |
| ... | ... |
@@ -1,14 +1,16 @@ |
| 1 |
+$pre-bg: image-url('noise.png') top left;
|
|
| 1 | 2 |
.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
|
| 2 | 3 |
.line-numbers {
|
| 3 | 4 |
text-align: right; |
| 4 | 5 |
font-size: .8em; |
| 5 | 6 |
line-height: 1.45em; |
| 6 |
- background: $base02 !important; |
|
| 7 |
+ background: $base02 $pre-bg !important; |
|
| 7 | 8 |
border-right: 1px solid darken($base03, 2) !important; |
| 8 | 9 |
@include box-shadow(lighten($base02, 2) -1px 0 inset); |
| 9 | 10 |
text-shadow: darken($base02, 10) 0 -1px; |
| 10 | 11 |
span { color: $base01 !important; }
|
| 11 | 12 |
padding: .8em !important; |
| 13 |
+ @include border-radius(0); |
|
| 12 | 14 |
} |
| 13 | 15 |
} |
| 14 | 16 |
html .gist .gist-file {
|
| ... | ... |
@@ -30,7 +32,7 @@ html .gist .gist-file {
|
| 30 | 30 |
border: 1px solid lighten($base02, 2) !important; |
| 31 | 31 |
color: $base01; |
| 32 | 32 |
font-size: .7em !important; |
| 33 |
- background: $base02; |
|
| 33 |
+ background: $base02 $pre-bg; |
|
| 34 | 34 |
@extend .sans; |
| 35 | 35 |
line-height: 1.5em; |
| 36 | 36 |
a {
|
| ... | ... |
@@ -51,14 +53,15 @@ html .gist .gist-file {
|
| 51 | 51 |
} |
| 52 | 52 |
} |
| 53 | 53 |
pre {
|
| 54 |
- background: #333; |
|
| 54 |
+ background: $base03 $pre-bg; |
|
| 55 | 55 |
@include border-radius(.4em); |
| 56 | 56 |
@extend .mono; |
| 57 |
+ border: 1px solid $base02; |
|
| 57 | 58 |
line-height: 1.45em; |
| 58 | 59 |
font-size: .8em; |
| 59 | 60 |
margin-bottom: 1.5em; |
| 60 | 61 |
padding: .8em 1em; |
| 61 |
- color: #ccc; |
|
| 62 |
+ color: $base1; |
|
| 62 | 63 |
overflow: auto; |
| 63 | 64 |
} |
| 64 | 65 |
h3.filename {
|
| ... | ... |
@@ -88,7 +91,7 @@ p code {
|
| 88 | 88 |
padding: .8em !important; |
| 89 | 89 |
overflow-x: auto; |
| 90 | 90 |
line-height: 1.45em; |
| 91 |
- background: $base03 !important; |
|
| 91 |
+ background: $base03 $pre-bg !important; |
|
| 92 | 92 |
color: $base1 !important; |
| 93 | 93 |
span { color: $base1 !important; }
|
| 94 | 94 |
span { font-style: normal !important; font-weight: normal !important; }
|
| 95 | 95 |
deleted file mode 100644 |
| ... | ... |
@@ -1,33 +0,0 @@ |
| 1 |
-#tweets {
|
|
| 2 |
- .loading {
|
|
| 3 |
- background: inline-image('bird_32_gray.png') no-repeat center .5em;
|
|
| 4 |
- color: darken($sidebar-bg, 18); |
|
| 5 |
- text-shadow: $main-bg 0 1px; |
|
| 6 |
- text-align: center; |
|
| 7 |
- padding: 2.5em 0 .5em; |
|
| 8 |
- &.error {
|
|
| 9 |
- background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
|
|
| 10 |
- } |
|
| 11 |
- } |
|
| 12 |
- a { color: $sidebar-link-color-subdued; @include hover-link; }
|
|
| 13 |
- p {
|
|
| 14 |
- position: relative; |
|
| 15 |
- padding-right: 1em; |
|
| 16 |
- } |
|
| 17 |
- a[href*=status]{
|
|
| 18 |
- color: $twitter-status-link; |
|
| 19 |
- float: right; |
|
| 20 |
- padding: 0 0 .1em 1em; |
|
| 21 |
- position: relative; right: -1.3em; |
|
| 22 |
- text-shadow: #fff 0 1px; |
|
| 23 |
- font-size: .7em; |
|
| 24 |
- span { font-size: 1.5em; }
|
|
| 25 |
- &:hover {
|
|
| 26 |
- color: $sidebar-link-color-subdued-hover; |
|
| 27 |
- text-decoration: none; |
|
| 28 |
- } |
|
| 29 |
- } |
|
| 30 |
- a[href*='twitter.com/search']{
|
|
| 31 |
- @extend .aside-alt-link; |
|
| 32 |
- } |
|
| 33 |
-} |
| ... | ... |
@@ -2,20 +2,8 @@ |
| 2 | 2 |
@include global-reset; |
| 3 | 3 |
@include reset-html5; |
| 4 | 4 |
|
| 5 |
-@import "core/utilities"; |
|
| 6 |
-@import "partials/solarized"; |
|
| 7 | 5 |
@import "custom/colors"; |
| 8 |
-@import "core/theme"; |
|
| 9 | 6 |
@import "custom/layout"; |
| 10 |
-@import "core/layout"; |
|
| 11 |
-@import "core/typography"; |
|
| 12 |
- |
|
| 13 |
-/* layout partials */ |
|
| 14 |
-@import "partials/header"; |
|
| 15 |
-@import "partials/navigation"; |
|
| 16 |
-@import "partials/page"; |
|
| 17 |
-@import "partials/sidebar"; |
|
| 18 |
-@import "partials/blog"; |
|
| 19 |
-@import "partials/footer"; |
|
| 20 |
-@import "partials/syntax"; |
|
| 7 |
+@import "base"; |
|
| 8 |
+@import "partials"; |
|
| 21 | 9 |
@import "custom/styles"; |
| ... | ... |
@@ -1,7 +1,7 @@ |
| 1 | 1 |
{% unless page.no_header %}
|
| 2 | 2 |
<header> |
| 3 | 3 |
{% if index %}
|
| 4 |
- <h1 class="entry-title"><a href="{{ page.url }}">{{ page.title | titlecase }}</a></h1>
|
|
| 4 |
+ <h1 class="entry-title"><a href="{{ post.url }}">{{ post.title | titlecase }}</a></h1>
|
|
| 5 | 5 |
{% else %}
|
| 6 | 6 |
<h1 class="entry-title">{{ page.title | titlecase }}</h1>
|
| 7 | 7 |
{% endif %}
|
| ... | ... |
@@ -10,12 +10,13 @@ |
| 10 | 10 |
{% endunless %}
|
| 11 | 11 |
{% if index %}
|
| 12 | 12 |
<div class="entry-content">{{ content | exerpt | smart_quotes }}</div>
|
| 13 |
- <p><a rel="full-article" href="{{ page.url }}">Read on →</a></p>
|
|
| 13 |
+ <p><a rel="full-article" href="{{ post.url }}">Read on →</a></p>
|
|
| 14 | 14 |
<footer> |
| 15 | 15 |
<p class="meta"> |
| 16 | 16 |
{% include post_author.html %}
|
| 17 | 17 |
{% include post_date.html %}
|
| 18 |
- <span class="comments"><a rel="comments" href="{{ page.url }}#disqus_thread">Add a comment</a></span>
|
|
| 18 |
+ {% include post_categories.html %}
|
|
| 19 |
+ <span class="comments"><a rel="comments" href="{{ post.url }}#disqus_thread">Comments</a></span>
|
|
| 19 | 20 |
{% include sharing.html %}
|
| 20 | 21 |
</p> |
| 21 | 22 |
</footer> |
| ... | ... |
@@ -1,6 +1,10 @@ |
| 1 |
-{% if page.date %}
|
|
| 2 |
-<time datetime="{{ page.date | datetime }}" pubdate {% if page.updated %} updated {% endif %}>{{ page.date | ordinalize }}</time>
|
|
| 1 |
+{% capture date %}{{ page.date }}{{ post.date }}{% endcapture %}
|
|
| 2 |
+{% capture has_date %}{{ date | size }}{% endcapture %}
|
|
| 3 |
+{% capture updated %}{{ page.updated }}{{ post.updated }}{% endcapture %}
|
|
| 4 |
+{% capture was_updated %}{{ updated | size }}{% endcapture %}
|
|
| 5 |
+{% if has_date != '0' %}
|
|
| 6 |
+<time datetime="{{ date | datetime }}" pubdate {% if updated %} updated {% endif %}>{{ date | ordinalize }}</time>
|
|
| 3 | 7 |
{% endif %}
|
| 4 |
-{% if page.updated %}
|
|
| 5 |
-<time class="updated" datetime="{{ page.updated | datetime }}"></time>
|
|
| 8 |
+{% if was_updated != '0' %}
|
|
| 9 |
+<time class="updated" datetime="{{ updated | datetime }}"></time>
|
|
| 6 | 10 |
{% endif %}
|
| ... | ... |
@@ -5,13 +5,16 @@ single: true |
| 5 | 5 |
|
| 6 | 6 |
<article class="hentry"> |
| 7 | 7 |
{% include article.html %}
|
| 8 |
+ {% unless page.no_meta %}
|
|
| 8 | 9 |
<footer> |
| 9 | 10 |
<p class="meta"> |
| 10 | 11 |
{% include post_author.html %}
|
| 11 | 12 |
{% include post_date.html %}
|
| 13 |
+ {% include post_categories.html %}
|
|
| 12 | 14 |
{% include sharing.html %}
|
| 13 | 15 |
</p> |
| 14 | 16 |
</footer> |
| 17 |
+ {% endunless %}
|
|
| 15 | 18 |
{% if site.disqus_short_name %}
|
| 16 | 19 |
<section> |
| 17 | 20 |
<h1>Comments</h1> |
| 18 | 21 |
deleted file mode 100644 |
| ... | ... |
@@ -1,24 +0,0 @@ |
| 1 |
-layout: post |
|
| 2 |
-title: Blog Archive |
|
| 3 |
-no_meta: true |
|
| 4 |
-{% for post in site.posts reverse %}
|
|
| 5 |
- {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
| 6 |
- {% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
|
|
| 7 |
- {% unless year == this_year %}
|
|
| 8 |
- {% unless forloop.first %}</ul>{% endunless %}
|
|
| 9 |
- {% assign year = this_year %}
|
|
| 10 |
- <h2>{{ year }}</h2>
|
|
| 11 |
- <ul class="blog_archives"> |
|
| 12 |
- {% endunless %}
|
|
| 13 |
- {% unless month == this_month %}
|
|
| 14 |
- {% assign month = this_month %}
|
|
| 15 |
- <li><h4>{{ month }}</h4></li>
|
|
| 16 |
- {% endunless %}
|
|
| 17 |
- <li> |
|
| 18 |
- <time datetime="{{ post.date | datetime }}" pubdate>{{ post.date | date: "%d"}}</time>
|
|
| 19 |
- <a href="{{ post.url }}">{{post.title}}</a>
|
|
| 20 |
- </li> |
|
| 21 |
- {% if forloop.last %}</ul>{% endif %}
|
|
| 22 |
-{% endfor %}
|
| ... | ... |
@@ -3,8 +3,8 @@ layout: default |
| 3 | 3 |
blog_index: true |
| 4 | 4 |
--- |
| 5 | 5 |
{% assign index = true %}
|
| 6 |
-{% for page in paginator.posts %}
|
|
| 7 |
-{% assign content = page.content %}
|
|
| 6 |
+{% for post in paginator.posts %}
|
|
| 7 |
+{% assign content = post.content %}
|
|
| 8 | 8 |
<article> |
| 9 | 9 |
{% include article.html %}
|
| 10 | 10 |
</article> |