├── .github └── designGuide.yaml ├── .gitignore ├── 404.md ├── CNAME ├── Gemfile ├── Gemfile.lock ├── Icons.json ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── footer.html ├── graphs.html ├── head-dark.html └── head.html ├── _layouts ├── 404.html ├── home.html ├── page.html ├── post-index.html ├── post-light-feature.html ├── post-no-feature ├── post-no-feature.html └── post.html ├── _posts ├── 2013-08-05-longform-post.md ├── 2013-08-05-post-with-feature.md ├── 2013-08-05-post-with-figure.md ├── 2013-08-05-the-little-prince.md └── 2013-08-17-test-post.md ├── _sass ├── _grid.scss ├── _mixins.scss ├── _normalize.scss ├── _styles.scss ├── _type.scss └── _variables.scss ├── about.md ├── articles.md ├── assets ├── css │ ├── entypo.css │ ├── fonts │ │ ├── Icons.dev.svg │ │ ├── Icons.eot │ │ ├── Icons.svg │ │ ├── Icons.ttf │ │ └── Icons.woff │ └── i.scss ├── fonts │ ├── icomoon.dev.svg │ ├── icomoon.eot │ ├── icomoon.svg │ ├── icomoon.ttf │ └── icomoon.woff └── js │ ├── jquery.js │ ├── jquery.min.js │ ├── main.js │ ├── main.min.js │ ├── retina.js │ ├── retina.min.js │ ├── scripts.js │ ├── scripts.min.js │ └── vendor │ ├── jquery-1.9.1.min.js │ ├── jquery.fitvids.js │ ├── jquery.magnific-popup.js │ └── modernizr-2.6.2.custom.min.js ├── favicon.ico ├── features.md ├── feed.xml ├── humans.txt ├── images ├── avatar.png ├── categories.png ├── favicon.png ├── filler.png ├── filler@2x.png ├── gatsby.jpg ├── menu-dark.png ├── menu-dark@2x.png ├── menu.png ├── menu@2x.png ├── money.jpg ├── money@2x.jpg ├── og_image.gif ├── og_image.png ├── search.png ├── soft-trees.jpg ├── sticker-mule.jpg ├── sticker-mule@2x.jpg └── typewriter.jpg ├── index.md ├── robots.txt └── sitemap.xml /.github/designGuide.yaml: -------------------------------------------------------------------------------- 1 | design: ["*.less","*.scss" "*.css"] 2 | config: .github 3 | team_reviewers: designers 4 | comment: | 5 | Please be sure to reference the Robin Design Guide: https://github.com/robinpowered/design-guide. 6 | If you need additional design guidance tag the design team @designers. 7 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Don't include generated site 2 | _site 3 | 4 | # Ignore sass-cache generated by Jekyll 5 | .sass-cache 6 | -------------------------------------------------------------------------------- /404.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: "404" 3 | title: "Page Not Found" 4 | --- 5 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | jekyll.gtat.me -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'jekyll' 4 | gem 'jekyll-minibundle' 5 | gem 'coderay' 6 | gem 'rake' -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | classifier (1.3.3) 5 | fast-stemmer (>= 1.0.0) 6 | coderay (1.0.9) 7 | colorator (0.1) 8 | commander (4.1.4) 9 | highline (~> 1.6.11) 10 | directory_watcher (1.4.1) 11 | fast-stemmer (1.0.2) 12 | highline (1.6.19) 13 | jekyll (1.1.2) 14 | classifier (~> 1.3) 15 | colorator (~> 0.1) 16 | commander (~> 4.1.3) 17 | directory_watcher (~> 1.4.1) 18 | kramdown (~> 1.0.2) 19 | liquid (~> 2.5.1) 20 | maruku (~> 0.5) 21 | pygments.rb (~> 0.5.0) 22 | redcarpet (~> 2.2.2) 23 | safe_yaml (~> 0.7.0) 24 | jekyll-minibundle (1.1.0) 25 | kramdown (1.0.2) 26 | liquid (2.5.1) 27 | maruku (0.6.1) 28 | syntax (>= 1.0.0) 29 | posix-spawn (0.3.6) 30 | pygments.rb (0.5.2) 31 | posix-spawn (~> 0.3.6) 32 | yajl-ruby (~> 1.3.1) 33 | rake (10.1.0) 34 | redcarpet (2.2.2) 35 | safe_yaml (0.7.1) 36 | syntax (1.0.0) 37 | yajl-ruby (1.1.0) 38 | 39 | PLATFORMS 40 | ruby 41 | 42 | DEPENDENCIES 43 | coderay 44 | jekyll 45 | jekyll-minibundle 46 | rake 47 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License 2 | 3 | Copyright (c) François Monniot, http://francois.monniot.eu 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Balzac 2 | 3 | This is forked from [minimal mistakes](http://mademistakes.com). I needed some type of framework to build off as I have no experience with Jekyll. Michael set up an awesome dev environment for this which really helped speed up my progress. He also already wrote up an incredibly comprehensive readme.md so I basically copied all of it and replaced what was necessary. The design itself is my own and I cannot let you sell this or tweak the design for resale, unless I you [contact me](mailto:cole@coletownsend.com). 4 | 5 | 6 | If you'd like give me credit somewhere on your blog or tweet a shout out to 7 | [@twnsndco](https://twitter.com/twnsndco), that would be pretty sweet. 8 | 9 | If you feel like donating — [Give it a thought.](http://gtat.me/balzac/donate) 10 | 11 | --- 12 | 13 | 14 | ![Balzac for Jekyll](http://cl.ly/Qdzo/Screen%20Shot%202013-08-05%20at%205.35.11%20PM.jpg) 15 | ![Balzac for Jekyll](http://cl.ly/Qdyh/Screen%20Shot%202013-08-05%20at%205.30.01%20PM.jpg) 16 | 17 | ## Features: 18 | - flexible, uses max-width for responsive goodness 19 | - responsive drop down menu 20 | - retina images using @2x 21 | - post loop in the footer showing 3 latest posts 22 | - custom portfolio page for case studies 23 | 24 | ## Basic Setup 25 | 26 | 1. [Install Jekyll](http://jekyllrb.com) if you haven't already. 27 | 2. Download this bad boy. 28 | 3. Fork the [Balzac repo](http://github.com/coletownsend/balzac-for-jekyll/) 29 | 4. Twerk it out so it's just for you. 30 | 5. ??? 31 | 6. Profit 32 | 33 | ## [Preview the Theme](http://jekyll.gtat.me) 34 | ======= 35 | [Preview the Theme](http://jekyll.gtat.me) 36 | 37 | ``` bash 38 | balzac-for-jekyll/ 39 | ├── _includes 40 | | ├── footer.html //site footer 41 | | ├── head.html //site head 42 | | ├── head-dark.html //dark site head for light pages 43 | ├── _layouts 44 | | ├── home.html //homepage layout 45 | | ├── page.html //page layout 46 | | ├── post-index.html //post listing layout 47 | | └── post.html //post layout 48 | | ├── post-no-feature.html //feature image-less post layout 49 | ├── _posts 50 | ├── assets 51 | | ├── css //preprocessed less styles. good idea to minify 52 | | ├── img //images and graphics used in css and js 53 | | ├── js 54 | | | ├── main.js //jQuery plugins and settings 55 | | | └── vendor //all 3rd party scripts 56 | | └── sass 57 | ├── images //images for posts and pages 58 | ├── about.md //about page 59 | ├── articles.md //lists all posts from latest to oldest 60 | └── index.md //homepage. lists 5 most recent posts 61 | ``` 62 | 63 | # Customization 64 | 65 | ## _config.yml 66 | 67 | Most of the variables found here are used in the .html files found in `_includes` if you need to add or remove anything. A good place to start would be to change the title, tagline, description, and url of your site. When working locally comment out `url` or else you will get a bunch of broken links because they are absolute and prefixed with `{{ site.url }}` in the various `_includes` and `_layouts`. Just remember to uncomment `url` when building for deployment or pushing to **gh-pages**... 68 | 69 | ### Owner/Author Information 70 | 71 | Change your name, bio, Twitter url, email, Dribbble URL, etc. 72 | 73 | 74 | ### Top Navigation Links 75 | 76 | Edit page/post titles and URLs to include in the site's navigation. For external links add `external: true`. 77 | 78 | ``` yaml 79 | # sample top navigation links 80 | links: 81 | - title: About Page 82 | url: /about 83 | - title: Other Page 84 | url: /other-page 85 | - title: External Page 86 | url: http://coletownsend.com 87 | external: true 88 | ``` 89 | 90 | ## Other Stuff 91 | 92 | The rest is just your average Jekyll config settings. Nothing too crazy here... 93 | 94 | ### _includes 95 | 96 | For the most part you can leave these as is since the author/owner details are pulled from `_config.yml`. That said you'll probably want to customize the copyright stuff in `footer.html` to your liking. 97 | 98 | ### Adding Posts and Pages 99 | 100 | There are two main content layouts: `post.html` (for posts) and `page.html` (for pages). Both have large **feature images** that span the full-width of the screen, and both are meant for text heavy blog posts (or articles). 101 | 102 | ### Feature Images 103 | 104 | A good rule of thumb is to keep feature images nice and wide so you don't push the body text too far down. An image cropped around around 1024 x 256 pixels will keep file size down with an acceptable resolution for most devices. 105 | 106 | ``` yaml 107 | image: 108 | # local image 109 | feature: feature-image-filename.jpg 110 | # link image 111 | feature: "http(s)://image.domain.com/feature-image-filename.jpg" 112 | ``` 113 | 114 | This makes the assumption that the feature image is in the *images* folder unless it has a link address. To add a feature image to a post or page just include the filename in the front matter like so. 115 | You can "serve" images responsively with retina.js. All you need to do is have a file with @2x before the file type. That should be placed in the *images* folder. You literally don't have to do anything other than that. 2 copies. One is linked. That's it. 116 | Ex: 117 | `cool-photo@2x.jpg` 118 | 119 | **There is a default feature image that will show up for and posts. It isn't retina or anything. It's just there in case you want one but forget <3* 120 | 121 | #### If you don't want a feature image 122 | …just say so in the front-matter. Go to your-post-name.md and make sure it has this guy up top. 123 | ``` 124 | layout: post-no-feature 125 | ``` 126 | 127 | ### Categories 128 | 129 | In the sample `_posts` folder you may have noticed `category: articles` in the front matter. I like keeping all posts grouped in the same folder. If you decide to rename or add categories you will need to modify the permalink in `articles.md` along with the filename (if renaming). 130 | 131 | For example. Say you want to group all your posts under `blog/` instead of `articles/`. In your post add `category: blog` to the front matter, rename or duplicate `articles.md` to `blog.md` and change the permalink in that file to `permalink: /blog/index.html`. 132 | 133 | If done correctly `/blog` should be a page listing all the site's posts. 134 | 135 | 136 | ## License 137 | 138 | This is free to use, fork, do whatever you want. Please *do not* sell this design though. You don't need to link me to it, but please contact me if you intend to market this theme. I am releasing premium versions of this design for select CMS's. 139 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | title: Balzac 2 | tagline: A beautiful theme. 3 | description: Describe your website. 4 | canonical: http://jekyll.gtat.me 5 | 6 | # Owner/author information 7 | owner: 8 | name: Cole Townsend 9 | avatar: avatar.png 10 | bio: "Aesthete & Athlete" 11 | email: cole@coletownsend.com 12 | twitter: twnsndco 13 | github: coletownsend 14 | instagram: ctrunsthis 15 | dribbble: coletownsend 16 | disqus: balzac 17 | location: "Buffalo, NY" 18 | # Plug in your disqus shortname! 19 | 20 | tools: 21 | standards: "HTML, SCSS, Jekyll" 22 | software: "git" 23 | 24 | # Open Graph customization 25 | opengraph: 26 | locale: en_US 27 | 28 | # Links to include in top navigation 29 | # For external links add external: true 30 | links: 31 | - title: About 32 | url: /about 33 | - title: Github 34 | url: https://github.com/ColeTownsend/Balzac-for-Jekyll 35 | external: true 36 | - title: Cole Who? 37 | url: http://coletownsend.com 38 | external: true 39 | 40 | # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones 41 | timezone: America/New_York 42 | future: true 43 | highlighter: pygments 44 | markdown: kramdown 45 | 46 | kramdown: 47 | auto_ids: true 48 | footnote_nr: 1 49 | entity_output: as_char 50 | toc_levels: 1..6 51 | use_coderay: false 52 | 53 | coderay: 54 | coderay_line_numbers: 55 | coderay_line_numbers_start: 1 56 | coderay_tab_width: 4 57 | coderay_bold_every: 10 58 | coderay_css: class 59 | 60 | sass: 61 | style: :compressed 62 | 63 | # https://github.com/mojombo/jekyll/wiki/Permalinks 64 | permalink: /:categories/:title 65 | 66 | include: [".htaccess"] 67 | exclude: ["lib", "config.rb", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp"] 68 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 |
2 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /_includes/graphs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | {% if page.image.feature %} 8 | 9 | {% endif %} 10 | 11 | 12 | -------------------------------------------------------------------------------- /_includes/head-dark.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% if page.title %}{{ page.title }} – {% endif %}{{ site.title }} 5 | 6 | 7 | 8 | {% include graphs.html %} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 | 47 |
48 |
49 |
50 |

