ark-jekyll-theme 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 839d49f4cb93f3969267728b76d7e43785e6639a462cc1410a9d46ea21dd00fd
-  data.tar.gz: 9672eb6a011c803f4d2b7ef2c16d78733247005b8a52837dbaa24311facb185f
+  metadata.gz: c15521ee287525cd59c31d3ba2ba77976590db1f8709e0e3ff989123e98d08eb
+  data.tar.gz: bed9a6f00e0ed8309afee702c84854cfd11c92d4f356bde0ef61783c76da01fa
 SHA512:
-  metadata.gz: 4084ea7c98ac70f997de31b96d18626db3f78902e084b87efc03243e425f27acff4eb2728aee7aef5194ce07bdec41aaeb17a4d45ddbc155ba89d2e9a1f12721
-  data.tar.gz: b84acf6e99ddc875a9d314a1bcc1b71f922dced131cc1623d28edacb484984eac61f7e21fbb088475e689f3977bf373838869918ac5e3e2df6c1822ae46a30bf
+  metadata.gz: 0cd3d81a8702314fe12a9c5916f2773e4e748898aae3c085c77735267254919e24081975e43683f38ccb7cc48370373156f881e7430032c36219c947bf36a77e
+  data.tar.gz: 1d3c5197cb56aad23d71e604f00ab6dd093cd63bb1ad0c71eed04e33a0178294b0a1e7057488d5371437fdbfd35e283edcadb50b31445a817b9d6c4bc361ddb7

data/LICENSE.md

