├── _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 | </div>
2 | </body>
3 | </html>


--------------------------------------------------------------------------------
/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 | <main class="posts">
4 | {{ content }}
5 | </main>
6 | {% include _footer.html %}
7 | 


--------------------------------------------------------------------------------
/_includes/_header.html:
--------------------------------------------------------------------------------
1 | <div class="wrap">
2 |   
3 | <header class="mb">
4 |   <h1 class="h2 m-0"><a href="{{site.url}}">{{site.name}}</a></h1>
5 |   <p>{{site.description}}</p>
6 | </header>


--------------------------------------------------------------------------------
/_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 | <article class="post">
 7 |   <h1><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h1>
 8 |   {{ post.excerpt }}
 9 |   <a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">Read More &raquo;</a>
10 | </article>
11 | {% endfor %}
12 | 


--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
 1 | {% include _head.html %}
 2 | {% include _header.html %}
 3 | <main>
 4 | <article class="post">
 5 |   <h1><a href="{{ site.url }}{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h1>
 6 |   {{ content }}
 7 |   <p class="small gray"><time datetime="{{ page.date | date: "%Y-%m-%d"}}">{{ page.date | date_to_long_string }}</time></p>
 8 | </article>
 9 | </main>
10 | {% include _footer.html %}
11 | 


--------------------------------------------------------------------------------
/_includes/_head.html:
--------------------------------------------------------------------------------
 1 | <!doctype html> 
 2 | <html lang="en"> 
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>{{site.name}}</title>
 6 |   <meta name="author" content="{{site.author}}">
 7 |   <meta name="description" content="{{site.description}}">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   
10 |   <link rel="icon" href="{{ site.url }}/favicon.png" />
11 |   <link rel="apple-touch-icon-precomposed" href="{{ site.url }}/apple-touch-icon.png" />
12 |   
13 |   <link rel="stylesheet" href="{{ site.url }}/style.css" />
14 |   <link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'>
15 | </head>
16 | <body>
17 | 


--------------------------------------------------------------------------------
/_includes/_pagination.html:
--------------------------------------------------------------------------------
 1 | {% if paginator.total_pages > 1 %}
 2 | <div class="center">
 3 |   {% if paginator.previous_page %}
 4 |    {% if paginator.previous_page == 1 %}
 5 |       <a href="/" class="fl">Previous</a>
 6 |     {% else %}
 7 |       <a href="{{ paginator.previous_page_path }}" class="fl">Previous</a>
 8 |     {% endif %}
 9 |   {% else %}
10 |     <span class="fl gray">Previous</span>
11 |   {% endif %}
12 | 
13 |   {{ paginator.page }} / {{ paginator.total_pages }}
14 | 
15 |   {% if paginator.next_page %}
16 |     <a href="{{ paginator.next_page_path }}" class="fr">Next</a>
17 |   {% else %}
18 |     <span class="fr gray">Next</span>
19 |   {% endif %}
20 | </div>
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 | 


--------------------------------------------------------------------------------