├── _includes ├── _footer.html ├── _header.html ├── _head.html └── _pagination.html ├── favicon.png ├── apple-touch-icon.png ├── _posts └── 2013-01-01-template.md ├── _layouts ├── default.html └── post.html ├── _config.yml ├── Rakefile ├── index.html ├── README.md └── style.css /_includes/_footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jxnblk/Heather/HEAD/favicon.png -------------------------------------------------------------------------------- /apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jxnblk/Heather/HEAD/apple-touch-icon.png -------------------------------------------------------------------------------- /_posts/2013-01-01-template.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Template Post" 4 | --- 5 | 6 | Put your post content here 7 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | {% include _head.html %} 2 | {%include _header.html %} 3 |
4 | {{ content }} 5 |
6 | {% include _footer.html %} 7 | -------------------------------------------------------------------------------- /_includes/_header.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

{{site.name}}

5 |

{{site.description}}

6 |
-------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | name: "Heather" 2 | description: "A Hyperminimal Jekyll Theme" 3 | author: "Jxnblk" 4 | 5 | # url: "http://localhost:4000" 6 | url: "http://jxnblk.github.io/Heather" 7 | 8 | exclude: [README.md, Rakefile] 9 | paginate: 16 10 | permalink: /:title 11 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | require "rubygems" 2 | require 'rake' 3 | 4 | desc "Automatically generate site at :4000 for local dev" 5 | task :dev do 6 | system "jekyll serve --watch" 7 | end # task :dev 8 | 9 | desc "Remove _site from directory before committing" 10 | task :clean do 11 | system "rm -rf _site" 12 | end # task :clean 13 | 14 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {% for post in site.posts %} 6 |
7 |

{{ post.title }}

8 | {{ post.excerpt }} 9 | Read More » 10 |
11 | {% endfor %} 12 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | {% include _head.html %} 2 | {% include _header.html %} 3 |
4 |
5 |

{{ page.title }}

6 | {{ content }} 7 |

8 |
9 |
10 | {% include _footer.html %} 11 | -------------------------------------------------------------------------------- /_includes/_head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{site.name}} 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /_includes/_pagination.html: -------------------------------------------------------------------------------- 1 | {% if paginator.total_pages > 1 %} 2 |
3 | {% if paginator.previous_page %} 4 | {% if paginator.previous_page == 1 %} 5 | Previous 6 | {% else %} 7 | Previous 8 | {% endif %} 9 | {% else %} 10 | Previous 11 | {% endif %} 12 | 13 | {{ paginator.page }} / {{ paginator.total_pages }} 14 | 15 | {% if paginator.next_page %} 16 | Next 17 | {% else %} 18 | Next 19 | {% endif %} 20 |
21 | {% endif %} 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Heather 2 | A Hyperminimal Jekyll Theme 3 | 4 | http://jxnblk.github.io/Heather/ 5 | 6 | ## About Jekyll 7 | Jekyll is a static site generator that plays nicely with Github pages and is extremely quick to set up. 8 | 9 | Read more about Jekyll: http://jekyllrb.com/ 10 | 11 | ## Get Started 12 | Once you have Jekyll set up, the first thing you'll want to do is edit the `_config.yml` file. Change the name, description, author and url. An example localhost url is commented out for conveniently switching between local and production environments. 13 | 14 | name: "Heather" 15 | description: "A Hyperminimal Jekyll Theme" 16 | author: "Jxnblk" 17 | 18 | # url: "http://localhost:4000" 19 | url: "http://jxnblk.github.io/Heather" 20 | 21 | exclude: [README.md, Rakefile] 22 | paginate: 16 23 | permalink: /:title 24 | 25 | ## Creating a Post 26 | Once you've customized the settings, use the `_posts/2103-01-01-template.md` file as a starting point for creating a post. Rename the file to reflect the date and title of your post. Open the file, change the title and write your own content. 27 | 28 | --- 29 | 30 | MIT License 31 | http://opensource.org/licenses/MIT 32 | 33 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* Styles for Heather - A Hyperminimal Jekyll Theme */ 2 | 3 | /* BASSCSS Reset - http://jxnblk.github.io/basscss */ 4 | body, h1, h2, h3, h4, h5, h6, dl, ol, ul, p, 5 | button, input, select, textarea { 6 | margin: 0; 7 | } 8 | 9 | button, input, select, textarea { 10 | font-family: inherit; 11 | font-size: 100%; 12 | } 13 | 14 | article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { 15 | display: block; 16 | } 17 | 18 | 19 | body { 20 | color: #333; 21 | font-size: 100%; 22 | line-height: 1.75; 23 | font-family: 'Merriweather', serif; 24 | } 25 | 26 | h1, h2, h3, h4, h5, h6 { line-height: 1.25; } 27 | h1, .h1 { 28 | font-size: 32px; 29 | margin-bottom: 32px; 30 | } 31 | h2, .h2, h3, .h3, h4, h5, h6 { 32 | font-size: 24px; 33 | margin-bottom: 16px; 34 | } 35 | p, .p { 36 | font-size: 18px; 37 | margin-bottom: 32px; 38 | } 39 | small, .small { font-size: 16px; } 40 | 41 | @media screen and (min-width: 640px) { 42 | h1, .h1 { font-size: 48px; } 43 | h2, .h2 { font-size: 32px; } 44 | p, .p { font-size: 20px; } 45 | } 46 | 47 | a { color: #09c; text-decoration: none; } 48 | a:hover { color: #069; } 49 | h1 a { color: #333;} 50 | 51 | .wrap { 52 | width: 90%; 53 | max-width: 768px; 54 | margin: 0 auto; 55 | padding: 32px 5% 64px 5%; 56 | } 57 | 58 | .m-0 { margin-top: 0; margin-bottom: 0; } 59 | .mb { margin-bottom: 64px; } 60 | 61 | .post { margin-bottom: 96px; } 62 | .post img { max-width: 100%; } 63 | 64 | .center { text-align: center; } 65 | .fl { float: left; } 66 | .fr { float: right; } 67 | 68 | .gray { color: #999; } 69 | --------------------------------------------------------------------------------