@@ -0,0 +1,10 @@
+
+The MIT License (MIT)
+
+Copyright (c) 2017 desiredpersona.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,60 @@
+# ark-jekyll-theme
+
+[![Gem Version](https://badge.fury.io/rb/ark-jekyll-theme.svg)](https://badge.fury.io/rb/ark-jekyll-theme)
+[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/desiredpersona/ark-jekyll-theme/master/LICENSE.md)
+
+View [theme demo](https://desiredpersona.com)
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "ark-jekyll-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: ark-jekyll-theme
+```
+
+And then execute:
+
+```
+$ bundle
+```
+
+Or install it yourself as:
+
+```
+$ gem install ark-jekyll-theme
+```
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Credits
+
+#### Creator
+
+Desired Persona
+
+- [https://desiredpersona.com](https://desiredpersona.com)
+- [https://twitter.com/desiredpersona](https://twitter.com/desiredpersona)
+- [https://github.com/desiredpersona](https://github.com/desiredpersona)
+
+#### Thanks
+
+- [Jekyll](http://jekyllrb.com)
+- [Tachyons](http://tachyons.io)
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [https://github.com/desiredpersona/ark-jekyll-theme](https://github.com/desiredpersona/ark-jekyll-theme). 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.
+
+## License
+
+[MIT](https://github.com/desiredpersona/ark-jekyll-theme/blob/master/LICENSE.md)

data/_includes/disqus_comments.html

@@ -0,0 +1,40 @@
+<div id="disqus_thread" class="mt4"></div>
+<script>
+  (function () {
+
+  'use strict';
+
+  // Global object
+  var App = {};  
+
+  // Create button
+  App.commentsButton = document.createElement('button');
+  App.commentsButton.setAttribute('class', 'measure w-100 tc f5 fw4 gray pa3 ba br2 b--gray bg-white pointer');
+  App.commentsButton.setAttribute('data-js', 'comments-button');
+  App.commentsButton.innerHTML = '{{ site.data.theme.text.comment_button }}';
+
+  // Append button to body
+  document.body.appendChild( App.commentsButton );
+
+  // Click event handler
+  App.commentsButton.onclick = function () {
+
+    // Remove button on click
+    this.parentNode.removeChild(this);
+    
+    // Your Disqus shortname
+    App.disqus_shortname = '{{ site.disqus.shortname }}';
+
+    // Embed Disqus
+    var dsq = document.createElement('script');
+
+    dsq.type = 'text/javascript';
+    dsq.async = true;
+    dsq.src = '//' + App.disqus_shortname + '.disqus.com/embed.js';
+
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+
+  };
+
+  })();
+</script>

data/_includes/figure

@@ -0,0 +1,12 @@
+<figure {% if include.class %}class="{{ include.class }}"{% endif %}>
+  <img src=
+    {% if include.image_path contains "://" %}
+      "{{ include.image_path }}"
+    {% else %}
+      "{{ include.image_path | absolute_url }}"
+    {% endif %}
+    alt="{% if include.alt %}{{ include.alt }}{% endif %}">
+  {% if include.caption %}
+    <figcaption>{{ include.caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
+  {% endif %}
+</figure>

data/_includes/footer.html

@@ -0,0 +1,16 @@
+<footer class="mv4 pv3">
+  <nav class="nowrap overflow-x-auto">
+    {% if site.data.theme.navigation %}
+    {% for link in site.data.theme.navigation %}
+      {% if link.url contains 'http' %}
+        {% assign domain = '' %}
+      {% elsif link.url contains 'mailto' %}
+        {% assign domain = '' %}
+      {% else %}
+        {% assign domain = site.url | append: site.baseurl %}
+      {% endif %}
+      <a href="{{ domain }}{{ link.url }}" class="f5 fw4 gray link mr3" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
+    {% endfor %}
+    {% endif %}
+  </nav>
+</footer>

data/_includes/head.html

@@ -0,0 +1,18 @@
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+{% if page.meta_robots %}<meta name="robots" content="{{ page.meta_robots }}">{% else %}<meta name="robots" content="all">{% endif %}
+
+{% if site.disable_title_output == true %}<title>{{ page.title }}</title>{% endif %}
+
+<meta name="author" content="{{ site.author }}">
+<link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
+<link rel="stylesheet" href="{{ '/assets/css/ark.css' | relative_url }}">
+<link rel="icon" type="image/png" href="{{ '/favicon.png' | relative_url }}">
+
+{% if site.google_analytics and jekyll.environment == 'production' %}{% include analytics.html %}{% endif %}
+
+{% if site.disable_title_output == true %}{% seo title=false %}{% else %}{% seo %}{% endif %}
+</head>

data/_includes/read_time.html

@@ -0,0 +1,16 @@
+{% if post %}
+  {% assign words = post.content | strip_html | number_of_words %}
+{% elsif page %}
+  {% assign words = page.content | strip_html | number_of_words %}
+{% endif %}
+
+
+{% if site.data.theme.text.words_per_minute %}
+  {% if words < 360 %}
+	  1 {{ site.data.theme.text.minute_read | default: "min read" }}
+	{% else %}
+	  {{ words | divided_by:site.data.theme.text.words_per_minute }} {{ site.data.theme.text.minute_read | default: "min read" }}
+	{% endif %}
+{% else %}
+  {{ site.data.theme.text.undefined_wpm }}
+{% endif %}

data/_layouts/archive-minimal.html

@@ -0,0 +1,15 @@
+---
+layout: page
+---
+
+{{ content }}
+
+<section>
+{% for post in site.posts %}
+  <a class="link black-80" href="{{ post.url | relative_url }}">
+    <article class="pv1">
+      <h3 class="f5 f4-m f4-l fw4 lh-title mb0 underline">{{ post.title | escape }}</h3>
+   </article>
+  </a>
+{% endfor %}
+</section>

data/_layouts/archive.html

@@ -0,0 +1,24 @@
+---
+layout: page
+---
+
+{{ content }}
+
+<section>
+{% for post in site.posts %}
+  <a class="link black-80" href="{{ post.url | relative_url }}">
+    <article class="pv2">
+      <h3 class="f3 fw8 lh-title mb0">{{ post.title | escape }}</h3>
+      <p class="f5 fw4 lh-copy mv2">{{ post.description | remove: '<p>' | remove: '</p>' }}</p>
+      <div class="f5 fw4 gray">
+        {% if post.last_modified_at %}
+        <span>{{ site.data.theme.text.updated }} <time>{{ post.last_modified_at | date: site.date_format }}</time></span>
+        {% else %}
+        <time>{{ post.date | date: site.date_format }}</time>
+        {% endif %}
+        <span class="ttl">&middot; {% include read_time.html %}</span>
+      </div>
+   </article>
+  </a>
+{% endfor %}
+</section>

data/_layouts/default.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang }}">
+{% include head.html %}
+
+<body class="mw7 center w-100 sans-serif black-80 mt5 pa3">
+{{ content }}
+
+{% include footer.html %}
+</body>
+</html>

data/_layouts/front.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{% if page.introduction %}
+<section class="f5 fw4 lh-copy measure">
+  {{ page.introduction | markdownify }}
+</section>
+{% endif %}

data/_layouts/home-minimal.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+{% if page.introduction %}
+<section class="f5 fw4 lh-copy measure">
+  {{ page.introduction | markdownify }}
+</section>
+{% endif %}
+
+{% for post in site.posts limit: site.data.theme.text.post_limit %}
+<a class="link black-80" href="{{ post.url | relative_url }}">
+  <article class="pv1 measure">
+    <h3 class="f5 f4-m f4-l fw4 lh-title mb0 underline">{{ post.title | escape }}</h3>
+ </article>
+</a>
+{% endfor %}

data/_layouts/home.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+
+{% if page.introduction %}
+<section class="f5 fw4 lh-copy measure">
+  {{ page.introduction | markdownify }}
+</section>
+{% endif %}
+
+{% for post in site.posts limit: site.data.theme.text.post_limit %}
+<a class="link black-80" href="{{ post.url | relative_url }}">
+  <article class="pv2 measure">
+    <h3 class="f3 fw8 lh-title mb0">{{ post.title | escape }}</h3>
+    <p class="f5 fw4 lh-copy mv2">{{ post.description | remove: '<p>' | remove: '</p>' }}</p>
+    <div class="f5 fw4 gray">
+      {% if post.last_modified_at %}
+      <span>{{ site.data.theme.text.updated }} <time>{{ post.last_modified_at | date: site.date_format }}</time></span>
+      {% else %}
+      <time>{{ post.date | date: site.date_format }}</time>
+      {% endif %}
+      <span class="ttl">&middot; {% include read_time.html %}</span>
+    </div>
+ </article>
+</a>
+{% endfor %}

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<main>
+  <article>
+    <header class="lh-title">
+      <h1 class="f2 f1-m f1-l fw8">{{ page.title }}</h1>
+    </header>
+
+    <div class="f5 fw4 lh-copy measure">
+      {{ content }}
+    </div>
+  </article>
+</main>

data/_layouts/post.html

@@ -0,0 +1,31 @@
+---
+layout: default
+---
+<main>
+  <article>
+    <header class="lh-title">
+      <h1 class="f2 f1-m f1-l fw8">{{ page.title }}</h1>
+      {% if page.subtitle %}
+      <h2 class="f3 fw4 gray mv2">{{ page.subtitle }}</h2>
+      {% endif %}
+      <div class="f5 fw4 gray">
+        {% if page.last_modified_at %}
+        <span>{{ site.data.theme.text.updated }} <time datetime="{{ page.last_modified_at }}">{{ page.last_modified_at | date: site.date_format }}</time></span>
+        {% else %}
+        <time datetime="{{ page.date }}">{{ page.date | date: site.date_format }}</time>
+        {% endif %}
+        <span class="ttl">&middot; {% include read_time.html %}</span>
+      </div>
+    </header>
+
+    <div class="f5 fw4 lh-copy measure">
+      {{ content }}
+
+      {% if page.comments != false %}
+        {% if site.disqus.shortname %}
+          {% include disqus_comments.html %}
+        {% endif %}
+      {% endif %}
+    </div>
+  </article>
+</main>

data/_sass/_cms.scss

@@ -0,0 +1,79 @@
+// Override Tachyons Defaults
+figure { margin: .25rem 0; } // Removes 40px left/right margins on codeblocks.
+
+.link:focus { outline: 0; } // Removes dotted outline on link click.
+
+// Links
+a {
+  color: $link;
+  &:hover {
+    color: $link-hover;   
+  }
+}
+
+// Codeblocks
+pre {
+  overflow-x: auto;
+  overflow-y: hidden;
+  overflow: scroll;
+  padding: .5rem;
+}
+
+pre, code {
+  font-family: $code;
+  font-size: $code-font-size;
+  border-radius: .125rem;
+  background-color: $code-background-color;
+}
+
+p > code {
+  padding: .16rem;
+}
+
+// Blockquotes
+blockquote {
+  font-size: 1.25rem;
+  font-style: italic;
+  font-weight: 400;
+  line-height: 1.5;
+  padding-left: 1rem;
+  margin: 4rem 0 4rem 0;
+  color: $blockquote-color;
+  border-left: .25rem solid $blockquote-border-color;
+}
+
+blockquote cite {
+  font-size: .875rem;
+  font-style: normal;
+  letter-spacing: .1em;
+  text-transform: uppercase;
+  
+}
+
+// Image captions
+figcaption {
+  font-size: .875rem;
+  font-weight: 400;
+  color: $figcaption-color;
+}
+
+// Footnotes
+.footnotes {
+  font-size: .875rem;
+  color: $footnotes-color;
+}
+
+// Media Queries
+@media #{$breakpoint-medium} {
+  blockquote {
+    font-size: 1.5rem;
+    padding-left: 1.5rem;
+  }
+}
+
+@media #{$breakpoint-large} {
+  blockquote {
+    font-size: 1.5rem;
+    padding-left: 1.5rem;
+  }
+}

data/_sass/_theme.scss

@@ -0,0 +1,78 @@
+/*
+ *    ARK Jekyll Theme
+ *
+ *  - Desired Persona
+ *  - desiredpersona.com
+ *  - https://twitter.com/desiredpersona
+ *
+*/
+
+
+//  Default Browser Styles
+ @import 'scss/normalize';
+
+//  Variables 
+//  Importing here will allow you to override any variables in the modules
+@import '_variables';
+
+//  Debugging 
+@import 'scss/debug-children';
+@import 'scss/debug-grid';
+
+//  Uncomment out the line below to help debug layout issues
+//  @import 'scss/debug';
+
+//  Tachyons Modules
+ @import 'scss/box-sizing';
+ @import 'scss/aspect-ratios';
+ @import 'scss/images';
+ @import 'scss/background-size';
+ @import 'scss/background-position';
+ @import 'scss/outlines';
+ @import 'scss/borders';
+ @import 'scss/border-colors';
+ @import 'scss/border-radius';
+ @import 'scss/border-style';
+ @import 'scss/border-widths';
+ @import 'scss/box-shadow';
+ @import 'scss/coordinates';
+ @import 'scss/clears';
+ @import 'scss/display';
+ @import 'scss/flexbox';
+ @import 'scss/floats';
+ @import 'scss/font-family';
+ @import 'scss/font-style';
+ @import 'scss/font-weight';
+ @import 'scss/forms';
+ @import 'scss/heights';
+ @import 'scss/letter-spacing';
+ @import 'scss/line-height';
+ @import 'scss/links';
+ @import 'scss/lists';
+ @import 'scss/max-widths';
+ @import 'scss/widths';
+ @import 'scss/overflow';
+ @import 'scss/position';
+ @import 'scss/opacity';
+ @import 'scss/rotations';
+ @import 'scss/skins';
+ @import 'scss/skins-pseudo';
+ @import 'scss/spacing';
+ @import 'scss/negative-margins';
+ @import 'scss/tables';
+ @import 'scss/text-decoration';
+ @import 'scss/text-align';
+ @import 'scss/text-transform';
+ @import 'scss/type-scale';
+ @import 'scss/typography';
+ @import 'scss/utilities';
+ @import 'scss/visibility';
+ @import 'scss/white-space';
+ @import 'scss/vertical-align';
+ @import 'scss/hovers';
+ @import 'scss/z-index';
+ @import 'scss/nested';
+ @import 'scss/styles';
+
+ // CMS
+ @import '_cms';