jekyll-athena 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: abbd6718fe98668a86553970954e8c796908831f
+  data.tar.gz: 0274afe1e14727b505401bc1460751f9f88d6802
+SHA512:
+  metadata.gz: b4ee64276b1fe059a0efbf210aee51fd85a0c5a845bfb494b46823e7be090efe83e4bb40a8c1980e3bf1fc506a6e8c9fb8ebdf9f983f2e6c99c2fe8f21c9886d
+  data.tar.gz: 789a8fd2dd4ff60b1529e7a5f3c132d00e4b594dfe4c450d1f182a3bc9621ab0444b4d5c796e1399a16a8209bad900148b15b2f8cadb027f62f53408af6c3d5f

data/README.md

@@ -0,0 +1,62 @@
+# :construction: WIP :construction: Athena Jekyll Theme
+
+A simple and elegant theme for Jekyll and GitHub Pages.
+
+### Features:
+* Mobile-first design ensures this theme performs fastest on mobile while scaling elegantly to desktop-size screens.
+* Designed for blogs and sites heavy on written content, with bold typography styles, homepage summaries, and previous/next snippets.
+* Supports a wide range of HTML elements and markdown.
+* Flexible styles that can be reused for customization without adding additional CSS.
+* Dynamically generated navigation links. See docs for adding pages with specific post category for-loops.
+
+## Installation
+
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "jekyll-athena"
+```
+
+And add this line to your Jekyll site:
+
+```yaml
+theme: jekyll-athena
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-athena
+
+## Usage
+This theme comes in eight different color variations. The default is set to the black theme, to change to a different theme edit the config under `theme-color: black` to one of the following colors:
+
+|  |  |
+| --- | --- |
+| `theme-color: black` | `theme-color: red` |
+| <img width="330" alt="black" src="https://cloud.githubusercontent.com/assets/334891/18476835/8d70b330-7999-11e6-8c84-a558906d636e.png"> | <img width="330" alt="red" src="https://cloud.githubusercontent.com/assets/334891/18477185/c53af09a-799a-11e6-9354-b9bf1a7f1826.png"> |
+| `theme-color: white` | `theme-color: gray` |
+| <img width="330" alt="white" src="https://cloud.githubusercontent.com/assets/334891/18477206/d9dc55fc-799a-11e6-89f2-b4ae150caa80.png"> | <img width="330" alt="gray" src="https://cloud.githubusercontent.com/assets/334891/18477058/4e61700c-799a-11e6-80a0-805e57f2563e.png"> |
+| `theme-color: blue` | `theme-color: pink` |
+| <img width="330" alt="blue" src="https://cloud.githubusercontent.com/assets/334891/18477240/f03646d2-799a-11e6-8895-25b37d3a1438.png"> | <img width="330" alt="pink" src="https://cloud.githubusercontent.com/assets/334891/18477252/fb2f5128-799a-11e6-8c8f-e79d9c1884b7.png"> |
+| `theme-color: orange` | `theme-color: yellow` |
+| <img width="330" alt="orange" src="https://cloud.githubusercontent.com/assets/334891/18477265/06e302bc-799b-11e6-970e-6461b2a89c57.png"> | <img width="330" alt="yellow" src="https://cloud.githubusercontent.com/assets/334891/18477278/117347aa-799b-11e6-83a8-f82341c143e0.png"> |
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/broccolini/athena. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+You theme is setup just like a normal Jelyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/_includes/footer.html

@@ -0,0 +1,13 @@
+<div class="container mx-auto clearfix mt-2 mt-lg-4 px-2">
+  <div class="border-top-thick">
+    <p class="col-8 sm-width-full left py-2 mb-0">This project is maintained by <a class="text-accent" href="https://github.com/{{ site.github_username }}">{{ site.github_username }}</a></p>
+    <ul class="list-reset right clearfix sm-width-full py-2 mb-2 mb-lg-0">
+      <li class="inline-block mr-1">
+        <a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="{{ site.title }}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+      </li>
+      <li class="inline-block">
+        <a class="github-button" href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" data-icon="octicon-star" data-count-href="{{ site.github_username }}/{{ github_repo }}/stargazers" data-count-api="/repos/{{ site.github_username }}/{{ github_repo }}#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star {{ site.github_username }}/{{ github_repo }} on GitHub">Star</a>
+      </li>
+    </ul>
+  </div>
+</div>