{{ site.title }}

51 |
52 | ☰ 53 | 65 |
66 |
67 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% if page.title %}{{ page.title }} – {% endif %}{{ site.title }} 5 | 6 | 7 | 8 | {% include graphs.html %} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 | 47 |
48 |
49 |
50 |

{{ site.title }}

51 |
52 | ☰ 53 | 65 |
66 |
67 | -------------------------------------------------------------------------------- /_layouts/404.html: -------------------------------------------------------------------------------- 1 | {% include head-dark.html %} 2 | 3 |
4 | 5 |
6 |
7 |
8 |

{{ page.title }}

9 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

10 | 11 |
12 |
13 | 14 | {{ content }} 15 | 16 |
17 |
18 |
19 | 20 | {% include footer.html %} 21 | -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | {% include head-dark.html %} 2 | 3 |
4 |
5 |
6 |
    7 |

    {{ page.title }}

     8 | {% for post in site.posts %} 9 |
  1. 10 |
    11 |

    {{ post.title }}

    12 |

    13 |

    {% if post.description %}{{ post.description | strip_html | strip_newlines | truncate: 120 }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

    14 |
    15 |
    2. 16 | {% endfor %} 17 |
18 |
19 |
20 |
21 | 22 | {% include footer.html %} -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | {% if page.image.feature %} 2 | 3 | {% include head.html %} 4 | 5 |
6 | 7 |
8 |
9 | {% else %} 10 | 11 | {% include head-dark.html %} 12 | 13 |
14 | 15 | {% endif %} 16 | 17 |
18 |
19 |
20 |

{{ page.title }}

21 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

22 | 23 |
24 |
25 | 26 | {{ content }} 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | 35 | {% include footer.html %} 36 | -------------------------------------------------------------------------------- /_layouts/post-index.html: -------------------------------------------------------------------------------- 1 | {% include head-dark.html %} 2 | 3 |
4 |
5 |
6 |
    7 |

    {{ page.title }}

     8 | {% for post in site.posts %} 9 |
  1. 10 |
    11 |

    {{ post.title }}

    12 |

    13 |

    {% if post.description %}{{ post.description | strip_html | strip_newlines | truncate: 120 }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 120 }}{% endif %}

    14 |
    15 |
    2. 16 | {% endfor %} 17 |
18 |
19 |
20 |
21 | 22 | {% include footer.html %} -------------------------------------------------------------------------------- /_layouts/post-light-feature.html: -------------------------------------------------------------------------------- 1 | {% if page.image.feature %} 2 | 3 | {% include head-dark.html %} 4 | 5 |
6 | 7 |
8 |
9 | {% else %} 10 | 11 | {% include head-dark.html %} 12 | 13 |
14 | 15 | {% endif %} 16 | 17 | 18 |
19 |
20 |
21 |

{{page.title}}

22 |

{{page.date | date: "%b %d, %Y" }}

23 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

24 |
25 |
26 | 27 | {{ content }} 28 | 29 | 30 | 31 | 32 | {% if page.comments %} 33 | 49 | {% endif %} 50 | 51 |
52 |
53 | 54 | 55 | {% include footer.html %} 56 | -------------------------------------------------------------------------------- /_layouts/post-no-feature: -------------------------------------------------------------------------------- 1 | {% include head.html %} 2 | 3 |
4 | 5 | {% if page.image.feature %} 6 |
7 |
8 | {% else %} 9 |
10 |
11 | {% endif %} 12 | 13 | 14 |
15 |
16 |
17 |

{{page.title}}

18 |

{{page.date | date: "%b %d, %Y" }}

19 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

20 |
21 |
22 | 23 | {{ content }} 24 | 25 | 26 | 27 | 28 | 29 |
30 |
31 | 32 | 33 | {% include footer.html %} 34 | -------------------------------------------------------------------------------- /_layouts/post-no-feature.html: -------------------------------------------------------------------------------- 1 | {% if page.image.feature %} 2 | 3 | {% include head.html %} 4 | 5 |
6 | 7 |
8 |
9 | {% else %} 10 | 11 | {% include head-dark.html %} 12 | 13 |
14 | 15 | {% endif %} 16 | 17 | 18 |
19 |
20 |
21 |

{{page.title}}

22 |

{{page.date | date: "%b %d, %Y" }}

23 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

24 |
25 |
26 | 27 | {{ content }} 28 | 29 | 30 | 31 | 32 | {% if page.comments %} 33 | 49 | {% endif %} 50 | 51 |
52 |
53 | 54 | 55 | {% include footer.html %} 56 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | {% include head.html %} 2 | 3 |
4 | 5 | {% if page.image.feature %} 6 |
7 | {% if page.image.feature contains 'https://' | escape or page.image.feature contains 'http://' | escape %} 8 |
9 | {% else %} 10 |
11 | {% endif %} 12 | {% else %} 13 |
14 |
15 | {% endif %} 16 | 17 | 18 |
19 |
20 |
21 |

{{page.title}}

22 |

{{page.date | date: "%b %d, %Y" }}

23 |

{% if page.description %}{{ page.description }}{% else %}{{ page.tagline }}{% endif %}