data/_includes/github.html

@@ -0,0 +1,4 @@
+<a href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" title="Fork me on GitHub" class="link-social block">
+<svg height="32" class="octicon octicon-mark-github header-social" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
+</svg>
+</a>

data/_includes/head.html

@@ -0,0 +1,15 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+
+  <link rel="stylesheet" href="{{ "/assets/style.css" | prepend: site.baseurl }}">
+
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
+</head>

data/_includes/header.html

@@ -0,0 +1,29 @@
+<header class="px-2 clearfix">
+  <!-- <div class="left-lg absolute-lg left-0 top-0 sm-width-full mt-2">
+    <a class="no-underline-hover px-1" href="{{ site.baseurl }}/">
+      <span class="inline-block h4 hide-sm ml-2">&#x261c;</span>
+    </a>
+    <a class="italic no-underline" href="{{ site.baseurl }}/">
+       home
+    </a>
+  </div> -->
+  <div class="right-lg absolute-lg right-0 top-0">
+    <ul class="mt-1 mt-lg-2 mr-2 mr-lg-3">
+      <li class="inline-block block-lg text-right ml-1 ml-lg-0">
+        <a class="italic h4 bold no-underline" href="{{ site.baseurl }}/">
+          <!-- {{ site.title }} -->
+          Home
+        </a>
+      </li>
+      {% for my_page in site.pages %}
+        {% if my_page.title %}
+        <li class="inline-block block-lg text-right ml-1 ml-lg-0">
+          <a class="italic no-underline h4" href="{{ my_page.url | prepend: site.baseurl }}">
+            {{ my_page.title }}
+          </a>
+        </li>
+        {% endif %}
+      {% endfor %}
+    </ul>
+  </div>
+</header>

data/_includes/page_heading.html

@@ -0,0 +1,6 @@
+<div class="mt-4 mb-2 clearfix header-text">
+  <h1 class="h0 inline-block py-2 mt-4 header-title">{{ page.title }}</h1>
+  <div class="clearfix mb-4 py-1">
+    <div class="col-1 sm-width-full border-top-thick">
+  </div>
+</div>

data/_includes/post_block.html

@@ -0,0 +1,8 @@
+<!-- Renders post date, title, and snippet of text. -->
+<div class="py-2 mb-2 prose">
+  <h2 class="h1 lh-condensed col-9 mb-0">
+    <a class="link-primary" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  </h2>
+  <a class="no-underline-hover h5 block py-1 mb-1" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.date | date: "%b %-d, %Y" }}</a>
+  <p>{{ post.content | strip_html | truncatewords:30 }}</p>
+</div>

data/_includes/previous-next.html

@@ -0,0 +1,21 @@
+<!-- Use if you want to show previous and next for all posts. -->
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
+{% if page.previous.url %}
+  <div class="col-4 sm-width-full left mr-lg-4 mt-3">
+    <a class="no-underline-hover py-1 block" href="{{ page.previous.url | prepend: full_base_url }}">
+      <span class="h5 bold">Previous</span>
+      <p class="bold h3 link-primary mb-1">{{ page.previous.title }}</p>
+      <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
+    </a>
+  </div>
+  {% endif %}
+  {% if page.next.url %}
+  <div class="col-4 sm-width-full left mt-3">
+    <a class="no-underline-hover py-1 block" href="{{ page.next.url | prepend: full_base_url }}">
+      <span class="h5 bold">Next</span>
+      <p class="bold h3 link-primary mb-1">{{ page.next.title }}</p>
+      <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
+    </a>
+  </div>
+{% endif %}

data/_includes/previous-next_has-categories.html

@@ -0,0 +1,39 @@
+<!-- Use if you want to show previous and next for posts within a category. -->
+{% if page.categories %}
+  {% assign category = page.categories[0] %}
+  {% assign posts = site.categories[category] %}
+  {% for post in posts %}
+    {% if post.url == page.url %}
+      {% assign post_index0 = forloop.index0 %}
+      {% assign post_index1 = forloop.index %}
+    {% endif %}
+  {% endfor %}
+  {% for post in posts %}
+    {% if post_index0 == forloop.index %}
+      {% assign next_post = post %}
+    {% endif %}
+    {% if post_index1 == forloop.index0 %}
+      {% assign prev_post = post %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
+{% if prev_post %}
+<div class="col-4 sm-width-full left mr-lg-4 mt-3">
+  <a class="no-underline-hover py-1 block" href="{{ prev_post.url | prepend: full_base_url }}">
+    <span class="h5 bold">Previous</span>
+    <p class="bold h3 link-primary mb-1">{{ prev_post.title }}</p>
+    <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
+  </a>
+</div>
+{% endif %}
+{% if next_post %}
+<div class="col-4 sm-width-full left mt-3">
+  <a class="no-underline-hover py-1 block" href="{{ next_post.url | prepend: full_base_url }}">
+    <span class="h5 bold">Next</span>
+    <p class="bold h3 link-primary mb-1">{{ next_post.title }}</p>
+    <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
+  </a>
+</div>
+{% endif %}

data/_includes/twitter.html

@@ -0,0 +1,9 @@
+<a href="https://twitter.com/{{ site.social_username }}" title="Follow me on twitter" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+    <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
+  	c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1
+  	c-0.9-0.2-1.6-1-1.6-2v0C3.7,6.9,4,7,4.3,7.1c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.1-0.7,0.3-1c1,1.2,2.5,2.1,4.2,2.1
+  	c0-0.2-0.1-0.3-0.1-0.5c0-1.1,0.9-2,2.1-2c0.6,0,1.1,0.2,1.5,0.6c0.5-0.1,0.9-0.3,1.3-0.5c-0.2,0.5-0.5,0.9-0.9,1.1
+  	c0.4,0,0.8-0.2,1.2-0.3h0C12.7,5.3,12.4,5.7,12,6z"/>
+  </svg>
+</a>

data/_layouts/category-post.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<article class="container mx-auto px-2" itemscope itemtype="http://schema.org/BlogPosting">
+  <div class="mt-4 mb-2 clearfix header-text">
+    <h1 class="h0 inline-block py-2 mt-4 header-title">{{ page.title }}</h1>
+    <div class="clearfix mb-4 py-1">
+      <p class="h4 lh-condensed"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
+      <div class="col-1 sm-width-full border-top-thick">
+      </div>
+    </div>
+  </div>
+
+  <div class="prose py-4" itemprop="articleBody">
+      {{ content }}
+  </div>
+</article>
+
+
+<div class="container mx-auto px-2 py-2 clearfix">
+  {% include previous-next_has-categories.html %}
+</div>

data/_layouts/category_index.html

@@ -0,0 +1,13 @@
+---
+layout: page
+---
+
+{% if page.category_name %}
+  {% assign category_name = page.category_name %}
+{% endif %}
+
+<div class="container mx-auto">
+  {% for post in site.categories[category_name] %}
+    {% include post_block.html %}
+  {% endfor %}
+</div>

data/_layouts/default.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+  
+  <!-- font-smoothing is only applied on dark themes -->
+  <body class="font-smoothing">
+
+    {% include header.html %}
+
+    <div>
+      {{ content }}
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    <div>
+
+      <header class="clearfix">
+
+        <div class="right absolute-lg right-0 top-0">
+          <ul class="mt-2 mr-2 mr-lg-3">
+            {% for my_page in site.pages %}
+              {% if my_page.title %}
+              <li class="inline-block block-lg text-right ml-1 ml-lg-0">
+                <a class="italic no-underline h4 font-smoothing" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
+              </li>
+              {% endif %}
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="container mx-auto px-2 mt-4 mb-2 clearfix header-text">
+          <h1 class="h0 inline-block py-2 mt-4 header-title">{{ site.title }}</h1>
+
+          <div class="clearfix mb-4 py-1">
+            <p class="h4 lh-condensed font-smoothing">{{ site.description }}</p>
+            <div class="col-1 sm-width-full border-top-thick">
+            </div>
+          </div>
+
+        </div>
+      </header>
+
+      <div class="container mx-auto px-2 py-2">
+        {% for post in site.posts %}
+          {% include post_block.html %}
+        {% endfor %}
+      </div>
+
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>

data/_layouts/page.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+<article class="container mx-auto px-2">
+
+  {% include page_heading.html %}
+
+  <div class="prose mb-4 py-4">
+    {{ content }}
+  </div>
+</article>

data/_layouts/post.html

@@ -0,0 +1,22 @@
+---
+layout: default
+---
+
+<article class="container mx-auto px-2" itemscope itemtype="http://schema.org/BlogPosting">
+  <div class="mt-4 mb-2 clearfix header-text">
+    <h1 class="h0 inline-block py-2 mt-4 header-title">{{ page.title }}</h1>
+    <div class="clearfix mb-4 py-1">
+      <p class="h4 lh-condensed"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
+      <div class="col-1 sm-width-full border-top-thick">
+      </div>
+    </div>
+  </div>
+
+  <div class="prose py-4" itemprop="articleBody">
+      {{ content }}
+  </div>
+</article>
+
+<div class="container mx-auto px-2 py-2 clearfix">
+  {% include previous-next.html %}
+</div>

data/_sass/_base.scss

@@ -0,0 +1,66 @@
+/**
+  * Reset some basic elements
+*/
+
+* {
+ box-sizing: border-box !important;
+ margin: 0; }
+
+input,
+select,
+textarea,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+
+
+/**
+ * Basic styling
+ */
+body {
+    font-family: $body-font-family;
+    font-size: $body-font-size;
+    line-height: 1.5;
+    color: $color-body-text;
+    background-color: $color-background;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 1em;
+  margin-bottom: 0.25em;
+}
+
+h1, .h1 { font-size: $h1-size; }
+h2, .h2 { font-size: $h2-size; }
+h3, .h3 { font-size: $h3-size; }
+h4, .h4 { font-size: $h4-size; }
+h5, .h5 { font-size: $h5-size; }
+h6, .h6 { font-size: $h6-size; text-transform: uppercase; letter-spacing: 0.02em; }
+
+a {
+  color: inherit;
+  text-decoration: none;
+  padding-bottom: 1px;
+  border-bottom: 1px solid currentColor;
+}
+
+a:hover {
+  color: $color-primary-link;
+  text-decoration: none;
+  border-bottom: 1px dotted;
+}

data/_sass/_components.scss

@@ -0,0 +1,130 @@
+// Styling markdown output
+
+// Code formatting
+pre {
+    border-left: $spacer-1 solid $color-border;
+    margin: $spacer-3 0;
+    padding-left: 16px;
+    width: (9 / 12 * 100%); // matches col-9
+    overflow-x: auto;
+}
+
+code {
+    color: $color-code;
+    font-size: $body-font-size;
+    padding: 1px 4px;
+}
+
+
+.prose {
+
+  p, ol, ul {
+    font-size: $prose-font-size;
+    margin-bottom: 1em;
+    width: 100%;
+
+    // @media (min-width: $breakpoint-lg) {
+    //   width: (10 / 12 * 100%); // matches col-10
+    // }
+
+  }
+
+  ul, ol {
+    padding-left: 40px;
+  }
+
+  li {
+    margin-bottom: 0.5em;
+
+    ul li, ol li {
+      margin-bottom: 0;
+    }
+  }
+
+  img {
+
+    max-width: 100%;
+
+    // @media (min-width: $breakpoint-lg) {
+    //   max-width: (12 / 10 * 100%); // make image fill width of container on desktop
+    // }
+
+  }
+
+  blockquote {
+    line-height: 1.375;
+    padding-left: 20px;
+    margin: 40px 0 40px -16px;
+    border-left: $spacer-1 solid $color-border;
+    font-style: italic;
+
+    p {
+      font-size: 24px;
+    }
+
+    @media (min-width: $breakpoint-lg) {
+      padding-left: $spacer-3;
+      margin: $spacer-4 0 $spacer-4 -40px;
+      max-width: (11 / 10 * 100%);
+
+      p {
+        font-size: 32px;
+      }
+
+    }
+
+  }
+
+  hr {
+    color: $color-body-text;
+    border-style: solid;
+    border-width: thin;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+  }
+
+  dt {
+    font-weight: bold;
+    font-style: italic;
+    line-height: 1.25;
+  }
+
+  dd {
+    font-style: italic;
+    margin-bottom: 0.5em;
+  }
+
+  // Markdown tables
+  table {
+    border-collapse: collapse;
+    display: block;
+    width: 100%;
+    margin-bottom: 1.5em;
+    overflow: auto;
+    // For Firefox to horizontally scroll wider tables.
+    word-break: normal;
+    word-break: keep-all;
+
+    th {
+      font-weight: bold;
+      text-align: left;
+    }
+
+    th,
+    td {
+      padding: $spacer-2 $spacer-3 $spacer-2 2px;
+      border-top: 1px solid $color-body-text;
+      border-bottom: 1px solid $color-body-text;
+    }
+
+    tr {
+      border-top: 1px solid $color-body-text;
+    }
+
+    tr th {
+      border-top: 2px solid $color-body-text;
+      border-bottom: 2px solid $color-body-text;
+    }
+  }
+
+}

data/_sass/_theme-light.scss

@@ -0,0 +1,29 @@
+// White theme
+
+// Color variables
+$black: #2B2826;
+$gray-dark: #423F38;
+$gray: #A09992;
+$gray-light: #D7D5D1;
+$white: #fff;
+$burgundy: #B54545;
+// Config
+$color-background: $white !default;
+$color-foreground: $black !default;
+$color-title: $black !default;
+$color-body-text: $black !default;
+$color-text-accent: $gray-dark !default;
+$color-code: $gray-dark !default;
+$color-nav-link: $black !default;
+$color-primary-link: $black !default;
+$color-primary-underline: $gray !default;
+$color-border: $gray-light !default;
+
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_utilities.scss

@@ -0,0 +1,208 @@
+/* Type utilities */
+.h0 {
+  font-size: $h0-mobile;
+  line-height: 1.0125;
+  margin-top: 0.85em;
+  word-wrap: break-word;
+
+  @media (min-width: $breakpoint-lg) {
+    font-size: $h0-desktop;
+  }
+}
+
+.text-right { text-align: right; }
+
+.no-underline, .no-underline-hover {
+  text-decoration: none;
+  border-bottom: none;
+}
+
+.no-underline-hover {
+
+  &:hover {
+    text-decoration: none !important;
+    border-bottom: none !important;
+  }
+}
+
+
+
+// Link styles for navigation
+.link-primary {
+  font-weight: bold;
+  text-decoration: none;
+  border-bottom: 2px solid currentColor;
+  padding-bottom: 1px;
+
+  &:hover {
+    color: $color-primary-link;
+    text-decoration: none;
+    border-bottom: 2px dotted;
+  }
+}
+
+.bold { font-weight: bold; }
+.italic { font-style: italic; }
+.uppercase { text-transform: uppercase; }
+
+.lh-condensed { line-height: 1.25; }
+
+.list-reset {
+  list-style: none;
+  padding-left: 0;
+}
+
+/* Border utilities */
+.border-bottom-thick { border-bottom: 2px solid; border-color: currentColor; }
+.border-bottom-thin { border-bottom: 1px solid; border-color: currentColor; }
+.border-top-thick { border-top: 2px solid; border-color: currentColor; }
+.border-top-thin { border-top: 1px solid; border-color: currentColor; }
+.border-0 { border: 0; }
+
+
+/* Theme color utilities */
+.header-background { background-color: $color-background; }
+.header-border { border-color: $color-foreground; }
+.header-title { color: $color-title; }
+.header-text { color: $color-foreground; }
+.header-social { fill: $color-foreground; }
+.header-link:hover { color: $color-nav-link !important; } // used for navigation links on homepage
+.text-accent { color: $color-text-accent; } // used for date in post list and home link
+
+/* Layout utilities */
+.container { max-width: $container-width; }
+
+.col-1 { width: (1 / 12 * 100%); }
+.col-2 { width: (2 / 12 * 100%); }
+.col-3 { width: (3 / 12 * 100%); }
+.col-4 { width: (4 / 12 * 100%); }
+.col-5 { width: (5 / 12 * 100%); }
+.col-6 { width: (6 / 12 * 100%); }
+.col-7 { width: (7 / 12 * 100%); }
+.col-8 { width: (8 / 12 * 100%); }
+.col-9 { width: (9 / 12 * 100%); }
+.col-10 { width: (10 / 12 * 100%); }
+.col-11 { width: (11 / 12 * 100%); }
+.col-12 { width: 100%; }
+
+@media (max-width: $breakpoint-lg) {
+  .sm-width-full { width: 100% !important; }
+}
+
+.block        { display: block !important; }
+.inline-block { display: inline-block !important; }
+
+.absolute { position: absolute; }
+.fixed { position: fixed; }
+
+.top-0 { top: 0; }
+.right-0 { right: 0; }
+.left-0 { left: 0; }
+
+.table { display: table !important; }
+
+.left { float: left; }
+.right { float: right; }
+
+
+// Responsive layout
+
+@media (min-width: $breakpoint-lg) {
+
+  .right-lg { float: right !important; }
+  .left-lg { float: left !important; }
+
+  .absolute-lg { position: absolute; }
+
+  .block-lg { display: block !important; }
+  .inline-block-lg { display: inline-block; }
+
+}
+
+@media (max-width: $breakpoint-lg) {
+  .hide-sm { display: none !important; }
+}
+
+
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: table
+}
+.clearfix:after { clear: both }
+
+.align-middle { vertical-align: middle; }
+
+/* Padding */
+.px-0 { padding-left: 0; padding-right:  0 }
+.py-0 { padding-top: 0;  padding-bottom: 0 }
+
+.px-1 { padding-left: $spacer-1; padding-right:  $spacer-1 }
+.py-1 { padding-top: $spacer-1;  padding-bottom: $spacer-1 }
+
+.px-2 { padding-left: $spacer-2; padding-right:  $spacer-2; }
+.py-2 { padding-top: $spacer-2;  padding-bottom: $spacer-2; }
+
+.px-3 { padding-left: $spacer-3; padding-right:  $spacer-3; }
+.py-3 { padding-top: $spacer-3;  padding-bottom: $spacer-3; }
+
+.px-4 { padding-left: $spacer-4; padding-right:  $spacer-4; }
+.py-4 { padding-top: $spacer-4;  padding-bottom: $spacer-4; }
+
+/* Margin */
+.mx-auto { margin-left: auto; margin-right: auto; }
+
+.mt-0 { margin-top: 0; }
+.mr-0 { margin-right: 0; }
+.mb-0 { margin-bottom: 0; }
+.ml-0 { margin-left: 0; }
+
+.mt-1 { margin-top: $spacer-1; }
+.mr-1 { margin-right: $spacer-1; }
+.mb-1 { margin-bottom: $spacer-1; }
+.ml-1 { margin-left: $spacer-1; }
+
+.mt-2 { margin-top: $spacer-2; }
+.mr-2 { margin-right: $spacer-2; }
+.mb-2 { margin-bottom: $spacer-2; }
+.ml-2 { margin-left: $spacer-2; }
+
+.mt-3 { margin-top: $spacer-3; }
+.mr-3 { margin-right: $spacer-3; }
+.mb-3 { margin-bottom: $spacer-3; }
+.ml-3 { margin-left: $spacer-3; }
+
+.mt-4 { margin-top: $spacer-4; }
+.mr-4 { margin-right: $spacer-4; }
+.mb-4 { margin-bottom: $spacer-4; }
+.ml-4 { margin-left: $spacer-4; }
+
+// Responsive margin
+@media (min-width: $breakpoint-lg) {
+  .mx-lg-auto { margin-left: auto; margin-right: auto; }
+
+  .mt-lg-0 { margin-top: 0; }
+  .mr-lg-0 { margin-right: 0; }
+  .mb-lg-0 { margin-bottom: 0; }
+  .ml-lg-0 { margin-left: 0; }
+
+  .mt-lg-1 { margin-top: $spacer-1; }
+  .mr-lg-1 { margin-right: $spacer-1; }
+  .mb-lg-1 { margin-bottom: $spacer-1; }
+  .ml-lg-1 { margin-left: $spacer-1; }
+
+  .mt-lg-2 { margin-top: $spacer-2; }
+  .mr-lg-2 { margin-right: $spacer-2; }
+  .mb-lg-2 { margin-bottom: $spacer-2; }
+  .ml-lg-2 { margin-left: $spacer-2; }
+
+  .mt-lg-3 { margin-top: $spacer-3; }
+  .mr-lg-3 { margin-right: $spacer-3; }
+  .mb-lg-3 { margin-bottom: $spacer-3; }
+  .ml-lg-3 { margin-left: $spacer-3; }
+
+  .mt-lg-4 { margin-top: $spacer-4; }
+  .mr-lg-4 { margin-right: $spacer-4; }
+  .mb-lg-4 { margin-bottom: $spacer-4; }
+  .ml-lg-4 { margin-left: $spacer-4; }
+}