24 |
25 |
26 | 27 | {{ content }} 28 | 29 | 30 | 31 | 32 | {% if page.comments %} 33 | 49 | {% endif %} 50 | 51 | 52 |
53 | 54 |
55 | 56 | 57 | {% include footer.html %} 58 | -------------------------------------------------------------------------------- /_posts/2013-08-05-longform-post.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post-no-feature 3 | title: "A Longform Post to Cogitate" 4 | description: "Portland in shoreditch Vice, labore typewriter pariatur hoodie fap sartorial Austin. Pinterest literally occupy Schlitz forage." 5 | category: articles 6 | tags: [sample post, readability, test] 7 | --- 8 | 9 | Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag. 10 | 11 | Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. Ea fashion axe Marfa cillum aliquip. Retro Bushwick keytar cliche. Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies. 12 | 13 | ## Cupidatat 90's lo-fi authentic try-hard 14 | 15 | In pug Portland incididunt mlkshk put a bird on it vinyl quinoa. Terry Richardson shabby chic +1, scenester Tonx excepteur tempor fugiat voluptate fingerstache aliquip nisi next level. Farm-to-table hashtag Truffaut, Odd Future ex meggings gentrify single-origin coffee try-hard 90's. 16 | 17 | * Sartorial hoodie 18 | * Labore viral forage 19 | * Tote bag selvage 20 | * DIY exercitation et id ugh tumblr church-key 21 | 22 | Incididunt umami sriracha, ethical fugiat VHS ex assumenda yr irure direct trade. Marfa Truffaut bicycle rights, kitsch placeat Etsy kogi asymmetrical. Beard locavore flexitarian, kitsch photo booth hoodie plaid ethical readymade leggings yr. 23 | 24 | Aesthetic odio dolore, meggings disrupt qui readymade stumptown brunch Terry Richardson pour-over gluten-free. Banksy american apparel in selfies, biodiesel flexitarian organic meh wolf quinoa gentrify banjo kogi. Readymade tofu ex, scenester dolor umami fingerstache occaecat fashion axe Carles jean shorts minim. Keffiyeh fashion axe nisi Godard mlkshk dolore. Lomo you probably haven't heard of them eu non, Odd Future Truffaut pug keytar meggings McSweeney's Pinterest cred. Etsy literally aute esse, eu bicycle rights qui meggings fanny pack. Gentrify leggings pug flannel duis. 25 | 26 | ## Forage occaecat cardigan qui 27 | 28 | Fashion axe hella gastropub lo-fi kogi 90's aliquip +1 veniam delectus tousled. Cred sriracha locavore gastropub kale chips, iPhone mollit sartorial. Anim dolore 8-bit, pork belly dolor photo booth aute flannel small batch. Dolor disrupt ennui, tattooed whatever salvia Banksy sartorial roof party selfies raw denim sint meh pour-over. Ennui eu cardigan sint, gentrify iPhone cornhole. 29 | 30 | > Whatever velit occaecat quis deserunt gastropub, leggings elit tousled roof party 3 wolf moon kogi pug blue bottle ea. Fashion axe shabby chic Austin quinoa pickled laborum bitters next level, disrupt deep v accusamus non fingerstache. 31 | 32 | Tote bag asymmetrical elit sunt. Occaecat authentic Marfa, hella McSweeney's next level irure veniam master cleanse. Sed hoodie letterpress artisan wolf leggings, 3 wolf moon commodo ullamco. Anim occupy ea labore Terry Richardson. Tofu ex master cleanse in whatever pitchfork banh mi, occupy fugiat fanny pack Austin authentic. Magna fugiat 3 wolf moon, labore McSweeney's sustainable vero consectetur. Gluten-free disrupt enim, aesthetic fugiat jean shorts trust fund keffiyeh magna try-hard. 33 | 34 | ## Hoodie Duis 35 | 36 | Actually salvia consectetur, hoodie duis lomo YOLO sunt sriracha. Aute pop-up brunch farm-to-table odio, salvia irure occaecat. Sriracha small batch literally skateboard. Echo Park nihil hoodie, aliquip forage artisan laboris. Trust fund reprehenderit nulla locavore. Stumptown raw denim kitsch, keffiyeh nulla twee dreamcatcher fanny pack ullamco 90's pop-up est culpa farm-to-table. Selfies 8-bit do pug odio. 37 | 38 | ### Thundercats Ho! 39 | 40 | Fingerstache thundercats Williamsburg, deep v scenester Banksy ennui vinyl selfies mollit biodiesel duis odio pop-up. Banksy 3 wolf moon try-hard, sapiente enim stumptown deep v ad letterpress. Squid beard brunch, exercitation raw denim yr sint direct trade. Raw denim narwhal id, flannel DIY McSweeney's seitan. Letterpress artisan bespoke accusamus, meggings laboris consequat Truffaut qui in seitan. Sustainable cornhole Schlitz, twee Cosby sweater banh mi deep v forage letterpress flannel whatever keffiyeh. Sartorial cred irure, semiotics ethical sed blue bottle nihil letterpress. 41 | 42 | Occupy et selvage squid, pug brunch blog nesciunt hashtag mumblecore skateboard yr kogi. Ugh small batch swag four loko. Fap post-ironic qui tote bag farm-to-table american apparel scenester keffiyeh vero, swag non pour-over gentrify authentic pitchfork. Schlitz scenester lo-fi voluptate, tote bag irony bicycle rights pariatur vero Vice freegan wayfarers exercitation nisi shoreditch. Chambray tofu vero sed. Street art swag literally leggings, Cosby sweater mixtape PBR lomo Banksy non in pitchfork ennui McSweeney's selfies. Odd Future Banksy non authentic. 43 | 44 | Aliquip enim artisan dolor post-ironic. Pug tote bag Marfa, deserunt pour-over Portland wolf eu odio intelligentsia american apparel ugh ea. Sunt viral et, 3 wolf moon gastropub pug id. Id fashion axe est typewriter, mlkshk Portland art party aute brunch. Sint pork belly Cosby sweater, deep v mumblecore kitsch american apparel. Try-hard direct trade tumblr sint skateboard. Adipisicing bitters excepteur biodiesel, pickled gastropub aute veniam. -------------------------------------------------------------------------------- /_posts/2013-08-05-post-with-feature.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Post and Feature Image 4 | description: "In my younger and more vulnerable years my father gave me some advice that I’ve been turning over in my mind ever since." 5 | category: articles 6 | tags: [intro, beginner, jekyll, tutorial] 7 | image: 8 | feature: "https://farm8.staticflickr.com/7014/6840341477_e49612bc59_o_d.jpg" 9 | --- 10 | 11 | “Whenever you feel like criticizing any one,” he told me, “just remember that all the people in this world haven’t had the advantages that you’ve had.” 12 | 13 | He didn’t say any more, but we’ve always been unusually communicative in a reserved way, and I understood that he meant a great deal more than that. In consequence, I’m inclined to reserve all judgments, a habit that has opened up many curious natures to me and also made me the victim of not a few veteran bores. The abnormal mind is quick to detect and attach itself to this quality when it appears in a normal person, and so it came about that in college I was unjustly accused of being a politician, because I was privy to the secret griefs of wild, unknown men. Most of the confidences were unsought — frequently I have feigned sleep, preoccupation, or a hostile levity when I realized by some unmistakable sign that an intimate revelation was quivering on the horizon; for the intimate revelations of young men, or at least the terms in which they express them, are usually plagiaristic and marred by obvious suppressions. Reserving judgments is a matter of infinite hope. I am still a little afraid of missing something if I forget that, as my father snobbishly suggested, and I snobbishly repeat, a sense of the fundamental decencies is parcelled out unequally at birth. 14 | 15 | And, after boasting this way of my tolerance, I come to the admission that it has a limit. Conduct may be founded on the hard rock or the wet marshes, but after a certain point I don’t care what it’s founded on. When I came back from the East last autumn I felt that I wanted the world to be in uniform and at a sort of moral attention forever; I wanted no more riotous excursions with privileged glimpses into the human heart. Only Gatsby, the man who gives his name to this book, was exempt from my reaction — Gatsby, who represented everything for which I have an unaffected scorn. If personality is an unbroken series of successful gestures, then there was something gorgeous about him, some heightened sensitivity to the promises of life, as if he were related to one of those intricate machines that register earthquakes ten thousand miles away. This responsiveness had nothing to do with that flabby impressionability which is dignified under the name of the “creative temperament.”— it was an extraordinary gift for hope, a romantic readiness such as I have never found in any other person and which it is not likely I shall ever find again. No — Gatsby turned out all right at the end; it is what preyed on Gatsby, what foul dust floated in the wake of his dreams that temporarily closed out my interest in the abortive sorrows and short-winded elations of men. 16 | My family have been prominent, well-to-do people in this Middle Western city for three generations. The Carraways are something of a clan, and we have a tradition that we’re descended from the Dukes of Buccleuch, but the actual founder of my line was my grandfather’s brother, who came here in fifty-one, sent a substitute to the Civil War, and started the wholesale hardware business that my father carries on to-day. 17 | 18 | I never saw this great-uncle, but I’m supposed to look like him — with special reference to the rather hard-boiled painting that hangs in father’s office. I graduated from New Haven in 1915, just a quarter of a century after my father, and a little later I participated in that delayed Teutonic migration known as the Great War. I enjoyed the counter-raid so thoroughly that I came back restless. Instead of being the warm centre of the world, the Middle West now seemed like the ragged edge of the universe — so I decided to go East and learn the bond business. Everybody I knew was in the bond business, so I supposed it could support one more single man. All my aunts and uncles talked it over as if they were choosing a prep school for me, and finally said, “Why — ye — es,” with very grave, hesitant faces. Father agreed to finance me for a year, and after various delays I came East, permanently, I thought, in the spring of twenty-two. 19 | 20 | The practical thing was to find rooms in the city, but it was a warm season, and I had just left a country of wide lawns and friendly trees, so when a young man at the office suggested that we take a house together in a commuting town, it sounded like a great idea. He found the house, a weather-beaten cardboard bungalow at eighty a month, but at the last minute the firm ordered him to Washington, and I went out to the country alone. I had a dog — at least I had him for a few days until he ran away — and an old Dodge and a Finnish woman, who made my bed and cooked breakfast and muttered Finnish wisdom to herself over the electric stove. 21 | 22 | It was lonely for a day or so until one morning some man, more recently arrived than I, stopped me on the road. 23 | 24 | “How do you get to West Egg village?” he asked helplessly. 25 | 26 | I told him. And as I walked on I was lonely no longer. I was a guide, a pathfinder, an original settler. He had casually conferred on me the freedom of the neighborhood. 27 | And so with the sunshine and the great bursts of leaves growing on the trees, just as things grow in fast movies, I had that familiar conviction that life was beginning over again with the summer. 28 | 29 | There was so much to read, for one thing, and so much fine health to be pulled down out of the young breath-giving air. I bought a dozen volumes on banking and credit and investment securities, and they stood on my shelf in red and gold like new money from the mint, promising to unfold the shining secrets that only Midas and Morgan and Maecenas knew. And I had the high intention of reading many other books besides. I was rather literary in college — one year I wrote a series of very solemn and obvious editorials for the “Yale News.”— and now I was going to bring back all such things into my life and become again that most limited of all specialists, the “well-rounded man.” This isn’t just an epigram — life is much more successfully looked at from a single window, after all. 30 | 31 | It was a matter of chance that I should have rented a house in one of the strangest communities in North America. It was on that slender riotous island which extends itself due east of New York — and where there are, among other natural curiosities, two unusual formations of land. Twenty miles from the city a pair of enormous eggs, identical in contour and separated only by a courtesy bay, jut out into the most domesticated body of salt water in the Western hemisphere, the great wet barnyard of Long Island Sound. They are not perfect ovals — like the egg in the Columbus story, they are both crushed flat at the contact end — but their physical resemblance must be a source of perpetual confusion to the gulls that fly overhead. To the wingless a more arresting phenomenon is their dissimilarity in every particular except shape and size. 32 | I lived at West Egg, the — well, the less fashionable of the two, though this is a most superficial tag to express the bizarre and not a little sinister contrast between them. My house was at the very tip of the egg, only fifty yards from the Sound, and squeezed between two huge places that rented for twelve or fifteen thousand a season. The one on my right was a colossal affair by any standard — it was a factual imitation of some Hotel de Ville in Normandy, with a tower on one side, spanking new under a thin beard of raw ivy, and a marble swimming pool, and more than forty acres of lawn and garden. It was Gatsby’s mansion. Or, rather, as I didn’t know Mr. Gatsby, it was a mansion inhabited by a gentleman of that name. My own house was an eyesore, but it was a small eyesore, and it had been overlooked, so I had a view of the water, a partial view of my neighbor’s lawn, and the consoling proximity of millionaires — all for eighty dollars a month. 33 | -------------------------------------------------------------------------------- /_posts/2013-08-05-post-with-figure.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Post with Figure" 4 | description: "Examples and code for displaying images in posts." 5 | category: articles 6 | tags: [sample post, images, test] 7 | --- 8 | 9 | This is a post that uses a `figure`. It stacks these images and places a nice little caption below if you fill out `figcaption`. 10 | 11 | ### Single Image Figure 12 | 13 |
14 | 15 |
Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr
16 |
17 | 18 | {% highlight html linenos %} 19 |
20 | 21 |
Caption describing these two images.
22 |
23 | {% endhighlight %} -------------------------------------------------------------------------------- /_posts/2013-08-05-the-little-prince.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post-no-feature 3 | title: "Image in Post" 4 | description: "Once when I was six years old I saw a magnificent picture in a book, called 5 | True Stories from Nature, about the primeval forest." 6 | comments: true 7 | category: articles 8 | --- 9 | 10 | It was a picture of a boa constrictor in the act of swallowing an animal. Here is a copy of the drawing: 11 | 12 | ![Drawing A]({{ site.url }}/images/money.jpg) 13 | 14 | In the book it said: “Boa constrictors swallow their prey whole, without 15 | chewing it. After that they are not able to move, and they sleep through the 16 | six months that they need for digestion.” 17 | 18 | I pondered deeply, then, over the adventures of the jungle. And after some 19 | work with a colored pencil I succeeded in making my first drawing. 20 | My Drawing Number One. It looked like this: 21 | 22 | ![Drawing Number One]({{ site.url }}/images/sticker-mule.jpg) 23 | 24 | I showed my masterpiece to the grown-ups, and asked them whether the 25 | drawing frightened them. 26 | 27 | But they answered: “Frighten? Why should any one be frightened by a 28 | hat?” 29 | 30 | My drawing was not a picture of a hat. It was a picture of a boa constrictor 31 | digesting an elephant. But since the grown-ups were not able to understand it, 32 | I made another drawing: I drew the inside of the boa constrictor, so that the 33 | grown-ups could see it clearly. They always need to have things explained. 34 | -------------------------------------------------------------------------------- /_posts/2013-08-17-test-post.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post-light-feature 3 | title: Test Post 4 | description: "Portland in shoreditch Vice, labore typewriter pariatur hoodie fap sartorial Austin. Pinterest literally occupy Schlitz forage." 5 | categories: articles 6 | date: 2013-08-17 7 | image: 8 | feature: soft-trees.jpg 9 | --- 10 | Shoreditch bicycle rights anim, flexitarian laboris put a bird on it vinyl cupidatat narwhal. Hashtag artisan skateboard, flannel Bushwick nesciunt salvia aute fixie do plaid post-ironic dolor McSweeney's. Cliche pour-over chambray nulla four loko skateboard sapiente hashtag. 11 | 12 | Vero laborum commodo occupy. Semiotics voluptate mumblecore pug. Cosby sweater ullamco quinoa ennui assumenda, sapiente occupy delectus lo-fi. Ea fashion axe Marfa cillum aliquip. Retro Bushwick keytar cliche. Before they sold out sustainable gastropub Marfa readymade, ethical Williamsburg skateboard brunch qui consectetur gentrify semiotics. Mustache cillum irony, fingerstache magna pour-over keffiyeh tousled selfies. 13 | 14 | 15 | -------------------------------------------------------------------------------- /_sass/_grid.scss: -------------------------------------------------------------------------------- 1 | /* ========================================================================== 2 | Media Queries 3 | 4 | - Mobile 5 | - Tablets 6 | ========================================================================== */ 7 | 8 | ///////////////// 9 | // Semantic.gs // for SCSS: http://sass-lang.com/ 10 | ///////////////// 11 | 12 | // Defaults which you can freely override 13 | $column-width: 7%; 14 | $gutter-width: 3%; 15 | $columns: 10; 16 | 17 | $total-width: 100%; 18 | 19 | 20 | // Utility function - you should never need to modify this 21 | @function gridsystem-width($columns:$columns) { 22 | @return ($column-width * $columns) + ($gutter-width * $columns); 23 | } 24 | 25 | // Set $total-width to 100% for a fluid layout 26 | $total-width: gridsystem-width($columns); 27 | 28 | // Uncomment these two lines and the star-hack width/margin lines below to enable sub-pixel fix for IE6 & 7. See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html 29 | // $min-width: 999999; 30 | // $correction: 0.5 / $min-width * 100; 31 | 32 | // The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ 33 | 34 | 35 | ////////// 36 | // GRID // 37 | ////////// 38 | 39 | body { 40 | width: 100%; 41 | @include clearfix; 42 | } 43 | 44 | @mixin row($columns:$columns) { 45 | display: block; 46 | width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns)); 47 | margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1); 48 | // *width: $total-width*(($gutter-width + gridsystem-width($columns))/gridsystem-width($columns))-$correction; 49 | // *margin: 0 $total-width*((($gutter-width*.5)/gridsystem-width($columns))*-1)-$correction; 50 | @include clearfix; 51 | } 52 | 53 | @mixin column($x,$columns:$columns) { 54 | display: inline; 55 | float: left; 56 | width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns)); 57 | margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns)); 58 | // *width: $total-width*(((($gutter-width+$column-width)*$x)-$gutter-width) / gridsystem-width($columns))-$correction; 59 | // *margin: 0 $total-width*(($gutter-width*.5)/gridsystem-width($columns))-$correction; 60 | } 61 | @mixin push($offset:1) { 62 | margin-left: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns)); 63 | } 64 | @mixin pull($offset:1) { 65 | margin-right: $total-width*((($gutter-width+$column-width)*$offset) / gridsystem-width($columns)) + $total-width*(($gutter-width*.5)/gridsystem-width($columns)); 66 | } 67 | -------------------------------------------------------------------------------- /_sass/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Underline 2 | @mixin underline($width: 2px, $style: solid, $border-color: $link) { 3 | border-bottom: 2px solid $border-color; 4 | } 5 | 6 | // Clearfix 7 | @mixin clearfix { 8 | // For modern browsers 9 | &:before, 10 | &:after { 11 | content:""; 12 | display:table; 13 | } &:after { 14 | clear:both; 15 | } // For IE 6/7 (trigger hasLayout) 16 | & { 17 | zoom:1; 18 | } 19 | } 20 | 21 | // BACKGROUND GRADIENT 22 | @mixin background-gradient($startColor: #3C3C3C, $endColor: #999999) { 23 | background-color: $startColor; 24 | background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)); 25 | background-image: -webkit-linear-gradient(top, $startColor, $endColor); 26 | background-image: -moz-linear-gradient(top, $startColor, $endColor); 27 | background-image: -ms-linear-gradient(top, $startColor, $endColor); 28 | background-image: -o-linear-gradient(top, $startColor, $endColor); 29 | background-image: linear-gradient(top, $startColor, $endColor); 30 | filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=$startColor, EndColorStr=$endColor); 31 | } 32 | 33 | // BACKGROUND SIZE 34 | @mixin background-size($width: 100%, $height: 100%) { 35 | -moz-background-size: $width $height; 36 | -webkit-background-size: $width $height; 37 | background-size: $width $height; 38 | } 39 | 40 | // BORDER RADIUS 41 | @mixin br($radius: 5px) { 42 | -moz-border-radius: $radius; 43 | -webkit-border-radius: $radius; 44 | border-radius: $radius; 45 | } 46 | 47 | @mixin border-radius-separate($topLeftRadius: 5px, $topRightRadius: 5px, $bottomLeftRadius: 5px, $bottomRightRadius: 5px) { 48 | -webkit-border-top-left-radius: $topLeftRadius; 49 | -webkit-border-top-right-radius: $topRightRadius; 50 | -webkit-border-bottom-right-radius: $bottomLeftRadius; 51 | -webkit-border-bottom-left-radius: $bottomRightRadius; 52 | 53 | -moz-border-radius-topleft: $topLeftRadius; 54 | -moz-border-radius-topright: $topRightRadius; 55 | -moz-border-radius-bottomright: $bottomLeftRadius; 56 | -moz-border-radius-bottomleft: $bottomRightRadius; 57 | 58 | border-top-left-radius: $topLeftRadius; 59 | border-top-right-radius: $topRightRadius; 60 | border-bottom-right-radius: $bottomLeftRadius; 61 | border-bottom-left-radius: $bottomRightRadius; 62 | } 63 | 64 | /* BOX */ 65 | @mixin box($orient: horizontal, $pack: center, $align: center) { 66 | display: -webkit-box; 67 | display: -moz-box; 68 | display: box; 69 | 70 | -webkit-box-orient: $orient; 71 | -moz-box-orient: $orient; 72 | box-orient: $orient; 73 | 74 | -webkit-box-pack: $pack; 75 | -moz-box-pack: $pack; 76 | box-pack: $pack; 77 | 78 | -webkit-box-align: $align; 79 | -moz-box-align: $align; 80 | box-align: $align; 81 | } 82 | 83 | /* BOX RGBA */ 84 | @mixin box-rgba($r: 60, $g: 3, $b: 12, $opacity: 0.23, $color: #3C3C3C) { 85 | background-color: transparent; 86 | background-color: rgba($r, $g, $b, $opacity); 87 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#$color,endColorstr=$color); 88 | zoom: 1; 89 | } 90 | 91 | /* BOX SHADOW */ 92 | @mixin bxshd($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4), $inset: "") { 93 | -webkit-box-shadow: $inset $x $y $blur $color; 94 | -moz-box-shadow: $inset $x $y $blur $color; 95 | box-shadow: $inset $x $y $blur $color; 96 | } 97 | 98 | /* BOX SIZING */ 99 | @mixin box-sizing($type: border-box) { 100 | -webkit-box-sizing: $type; 101 | -moz-box-sizing: $type; 102 | box-sizing: $type; 103 | } 104 | 105 | /* COLUMNS */ 106 | @mixin columns($count: 3, $gap: 10) { 107 | -webkit-column-count: $count; 108 | -moz-column-count: $count; 109 | column-count: $count; 110 | 111 | -webkit-column-gap: $gap; 112 | -moz-column-gap: $gap; 113 | column-gap: $gap; 114 | } 115 | 116 | /* DOUBLE BORDERS */ 117 | @mixin double-borders($colorOne: #3C3C3C, $colorTwo: #999999, $radius: 0) { 118 | border: 1px solid $colorOne; 119 | 120 | -webkit-box-shadow: 0 0 0 1px $colorTwo; 121 | -moz-box-shadow: 0 0 0 1px $colorTwo; 122 | box-shadow: 0 0 0 1px $colorTwo; 123 | 124 | @include border-radius( $radius ); 125 | } 126 | 127 | /* FLEX */ 128 | @mixin flex($value: 1) { 129 | -webkit-box-flex: $value; 130 | -moz-box-flex: $value; 131 | box-flex: $value; 132 | } 133 | 134 | /* FLIP */ 135 | @mixin flip($scaleX: -1) { 136 | -moz-transform: scaleX($scaleX); 137 | -o-transform: scaleX($scaleX); 138 | -webkit-transform: scaleX($scaleX); 139 | transform: scaleX($scaleX); 140 | filter: FlipH; 141 | -ms-filter: "FlipH"; 142 | } 143 | 144 | /* OPACITY */ 145 | @mixin opacity($opacity: 0.5) { 146 | filter: alpha(opacity=($opacity * 100)); 147 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + ($opacity * 100) + ")"; 148 | -moz-opacity: $opacity; 149 | -khtml-opacity: $opacity; 150 | opacity: $opacity; 151 | } 152 | 153 | /* ROTATE*/ 154 | @mixin rotate($deg: 0, $m11: 0, $m12: 0, $m21: 0, $m22: 0) { 155 | -moz-transform: rotate($deg + deg); 156 | -o-transform: rotate($deg + deg); 157 | -webkit-transform: rotate($deg + deg); 158 | -ms-transform: rotate($deg + deg); 159 | transform: rotate($deg + deg); 160 | filter: progid:DXImageTransform.Microsoft.Matrix( 161 | M11=$m11, M12=$m12,M21=$m21, M22=$m22, sizingMethod='auto expand'); 162 | zoom: 1; 163 | } 164 | 165 | /* TEXT SHADOW */ 166 | @mixin tshd($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4)) { 167 | text-shadow: $x $y $blur $color; 168 | } 169 | 170 | /* TRANSITION */ 171 | @mixin transit($what: all, $length: 1s, $easing: ease-in-out) { 172 | -moz-transition: $what $length $easing; 173 | -o-transition: $what $length $easing; 174 | -webkit-transition: $what $length $easing; 175 | -ms-transition: $what $length $easing; 176 | transition: $what $length $easing; 177 | 178 | } 179 | -------------------------------------------------------------------------------- /_sass/_normalize.scss: -------------------------------------------------------------------------------- 1 | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, 2 | a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, 3 | small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, 4 | form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside, 5 | canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section, 6 | summary,time,mark,audio,video { 7 | border: 0; 8 | font: inherit; 9 | margin: 0; 10 | outline: 0; 11 | padding: 0; 12 | vertical-align: baseline; 13 | } 14 | article,aside,details,figcaption,figure, 15 | footer,header,hgroup,menu,nav,section { display: block; } 16 | body { line-height: 1; -webkit-font-smoothing: antialiased; } 17 | ul { list-style: none; } 18 | blockquote,q { quotes: none; } 19 | blockquote:before,blockquote:after, 20 | q:before,q:after { content: ''; content: none; } 21 | :focus { outline: none; } 22 | ins { text-decoration: none; } 23 | del { text-decoration: line-through; } 24 | table { border-collapse: collapse; border-spacing: 0; } 25 | a { text-decoration: none; } 26 | * { box-sizing: border-box;} 27 | -------------------------------------------------------------------------------- /_sass/_styles.scss: -------------------------------------------------------------------------------- 1 | /************ Basic *************/ 2 | 3 | body { 4 | font-family: $serif; 5 | color: $black; 6 | -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ 7 | -moz-osx-font-smoothing: grayscale; /* Fix for Mozilla */ 8 | text-size-adjust: 100%; 9 | background: $white; 10 | min-height: 100%; 11 | height: 100%; 12 | overflow-x: hidden; 13 | } 14 | 15 | h1,h2,h3,h4,h5 { 16 | font-family: $serif; 17 | } 18 | 19 | p { 20 | margin-bottom: $lh; 21 | } 22 | 23 | a, a:visited, a:active { 24 | color: $link; 25 | @include transit(all,0.25s,ease-in-out); 26 | } 27 | 28 | a:hover { 29 | color: $accent; 30 | @include transit(all,.25s, ease-in-out) 31 | } 32 | 33 | em { 34 | padding: 1px 2px; 35 | border-radius: 2px; 36 | background: #ffe8c0; 37 | } 38 | 39 | strong { 40 | font-weight: bold; 41 | } 42 | 43 | small { 44 | font-size: $fs5; 45 | } 46 | 47 | sup { 48 | vertical-align: super; 49 | font-size: $fs6; 50 | } 51 | 52 | .hilite { 53 | display: inline-block; 54 | padding: 0 0.3em; 55 | @include br(4px); 56 | background: $hilite; 57 | } 58 | 59 | blockquote, blockquote p { 60 | font-style: italic; 61 | line-height: 1.3em; 62 | text-align: center; 63 | color: lighten($black, .2); 64 | margin-bottom: $lh; 65 | } 66 | 67 | 68 | /* Code Formatting */ 69 | 70 | code { 71 | color: $accent; 72 | font-family: "Monaco", "Courier New", "Courier"; 73 | font-size: .75em; 74 | font-weight: bold; 75 | } 76 | 77 | .highlight { 78 | background: $black; 79 | padding: 12px; 80 | border-radius: 4px; 81 | margin-bottom: $lh; 82 | overflow-x: scroll; 83 | 84 | code { 85 | color: $white; 86 | font-family: "Monaco", "Courier New", "Courier"; 87 | font-size: .9em; 88 | .lineno { 89 | margin-right: $lh/2; 90 | color: $grey-light; 91 | line-height: 2em; 92 | } 93 | .nt { 94 | color: #c85b5c; 95 | } 96 | .na { 97 | color: #f0e687; 98 | } 99 | .s { 100 | color: #87ceeb; 101 | } 102 | } 103 | } 104 | 105 | 106 | 107 | hr { 108 | display: block; 109 | margin: 0 auto; 110 | width: 100%; 111 | height: 4px; 112 | background: $grey-light; 113 | border: none; 114 | margin-bottom: $lh; 115 | border-radius: 2px; 116 | } 117 | 118 | input { 119 | background: none; 120 | border: none; 121 | outline: none; 122 | } 123 | 124 | .archive input { 125 | background: none; 126 | outline: none; 127 | width: 100%; 128 | font-family: $serif; 129 | &:focus { 130 | background: white; 131 | color: $black; 132 | } 133 | } 134 | 135 | /* Variables and Building Blocks */ 136 | 137 | .icons { 138 | font-family: "Icons"; 139 | font-size: 14px; 140 | line-height: 20px; 141 | } 142 | 143 | .bb { 144 | border-bottom: 2px solid $link; 145 | } 146 | 147 | .pad-top { 148 | padding-top: $lh*2; 149 | } 150 | 151 | /************ Layout *************/ 152 | 153 | #bump { 154 | min-height: 100%; 155 | height: auto; 156 | margin: 0 auto ($footerHeight * -1); 157 | } 158 | 159 | .wrap { 160 | max-width: 960px; 161 | @include column(10); 162 | float: none; 163 | margin: 0 auto; 164 | @include clearfix; 165 | overflow: hidden; 166 | } 167 | 168 | .post { 169 | @include column(8); 170 | max-width: 680px; 171 | display: block; 172 | margin: 0 auto; 173 | float: none; 174 | } 175 | 176 | 177 | /* Header */ 178 | 179 | header.site-header { 180 | padding: 20px 0; 181 | position: absolute; 182 | width: 100%; 183 | z-index: 5000; 184 | 185 | .wrap { 186 | max-width: 90vw; 187 | } 188 | 189 | } 190 | 191 | #bump .darken { 192 | 193 | a { 194 | color: $black; 195 | @include transit(all, .2s, ease-in-out); 196 | 197 | &:hover { 198 | color: $link; 199 | @include transit(all, .2s, ease-in-out); 200 | } 201 | } 202 | 203 | .menu .icons { 204 | color: $black; 205 | } 206 | 207 | nav ul li a { 208 | color: $black; 209 | &:active { 210 | color: $link; 211 | } 212 | &:hover { 213 | text-shadow: none; 214 | color: $link; 215 | } 216 | } 217 | 218 | } 219 | 220 | 221 | header.site-header a.menu { 222 | display: none; 223 | } 224 | 225 | header.site-header hgroup h1, header.site-header nav ul { 226 | font-family: $sans; 227 | } 228 | header.site-header hgroup { 229 | float: left; 230 | padding-left: 5vw; 231 | h1 { 232 | font-weight: 700; 233 | font-size: 18px; 234 | line-height: 100%; 235 | color: $accent; 236 | letter-spacing: 2px; 237 | text-transform: uppercase; 238 | } 239 | a { 240 | color: #fff; 241 | @include transit(all, .2s, ease); 242 | 243 | &:hover { 244 | @include tshd(0, 0, 3px, rgba(255,255,255,.6)); 245 | @include transit(all, .2s, ease); 246 | } 247 | } 248 | } 249 | 250 | header.site-header nav { 251 | float: right; 252 | display: block; 253 | padding-right: 5vw; 254 | @include clearfix; 255 | 256 | ul li { 257 | font-size: 16px; 258 | text-transform: uppercase; 259 | display: inline; 260 | font-weight: bold; 261 | top: 2px; 262 | position: relative; 263 | margin-left: 20px; 264 | a { 265 | color: white; 266 | @include transit(all, .2s, ease); 267 | &:hover { 268 | @include tshd(0, 0, 3px, rgba(255,255,255,.6)); 269 | @include transit(all, .2s, ease); 270 | } 271 | } 272 | } 273 | } 274 | 275 | 276 | /* Article Stuff */ 277 | 278 | 279 | .article { 280 | position: relative; 281 | margin-bottom: $lh; 282 | 283 | .overlay { 284 | vertical-align: middle; 285 | min-height: 360px; 286 | height: 50vh; 287 | width: 100%; 288 | max-height: 800px; 289 | position: absolute; 290 | z-index: 2; 291 | background: rgba(0,0,0,.55); 292 | } 293 | .overlay-lighter { 294 | background: rgba(0,0,0,.1); 295 | } 296 | 297 | .featured-image { 298 | vertical-align: middle; 299 | min-height: 360px; 300 | height: 50vh; 301 | width: 100%; 302 | max-height: 800px; 303 | background-position: center center; 304 | background-size: cover; 305 | vertical-align: middle; 306 | -webkit-background-size: cover; 307 | -moz-background-size: cover; 308 | -o-background-size: cover; 309 | position: relative; 310 | top: 0; 311 | z-index: -1; 312 | img { 313 | max-height: 800px; 314 | } 315 | } 316 | 317 | // Header Stuff 318 | header { 319 | margin: (2*$lh) 0 $lh 0; 320 | hgroup { 321 | color: $black; 322 | position: relative; 323 | text-align: center; 324 | width: 100%; 325 | margin-top: 0; 326 | .date { 327 | font-family: $sans; 328 | font-size: $fs5; 329 | font-weight: bold; 330 | color: $grey-light; 331 | text-transform: uppercase; 332 | margin-top: $lh * 2/3; 333 | } 334 | } 335 | 336 | .intro { 337 | text-align: left; 338 | } 339 | } 340 | } 341 | 342 | // Archive Page 343 | 344 | .archive { 345 | @include column(10); 346 | display: block; 347 | margin: 0 auto; 348 | float: none; 349 | min-height: 500px; 350 | } 351 | 352 | .archive-wrap { 353 | @include column(10); 354 | max-width: 800px; 355 | display: block; 356 | margin: 0 auto; 357 | float: none; 358 | padding-top: 140px; 359 | 360 | // Post Listing 361 | .post-list { 362 | list-style-type: none; 363 | list-style: none; 364 | @include column(7); 365 | @include push(2); 366 | display: block; 367 | float: none; 368 | 369 | lh h2 { 370 | margin-bottom: $lh*1.5; 371 | } 372 | 373 | li { 374 | display: block; 375 | float: none; 376 | font-size: $fs3; 377 | margin-bottom: $lh*2; 378 | position: relative; 379 | 380 | a { 381 | position: relative; 382 | &:hover { 383 | @include transit; 384 | } 385 | } 386 | 387 | a:hover:before { 388 | content:'...'; 389 | color: $grey-light; 390 | font-family: $sans; 391 | position: absolute; 392 | margin-left: -70px; 393 | font-size: 40px; 394 | left: 0; 395 | top: -20px; 396 | text-align: center; 397 | @include transit; 398 | } 399 | 400 | a:before { 401 | content:'\201c'; 402 | color: $grey-light; 403 | position: absolute; 404 | margin-left: -70px; 405 | font-size: 60px; 406 | z-index: 10; 407 | top: -6px; 408 | left: 0; 409 | text-align: center; 410 | @include transit; 411 | 412 | } 413 | 414 | h1 { 415 | font-size: $fs3; 416 | font-style: italic; 417 | } 418 | } 419 | 420 | .summary { 421 | font-size: 18px; 422 | line-height: 1.45em; 423 | } 424 | 425 | .date { 426 | margin-bottom: 3px; 427 | } 428 | 429 | .date time { 430 | position: relative; 431 | top: -3px; 432 | font-size: $fs5; 433 | font-weight: bold; 434 | font-family: $sans; 435 | font-style: normal; 436 | color: $grey-light; 437 | text-transform: uppercase; 438 | vertical-align: middle; 439 | } 440 | } 441 | } 442 | 443 | // Post Formatting 444 | 445 | .post { 446 | 447 | min-height: 500px; 448 | 449 | .deets { 450 | position: relative; 451 | top: 45px; 452 | z-index: 5; 453 | .date { 454 | font-size: $fs5; 455 | position: relative; 456 | top: 10px; 457 | left: 6px; 458 | color: $grey-medium; 459 | margin-bottom: $lh/2; 460 | } 461 | } 462 | 463 | h1 { 464 | font-style: italic; 465 | } 466 | 467 | h1, h2, h3, h4, h5 { 468 | padding-top: ($lh * 1/2); 469 | margin-bottom: ($lh * 1/2); 470 | line-height: 1.25em 471 | 472 | } 473 | 474 | figure { 475 | margin: $lh 0; 476 | 477 | img { 478 | margin-bottom: $lh/2; 479 | } 480 | 481 | figcaption { 482 | font-size: $fs5; 483 | font-family: $sans; 484 | font-weight: bold; 485 | text-transform: uppercase; 486 | color: lighten($black, 50%); 487 | text-align: center; 488 | } 489 | } 490 | 491 | img { 492 | width: 100%; 493 | height: auto; 494 | display: block; 495 | margin: $lh auto; 496 | @include br(4px); 497 | } 498 | 499 | table { 500 | margin-bottom: $lh; 501 | width: 100%; 502 | font-size: $fsp; 503 | 504 | caption { 505 | font-size: $fs5; 506 | font-family: $sans; 507 | font-weight: bold; 508 | text-transform: uppercase; 509 | color: lighten($black, 50%); 510 | text-align: center; 511 | margin-bottom: $lh/2; 512 | } 513 | } 514 | 515 | tbody { 516 | tr:hover > td, tr:hover > th { 517 | background-color: $grey-medium; 518 | } 519 | } 520 | 521 | thead { 522 | tr:first-child td { 523 | border-bottom: 2px solid $grey-dark; 524 | } 525 | } 526 | 527 | th { 528 | padding: (0px + $lhsmall) / 2; 529 | padding: (0rem + ($lhsmall / $fsp)) / 2; 530 | font-family: $sans; 531 | font-size: $fs5; 532 | font-weight: bold; 533 | text-align: left; 534 | background-color: $grey-light; 535 | border-bottom: 1px solid darken($grey-dark, 15%); 536 | } 537 | 538 | td { 539 | font-size: $fs5; 540 | border-bottom: 1px solid $grey-dark; 541 | padding: (0px + $lhsmall) / 2; 542 | padding: (0rem + ($lhsmall / $fsp)) / 2; 543 | } 544 | 545 | tr, td, th { 546 | vertical-align: middle; 547 | } 548 | 549 | 550 | ul { 551 | display: block; 552 | margin-bottom: $lh; 553 | list-style: disc; 554 | list-style-type: disc; 555 | lh h1, lh h2, lh h3, lh h4, lh h5 { 556 | @include underline(2px, solid, $grey-light); 557 | } 558 | li { 559 | list-style: disc; 560 | list-style-type: disc; 561 | margin-left: $lh*2; 562 | padding-left: $lh/3; 563 | &:last-child { 564 | margin-bottom: 0; 565 | } 566 | } 567 | } 568 | 569 | ol { 570 | display: block; 571 | margin-bottom: $lh; 572 | lh h1, lh h2, lh h3, lh h4, lh h5 { 573 | @include underline(2px, solid, $grey-light); 574 | } 575 | li { 576 | margin-left: $lh*2; 577 | padding-left: $lh/3; 578 | margin-bottom: $lh/3; 579 | line-height: $lh; 580 | font-size: $fsp; 581 | &:last-child { 582 | margin-bottom: 0; 583 | } 584 | } 585 | } 586 | 587 | .share { 588 | text-align: center; 589 | display: block; 590 | margin: 0 auto; 591 | width: 76px; 592 | font-size: $fs5; 593 | font-family: $sans; 594 | text-transform: uppercase; 595 | font-weight: bold; 596 | letter-spacing: 1px; 597 | padding: 4px 6px 4px 6px; 598 | color: $grey-light; 599 | border: 2px solid transparentize($grey-light,.3); 600 | @include br(4px); 601 | &:hover { 602 | color: $link; 603 | border-color: transparentize($link,.3); 604 | @include transit(all,.2s,ease) 605 | } 606 | } 607 | } 608 | 609 | /* Footer Stuff */ 610 | .push { 611 | height: $footerHeight/4 !important; 612 | } 613 | 614 | footer { 615 | width: 100%; 616 | background: $black; 617 | height: $footerHeight; 618 | font-size: $fsp; 619 | color: $white; 620 | position: relative; 621 | 622 | // Contain that ish 623 | section { 624 | @include column(10); 625 | @include row(10); 626 | display: block; 627 | margin: 0 auto; 628 | } 629 | 630 | small { 631 | font-size: ($fs6); 632 | text-align: center; 633 | display: block; 634 | width: 100%; 635 | position: absolute; 636 | bottom: 8px; 637 | font-family: $sans; 638 | text-transform: uppercase; 639 | color: transparentize($white, .9); 640 | a { 641 | color: transparentize($white, .7); 642 | } 643 | } 644 | 645 | .list-title { 646 | margin-bottom: $lh/2; 647 | border-bottom: 2px solid $link; 648 | font-style: italic; 649 | font-size: $fs4; 650 | } 651 | .prev-posts { 652 | @include column(6,10); 653 | max-width: 600px; 654 | min-height: 250px; 655 | padding-left: 5vw; 656 | p { 657 | padding-top: $lh*2; 658 | } 659 | li { 660 | @include row(12); 661 | margin-top: $lh/2; 662 | .recent-title { 663 | @include column(8,12); 664 | font-style: italic; 665 | a { 666 | &:hover { 667 | color: $white; 668 | } 669 | } 670 | } 671 | span.date { 672 | float: none; 673 | color: transparentize($grey-light, .4); 674 | @include column(4,12); 675 | position: relative; 676 | font-size: $fs5; 677 | font-family: $sans; 678 | text-transform: uppercase; 679 | text-align: right; 680 | } 681 | } 682 | } 683 | 684 | .social { 685 | position: absolute; 686 | top: 109px; 687 | @include column(2,12); 688 | right: 5vw; 689 | font-style: italic; 690 | a { 691 | &:hover { 692 | color: $white; 693 | } 694 | } 695 | ul { 696 | li { 697 | margin-bottom: $lh/2; 698 | &:last-child { 699 | margin-bottom: 0; 700 | } 701 | } 702 | } 703 | } 704 | } 705 | 706 | .disqus { 707 | margin-top: $lh*3; 708 | } 709 | 710 | 711 | /* Tablet 712 | ========================================================================== */ 713 | 714 | @media only screen and (max-width: $breakpoint-2-max-width) { 715 | 716 | // Type Fixes 717 | 718 | h1 { 719 | font-size: $fs2; 720 | } 721 | 722 | blockquote, blockquote p { 723 | font-size: $fs3; 724 | } 725 | 726 | footer { 727 | font-size: $fs5; 728 | 729 | .prev-posts { 730 | li { 731 | 732 | .recent-title { 733 | 734 | } 735 | 736 | span.date { 737 | font-size: $fs6; 738 | } 739 | } 740 | } 741 | 742 | .social { 743 | right: 10vw; 744 | } 745 | } 746 | 747 | 748 | } 749 | 750 | /* Mobile 751 | ========================================================================== */ 752 | 753 | @media only screen and (max-width: 500px) { 754 | footer { 755 | 756 | .social { 757 | display: none; 758 | } 759 | 760 | aside { 761 | width: 90%; 762 | margin: 0 auto; 763 | } 764 | 765 | .prev-posts { 766 | @include column(9); 767 | padding-left: 0; 768 | float: none; 769 | margin: 0 auto; 770 | display: block; 771 | li { 772 | margin-top: $lh/2; 773 | } 774 | } 775 | 776 | } 777 | } 778 | 779 | @media only screen and (max-width : 680px) { 780 | 781 | /* All Posts */ 782 | 783 | section.article img.loading { 784 | top: 10px !important; 785 | right: 6%; 786 | left: inherit; 787 | } 788 | 789 | 790 | header.site-header { 791 | min-height: 59px; 792 | margin-top: 20px; 793 | padding-top: 0; 794 | } 795 | 796 | header.site-header hgroup h1 { 797 | margin-bottom: 0; 798 | font-size: $fsp; 799 | } 800 | 801 | header.site-header hgroup { 802 | position: absolute; 803 | left: 7%; 804 | float: none; 805 | padding-left: 0; 806 | } 807 | 808 | header.site-header a.menu { 809 | position: absolute; 810 | right: 7%; 811 | display: block; 812 | float: right; 813 | width: 16px; 814 | height: 16px; 815 | color: white; 816 | .icons { 817 | font-size: 32px; 818 | } 819 | } 820 | 821 | header.site-header a.menu img { 822 | width: 24px; 823 | height: auto; 824 | } 825 | 826 | header.site-header nav { 827 | display: none; 828 | float: none; 829 | width: 100%; 830 | padding-right: 0; 831 | } 832 | 833 | header.site-header nav:before { 834 | display: table; 835 | clear: both; 836 | content: ''; 837 | } 838 | 839 | header.site-header nav ul { 840 | padding: 20px 0 10px 0; 841 | margin-top: 15px; 842 | } 843 | 844 | header.site-header nav ul li { 845 | display: block; 846 | margin-left: 0; 847 | top: 0px; 848 | font-size: $fs5; 849 | } 850 | 851 | header.site-header nav ul li a { 852 | display: block; 853 | text-align: right; 854 | font-weight: bold; 855 | padding: 15px 0px; 856 | padding-right: 7%; 857 | position: relative; 858 | width: 100%; 859 | color: $white; 860 | &:active { 861 | background-color: $link; 862 | color: white; 863 | } 864 | &:hover { 865 | text-shadow: none; 866 | } 867 | } 868 | 869 | #bump .darken nav ul { 870 | padding: 0; 871 | margin-top: 40px; 872 | background: $black; 873 | } 874 | 875 | #bump .darken nav ul li a { 876 | color: $white; 877 | &:active { 878 | background-color: $link; 879 | } 880 | &:hover { 881 | text-shadow: none; 882 | color: $white; 883 | background-color: $link; 884 | } 885 | } 886 | 887 | } 888 | 889 | 890 | @media only screen and (max-width: $breakpoint-1-max-width) { 891 | 892 | .post { 893 | @include column(9); 894 | max-width: 420px; 895 | display: block; 896 | margin: 0 auto; 897 | float: none; 898 | } 899 | 900 | footer { 901 | font-size: $fs5; 902 | } 903 | 904 | small { 905 | font-size: $fs6; 906 | } 907 | 908 | } 909 | 910 | 911 | 912 | 913 | -------------------------------------------------------------------------------- /_sass/_type.scss: -------------------------------------------------------------------------------- 1 | /* ========================================================================== 2 | TYPE 3 | - Meat 4 | - Headings 5 | - Media Query adjustments 6 | ========================================================================== */ 7 | 8 | /* Meat 9 | ========================================================================== */ 10 | 11 | p { 12 | font-size: $fsp; 13 | line-height: $lh; 14 | } 15 | 16 | .intro { 17 | font-size: $fs3; 18 | line-height: 1.4em; 19 | } 20 | 21 | .post ul li { 22 | font-size: $fsp; 23 | line-height: $lh; 24 | margin-bottom: $lh/3; 25 | } 26 | 27 | 28 | 29 | /* Headings 30 | ========================================================================== */ 31 | 32 | h1,.h1 { font-size: $fs1; } 33 | h2,.h2 { font-size: $fs2; } 34 | h3,.h3 { font-size: $fs3; } 35 | h4,.h4 { font-size: $fs4; } 36 | h5,.h5 { font-size: $fs5; } 37 | h6,.h6 { font-size: $fs6; } 38 | 39 | .meta { font-size: $fs6; } 40 | 41 | blockquote, blockquote p { font-size: $fs2; } 42 | 43 | .archive input { font-size: $fs2} 44 | 45 | 46 | 47 | 48 | 49 | 50 | // Iphone 51 | 52 | @media only screen and (max-width: $breakpoint-1-max-width) { 53 | 54 | p { 55 | font-size: $fs5; 56 | line-height: $lhsmall; 57 | } 58 | 59 | .intro { 60 | font-size: $fs4; 61 | line-height: 1.4em; 62 | } 63 | 64 | .post ul li { 65 | font-size: $fs5; 66 | line-height: $lhsmall; 67 | margin-bottom: $lhsmall/2; 68 | } 69 | 70 | h1,.h1 { font-size: $fs2; } 71 | h2,.h2 { font-size: $fs3; } 72 | h3,.h3 { font-size: $fs4; } 73 | h4,.h4 { font-size: $fs5; } 74 | h5,.h5 { font-size: $fs6; } 75 | h6,.h6 { font-size: $fs6; } 76 | 77 | .meta { font-size: $fs6; } 78 | 79 | blockquote, blockquote p { font-size: $fs4; } 80 | 81 | .archive input { font-size: $fs3} 82 | 83 | } 84 | 85 | 86 | -------------------------------------------------------------------------------- /_sass/_variables.scss: -------------------------------------------------------------------------------- 1 | /* ========================================================================== 2 | VARIABLES 3 | ========================================================================== */ 4 | 5 | /* Colors 6 | ========================================================================== */ 7 | 8 | $black: #3b3b3b; 9 | $white: #f9f9f9; 10 | 11 | $grey-dark: #222; 12 | $grey-medium: #999; 13 | $grey-light: #d9d9d9; 14 | 15 | $hilite: #fffbd7; 16 | 17 | $link: #8AB9D1; 18 | $accent: #24536B; 19 | 20 | 21 | /* Typography 22 | ========================================================================== */ 23 | $sans: "Source Sans Pro", "Open Sans", "Helvetica Neue", "Arial", sans-serif; 24 | $serif: "Calendas Plus","Crimson Text", "Hoefler Text", "Georgia", serif; 25 | 26 | 27 | 28 | /* Type Scale 29 | ========================================================================== */ 30 | /** * 12 & 16 as roots then powers of two. */ 31 | $fs1:64px; 32 | $fs2:48px; 33 | $fs3:32px; 34 | $fs4:24px; 35 | $fsp:22px; 36 | $fs5:16px; 37 | $fs6:12px; 38 | 39 | // Line Height 40 | $lh: 33px; 41 | $lhsmall: 24px; 42 | 43 | // Sizing 44 | $footerHeight: 320px; 45 | 46 | // Griddit 47 | /* Break Points 48 | ========================================================================== */ 49 | 50 | /* Mobile */ 51 | $breakpoint-1-max-width:480px; 52 | 53 | /* Tablet */ 54 | $breakpoint-2-max-width:800px; 55 | $breakpoint-3-max-width:1200px; 56 | 57 | /* Style Tidbits 58 | ========================================================================== */ 59 | $borderR: 4px; 60 | 61 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | permalink: /about/index.html 4 | title: About the Theme 5 | description: Balzac is a new, fluid & responsive theme for Jekyll (and AnchorCMS). It's gloriously beautiful and suited to long form. Built on a SCSS foundation, it's organized and awesome. 6 | tags: [about, Jekyll, theme, responsive] 7 | image: 8 | feature: soft-trees.jpg 9 | --- 10 | 11 | This is built on Semantic.gs grid framework which I edited a bit to make it fluid. I hope you enjoy using, forking, whatevering this theme as much as I did making it. 12 | 13 | ### Features 14 | * flexible, uses max-width for responsive goodness 15 | * responsive drop down menu 16 | * retina images using @2x 17 | * post loop in the footer showing 3 latest post 18 | * custom portfolio page for case studies 19 | 20 | ### Acknowledgements 21 | I utilized my own HTML templates, but had no prior knowledge of liquid nor the required Jekyll system file format. I took [Michael Rose](http://twitter.com/mmistakes)'s theme [Minimal Mistakes](http://mmistakes.github.io/minimal-mistakes/). Having a prebuilt archive and the YAML front-matter already set up was a great help. 22 | 23 | The lovely font shown here is Calendas. For full splendor on your blog, I suggest you [head over and buy that](http://calendasplus.com/). The full family is 3 weights and costs $3. Many thanks to Daniel Bruce for the wonderful Entypo icons. Those can be picked up at [entypo.com](http://entypo.com), but are included with the source files. It's also retina ready via retina.js. Check out how that works over at [retinajs.com](http://retinajs.com). 24 | 25 | ### The Name 26 | Balzac was a famous writer, known for his beautiful prose. I read some Balzac in school, but mostly feel comfort in the name of my favorite coffee shop in Stratford, Ontario. -------------------------------------------------------------------------------- /articles.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | permalink: /articles/index.html 4 | title: "Articles" 5 | tags: [blog, graphic design] 6 | --- -------------------------------------------------------------------------------- /assets/css/entypo.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Icons'; 3 | src:url('fonts/Icons.eot'); 4 | } 5 | @font-face { 6 | font-family: 'Icons'; 7 | src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), 8 | url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); 9 | font-weight: normal; 10 | font-style: normal; 11 | } 12 | 13 | [data-icon]:before { 14 | font-family: 'Icons'; 15 | content: attr(data-icon); 16 | speak: none; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | -webkit-font-smoothing: antialiased; 22 | } 23 | 24 | .icon-directions, .icon-paperplane, .icon-mail, .icon-feather, .icon-pencil, .icon-user, .icon-heart, .icon-location, .icon-chat, .icon-quote, .icon-bolt, .icon-credit-card, .icon-list, .icon-twitter, .icon-facebook, .icon-github, .icon-dribbble, .icon-rdio, .icon-spotify, .icon-rss { 25 | font-family: 'Icons'; 26 | speak: none; 27 | font-style: normal; 28 | font-weight: normal; 29 | font-variant: normal; 30 | text-transform: none; 31 | line-height: 1; 32 | -webkit-font-smoothing: antialiased; 33 | } 34 | .icon-directions:before { 35 | content: "\21"; 36 | } 37 | .icon-paperplane:before { 38 | content: "\22"; 39 | } 40 | .icon-mail:before { 41 | content: "\23"; 42 | } 43 | .icon-feather:before { 44 | content: "\24"; 45 | } 46 | .icon-pencil:before { 47 | content: "\25"; 48 | } 49 | .icon-user:before { 50 | content: "\26"; 51 | } 52 | .icon-heart:before { 53 | content: "\27"; 54 | } 55 | .icon-location:before { 56 | content: "\28"; 57 | } 58 | .icon-chat:before { 59 | content: "\29"; 60 | } 61 | .icon-quote:before { 62 | content: "\2a"; 63 | } 64 | .icon-bolt:before { 65 | content: "\2b"; 66 | } 67 | .icon-credit-card:before { 68 | content: "\2c"; 69 | } 70 | .icon-list:before { 71 | content: "\2630"; 72 | } 73 | .icon-twitter:before { 74 | content: "\2e"; 75 | } 76 | .icon-facebook:before { 77 | content: "\2f"; 78 | } 79 | .icon-github:before { 80 | content: "\30"; 81 | } 82 | .icon-dribbble:before { 83 | content: "\31"; 84 | } 85 | .icon-rdio:before { 86 | content: "\32"; 87 | } 88 | .icon-spotify:before { 89 | content: "\33"; 90 | } 91 | .icon-rss:before { 92 | content: "\34"; 93 | } 94 | -------------------------------------------------------------------------------- /assets/css/fonts/Icons.dev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 24 | 29 | 35 | 39 | 44 | 46 | 48 | 50 | 53 | 56 | 59 | 62 | 69 | 71 | 80 | 92 | 97 | 107 | 110 | 111 | -------------------------------------------------------------------------------- /assets/css/fonts/Icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/css/fonts/Icons.eot -------------------------------------------------------------------------------- /assets/css/fonts/Icons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 24 | 29 | 35 | 39 | 44 | 46 | 48 | 50 | 53 | 56 | 59 | 62 | 69 | 71 | 80 | 92 | 97 | 107 | 110 | 111 | -------------------------------------------------------------------------------- /assets/css/fonts/Icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/css/fonts/Icons.ttf -------------------------------------------------------------------------------- /assets/css/fonts/Icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/css/fonts/Icons.woff -------------------------------------------------------------------------------- /assets/css/i.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | @charset "UTF-8"; 4 | 5 | /* ========================================================================== 6 | Imports 7 | ========================================================================== */ 8 | 9 | @import "normalize"; 10 | @import "mixins"; 11 | @import "variables"; 12 | @import "grid"; 13 | @import "type"; 14 | @import "styles"; 15 | 16 | // Remove the definition below for a pixel-based layout 17 | $total-width: 100%; 18 | -------------------------------------------------------------------------------- /assets/fonts/icomoon.dev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 23 | 33 | 43 | 46 | 52 | 56 | 64 | 73 | 79 | 93 | 94 | -------------------------------------------------------------------------------- /assets/fonts/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/fonts/icomoon.eot -------------------------------------------------------------------------------- /assets/fonts/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 19 | 23 | 33 | 43 | 46 | 52 | 56 | 64 | 73 | 79 | 93 | 94 | -------------------------------------------------------------------------------- /assets/fonts/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/fonts/icomoon.ttf -------------------------------------------------------------------------------- /assets/fonts/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/assets/fonts/icomoon.woff -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | var Anchor = { 2 | init: function() { 3 | Anchor.slidey = $('.slidey'); 4 | 5 | // Uh, bind to the resizing of the window? 6 | $(window).resize(Anchor.bindResize).trigger('resize'); 7 | 8 | // Set up the toggle link 9 | Anchor.linky = $('.linky').click(Anchor.toggleSlidey); 10 | 11 | // Hide the thingymabob 12 | setTimeout(function() { 13 | // Set up the slidey panel 14 | Anchor.hideSlidey(); 15 | 16 | $('body').addClass('js-enabled'); 17 | }, 10); 18 | 19 | // Listen for search link 20 | $('a[href="#search"]').click(function() { 21 | if(!Anchor.linky.hasClass('active')) { 22 | return Anchor.toggleSlidey.call(Anchor.linky); 23 | } 24 | }); 25 | }, 26 | 27 | hideSlidey: function() { 28 | Anchor.slidey.css('margin-top', this._slideyHeight); 29 | Anchor.linky && Anchor.linky.removeClass('active'); 30 | 31 | return this; 32 | }, 33 | 34 | toggleSlidey: function() { 35 | var self = Anchor; 36 | var me = $(this); 37 | 38 | me.toggleClass('active'); 39 | self.slidey.css('margin-top', me.hasClass('active') ? 0 : self._slideyHeight); 40 | 41 | return false; 42 | }, 43 | 44 | bindResize: function() { 45 | Anchor._slideyHeight = -(Anchor.slidey.height() + 1); 46 | Anchor.hideSlidey(); 47 | } 48 | }; 49 | 50 | // And bind loading 51 | $(Anchor.init); -------------------------------------------------------------------------------- /assets/js/main.min.js: -------------------------------------------------------------------------------- 1 | var Anchor={init:function(){Anchor.slidey=$(".slidey");$(window).resize(Anchor.bindResize).trigger("resize");Anchor.linky=$(".linky").click(Anchor.toggleSlidey);setTimeout(function(){Anchor.hideSlidey();$("body").addClass("js-enabled")},10);$('a[href="#search"]').click(function(){if(!Anchor.linky.hasClass("active"))return Anchor.toggleSlidey.call(Anchor.linky)})},hideSlidey:function(){Anchor.slidey.css("margin-top",this._slideyHeight);Anchor.linky&&Anchor.linky.removeClass("active");return this},toggleSlidey:function(){var e=Anchor,t=$(this);t.toggleClass("active");e.slidey.css("margin-top",t.hasClass("active")?0:e._slideyHeight);return!1},bindResize:function(){Anchor._slideyHeight=-(Anchor.slidey.height()+1);Anchor.hideSlidey()}};$(Anchor.init); -------------------------------------------------------------------------------- /assets/js/retina.js: -------------------------------------------------------------------------------- 1 | // retina.js, a high-resolution image swapper (http://retinajs.com), v0.0.2 2 | 3 | (function(){function t(e){this.path=e;var t=this.path.split("."),n=t.slice(0,t.length-1).join("."),r=t[t.length-1];this.at_2x_path=n+"@2x."+r}function n(e){this.el=e,this.path=new t(this.el.getAttribute("src"));var n=this;this.path.check_2x_variant(function(e){e&&n.swap()})}var e=typeof exports=="undefined"?window:exports;e.RetinaImagePath=t,t.confirmed_paths=[],t.prototype.is_external=function(){return!!this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain)},t.prototype.check_2x_variant=function(e){var n,r=this;if(this.is_external())return e(!1);if(this.at_2x_path in t.confirmed_paths)return e(!0);n=new XMLHttpRequest,n.open("HEAD",this.at_2x_path),n.onreadystatechange=function(){return n.readyState!=4?e(!1):n.status>=200&&n.status<=399?(t.confirmed_paths.push(r.at_2x_path),e(!0)):e(!1)},n.send()},e.RetinaImage=n,n.prototype.swap=function(e){function n(){t.el.complete?(t.el.setAttribute("width",t.el.offsetWidth),t.el.setAttribute("height",t.el.offsetHeight),t.el.setAttribute("src",e)):setTimeout(n,5)}typeof e=="undefined"&&(e=this.path.at_2x_path);var t=this;n()},e.devicePixelRatio>1&&(window.onload=function(){var e=document.getElementsByTagName("img"),t=[],r,i;for(r=0;r=200&&n.status<=399?(e.confirmed_paths.push(r.at_2x_path),t(!0)):t(!1)},n.send()},n.RetinaImage=t,t.prototype.swap=function(e){function t(){n.el.complete?(n.el.setAttribute("width",n.el.offsetWidth),n.el.setAttribute("height",n.el.offsetHeight),n.el.setAttribute("src",e)):setTimeout(t,5)}typeof e=="undefined"&&(e=this.path.at_2x_path);var n=this;t()},n.devicePixelRatio>1&&(window.onload=function(){var e=document.getElementsByTagName("img"),n=[],r,i;for(r=0;r 680 && menu.is(':hidden')) { 11 | menu.removeAttr('style'); 12 | } 13 | }); 14 | 15 | 16 | $('article.post iframe').wrap('
'); 17 | 18 | }); 19 | 20 | $(document).ready(function() { 21 | var vpH = $(window).height(); 22 | var vH = vpH - 350; 23 | $('.overlay').css("height", vH); 24 | $('.featured-image').css("height", vH); 25 | }); 26 | 27 | 28 | $(function(){ 29 | $('').attr('src',function(){ 30 | var imgUrl = $('div.featured-image').css('background-image'); 31 | if (!imgUrl) { 32 | return; 33 | } 34 | var urlre = /url\([\"\']?(.*?)[\"\']?\)/; 35 | imgUrl = imgUrl.match(urlre); 36 | if($.isArray(imgUrl)) { 37 | imgUrl = imgUrl[1]; // Captured subexpression. 38 | } 39 | return imgUrl; 40 | }).load(function(){ 41 | $('img.loading').fadeOut(500); 42 | $('div.overlay').fadeTo("slow", 0.6); 43 | }); 44 | }); 45 | 46 | $(function(){ 47 | $('.post-list li').each(function(i){ 48 | var t = $(this); 49 | setTimeout(function(){ t.addClass('slider'); }, (i+1) * 330); 50 | }); 51 | }); 52 | -------------------------------------------------------------------------------- /assets/js/scripts.min.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){$("a.menu").click(function(){$(".site-header nav").slideToggle(100);return!1});$(window).resize(function(){var e=$(window).width(),t=$(".site-header nav");e>680&&t.is(":hidden")&&t.removeAttr("style")});$("article.post iframe").wrap('
')});$(document).ready(function(){var e=$(window).height(),t=e-350;$(".overlay").css("height",t);$(".featured-image").css("height",t)});$(function(){$("").attr("src",function(){var e=$("div.featured-image").css("background-image");e=e.substring(4,e.length-1);return e}).load(function(){$("img.loading").fadeOut(500);$("div.overlay").fadeTo("slow",.6)})});$(function(){$(".post-list li").each(function(e){var t=$(this);setTimeout(function(){t.addClass("slider")},(e+1)*330)})}); -------------------------------------------------------------------------------- /assets/js/vendor/jquery.fitvids.js: -------------------------------------------------------------------------------- 1 | /*global jQuery */ 2 | /*jshint multistr:true browser:true */ 3 | /*! 4 | * FitVids 1.0 5 | * 6 | * Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com 7 | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ 8 | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/ 9 | * 10 | * Date: Thu Sept 01 18:00:00 2011 -0500 11 | */ 12 | 13 | (function( $ ){ 14 | 15 | "use strict"; 16 | 17 | $.fn.fitVids = function( options ) { 18 | var settings = { 19 | customSelector: null 20 | }; 21 | 22 | var div = document.createElement('div'), 23 | ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0]; 24 | 25 | div.className = 'fit-vids-style'; 26 | div.innerHTML = '­'; 43 | 44 | ref.parentNode.insertBefore(div,ref); 45 | 46 | if ( options ) { 47 | $.extend( settings, options ); 48 | } 49 | 50 | return this.each(function(){ 51 | var selectors = [ 52 | "iframe[src*='player.vimeo.com']", 53 | "iframe[src*='www.youtube.com']", 54 | "iframe[src*='www.youtube-nocookie.com']", 55 | "iframe[src*='www.kickstarter.com']", 56 | "object", 57 | "embed" 58 | ]; 59 | 60 | if (settings.customSelector) { 61 | selectors.push(settings.customSelector); 62 | } 63 | 64 | var $allVideos = $(this).find(selectors.join(',')); 65 | 66 | $allVideos.each(function(){ 67 | var $this = $(this); 68 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } 69 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), 70 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), 71 | aspectRatio = height / width; 72 | if(!$this.attr('id')){ 73 | var videoID = 'fitvid' + Math.floor(Math.random()*999999); 74 | $this.attr('id', videoID); 75 | } 76 | $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%"); 77 | $this.removeAttr('height').removeAttr('width'); 78 | }); 79 | }); 80 | }; 81 | })( jQuery ); -------------------------------------------------------------------------------- /assets/js/vendor/modernizr-2.6.2.custom.min.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-hsla-opacity-rgba-textshadow-svg-shiv-cssclasses-prefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function w(a){j.cssText=a}function x(a,b){return w(m.join(a+";")+(b||""))}function y(a,b){return typeof a===b}function z(a,b){return!!~(""+a).indexOf(b)}function A(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:y(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={svg:"http://www.w3.org/2000/svg"},o={},p={},q={},r=[],s=r.slice,t,u={}.hasOwnProperty,v;!y(u,"undefined")&&!y(u.call,"undefined")?v=function(a,b){return u.call(a,b)}:v=function(a,b){return b in a&&y(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=s.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(s.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(s.call(arguments)))};return e}),o.rgba=function(){return w("background-color:rgba(150,255,150,.5)"),z(j.backgroundColor,"rgba")},o.hsla=function(){return w("background-color:hsla(120,40%,100%,.5)"),z(j.backgroundColor,"rgba")||z(j.backgroundColor,"hsla")},o.textshadow=function(){return b.createElement("div").style.textShadow===""},o.opacity=function(){return x("opacity:.55"),/^0.55$/.test(j.opacity)},o.svg=function(){return!!b.createElementNS&&!!b.createElementNS(n.svg,"svg").createSVGRect};for(var B in o)v(o,B)&&(t=B.toLowerCase(),e[t]=o[B](),r.push((e[t]?"":"no-")+t));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)v(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},w(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+r.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;fretina ready via retina.js. Check out how that works over at [retinajs.com](http://retinajs.com). 14 | 15 | ### The Name 16 | Balzac was a famous writer, known for his beautiful prose. I read some Balzac in school, but mostly feel comfort in the name of my favorite coffee shop in Stratford, Ontario. -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: none 3 | --- 4 | 5 | 6 | {{ site.title }} 7 | {{ site.tagline }} 8 | Jekyll 9 | 10 | 11 | {{ site.time | date_to_xmlschema }} 12 | {{ site.url }}/ 13 | 14 | {{ site.owner.name }} 15 | {{ site.url }}/ 16 | {{ site.owner.email }} 17 | 18 | {% for post in site.posts limit:20 %} 19 | 20 | 21 | <![CDATA[{{ post.title | cdata_escape }}]]> 22 | 23 | {{ site.url }}{{ post.id }} 24 | {% if post.modified %}{{ post.modified | to_xmlschema }}T00:00:00-00:00 25 | {{ post.date | date_to_xmlschema }} 26 | {% else %}{{ post.date | date_to_xmlschema }} 27 | {{ post.date | date_to_xmlschema }}{% endif %} 28 | 29 | {{ site.owner.name }} 30 | {{ site.url }} 31 | {{ site.owner.email }} 32 | 33 | {{ post.content | xml_escape }} 34 | <p><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a> was originally published by {{ site.owner.name }} at <a href="{{ site.url }}">{{ site.title }}</a> on {{ post.date | date: "%B %d, %Y" }}.</p> 35 | 36 | {% endfor %} 37 | -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | /* TEAM */ 5 | Creator: {{ site.owner.name }} 6 | Contact: {{ site.owner.email }} 7 | Twitter: {{ site.owner.twitter }} 8 | Location: {{ site.owner.location }} 9 | 10 | /* THANKS */ 11 | Creator of Balzac theme: Cole Townsend 12 | Twitter: @twnsndco 13 | 14 | /* SITE */ 15 | Last update: {{ site.time | date: '%F' }} 16 | Standards: {{ site.tools.standards }} 17 | Software: {{ site.tools.software }} 18 | -------------------------------------------------------------------------------- /images/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/avatar.png -------------------------------------------------------------------------------- /images/categories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/categories.png -------------------------------------------------------------------------------- /images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/favicon.png -------------------------------------------------------------------------------- /images/filler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/filler.png -------------------------------------------------------------------------------- /images/filler@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/filler@2x.png -------------------------------------------------------------------------------- /images/gatsby.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/gatsby.jpg -------------------------------------------------------------------------------- /images/menu-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/menu-dark.png -------------------------------------------------------------------------------- /images/menu-dark@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/menu-dark@2x.png -------------------------------------------------------------------------------- /images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/menu.png -------------------------------------------------------------------------------- /images/menu@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/menu@2x.png -------------------------------------------------------------------------------- /images/money.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/money.jpg -------------------------------------------------------------------------------- /images/money@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/money@2x.jpg -------------------------------------------------------------------------------- /images/og_image.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/og_image.gif -------------------------------------------------------------------------------- /images/og_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/og_image.png -------------------------------------------------------------------------------- /images/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/search.png -------------------------------------------------------------------------------- /images/soft-trees.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/soft-trees.jpg -------------------------------------------------------------------------------- /images/sticker-mule.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/sticker-mule.jpg -------------------------------------------------------------------------------- /images/sticker-mule@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/sticker-mule@2x.jpg -------------------------------------------------------------------------------- /images/typewriter.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ColeTownsend/Balzac-for-Jekyll/02271dd74ef6bac0145c0f626f80affce7c5af3e/images/typewriter.jpg -------------------------------------------------------------------------------- /index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | title: "Recent Posts" 4 | tags: [Jekyll, theme, responsive, blog, template] 5 | image: 6 | feature: typewriter.jpg 7 | --- -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: nil 3 | --- 4 | 5 | 6 | 7 | {{ site.url }} 8 | 9 | 10 | {% for post in site.posts %} 11 | 12 | {{ site.url }}{{ post.url }} 13 | 14 | {% endfor %} 15 | 16 | --------------------------------------------------------------------------------