data/_sass/_variables.scss

@@ -0,0 +1,32 @@
+
+// Font family
+$body-font-family: Athelas, Palatino, Georgia, serif;
+$body-font-size: 16px;
+$prose-font-size: 24px;
+
+
+// Type scale
+$h0-mobile: 48px;
+$h0-desktop: 96px;
+
+$h1-size: 40px !default;
+$h2-size: 32px !default;
+$h3-size: 24px !default;
+$h4-size: 20px !default;
+$h5-size: 16px !default;
+$h6-size: 12px !default;
+
+// Container width
+$container-width: 52em;
+
+// Large breakpoint
+$breakpoint-lg: 52em;
+
+// Spacing unit
+$spacer: 8px !default;
+
+// Spacing scale
+$spacer-1: $spacer !default; // 8px
+$spacer-2: ($spacer * 2) !default; // 16px
+$spacer-3: ($spacer * 4) !default; // 32px
+$spacer-4: ($spacer * 8) !default; // 64px

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-athena
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- broccolini
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-09-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- diana.mounter@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- _includes/footer.html
+- _includes/github.html
+- _includes/head.html
+- _includes/header.html
+- _includes/page_heading.html
+- _includes/post_block.html
+- _includes/previous-next.html
+- _includes/previous-next_has-categories.html
+- _includes/twitter.html
+- _layouts/category-post.html
+- _layouts/category_index.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_base.scss
+- _sass/_components.scss
+- _sass/_theme-light.scss
+- _sass/_utilities.scss
+- _sass/_variables.scss
+homepage: http://broccolini.net/athena
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5.1
+signing_key: 
+specification_version: 4
+summary: A simple and elegant theme for Jekyll and GitHub Pages.
+test_files: []