jekyll-theme-jam 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f95d133e03c040d515a0163adbf3d3b04309bd17d50f4e562352f826b6499c67
+  data.tar.gz: d1267096ac78113ae1b18156f7174a12a538bbd0df2be2d44493997f8436b165
+SHA512:
+  metadata.gz: 5b81917dccdcc03b40203e329e4b4a4ebf0c572b5d25504fe3d3440eb2c0b4e01c4fade477f79e3fbcb9a130f13684f2bcee88fd0889ce3a258c01660b9324f0
+  data.tar.gz: 7313570136562ccbfad09741b8ecfcf628ea5662409a5bb5ff800967b5f923549943770ac9786552e8855cf03038d45da78a0b18092b221c155220277cab59e3

data/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+
+## [0.0.1](https://github.com/desiredpersona/jekyll-theme-jam/releases/tag/0.0.1) - 14-06-2018
+### Added
+Released theme beta.

data/LICENSE.md

@@ -0,0 +1,10 @@
+
+The MIT License (MIT)
+
+Copyright (c) 2018 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,63 @@
+# jekyll-theme-jam
+
+[![Gem Version](https://badge.fury.io/rb/jekyll-theme-jam.svg)](https://badge.fury.io/rb/jekyll-theme-jam)
+[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/desiredpersona/jekyll-theme-jam/master/LICENSE.md)
+
+View [theme demo](https://desiredpersona.com)
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-jam"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-jam
+```
+
+And then execute:
+
+```
+$ bundle
+```
+
+Or install it yourself as:
+
+```
+$ gem install jekyll-theme-jam
+```
+
+## 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) static site generator.
+- [Tachyons](http://tachyons.io) functional css for humans.
+- [BrowserStack](https://www.browserstack.com) live, web-based browser testing.
+
+[![browserstack.com](/browserstack-logo.png)](https://www.browserstack.com)
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [https://github.com/desiredpersona/jekyll-theme-jam](https://github.com/desiredpersona/jekyll-theme-jam). 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/jekyll-theme-jam/blob/master/LICENSE.md)

data/_includes/disqus_comments.html

@@ -0,0 +1,14 @@
+<div id="disqus_thread"></div>
+<script>
+  var disqus_config = function () {
+    this.page.url = '{{ page.url | absolute_url }}';
+    this.page.identifier = '{{ page.url | absolute_url }}';
+  };
+  (function() {
+    var d = document, s = d.createElement('script');
+    s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

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,17 @@
+<footer class="mw7 center w-100 sans-serif dark-gray pt6 pb4 pa3">
+  <h2 class="dn-m dn-l f5 lh-title mv1">{{ site.data.theme.text.menu_title }}<h2>
+    <nav class="flex flex-column flex-row-m flex-row-l">
+      {% 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 f6-m f6-l fw4 gray link mr3 pb3 ttc ttu-m ttu-l" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a>
+      {% endfor %}
+      {% endif %}
+    </nav>
+  </footer>

data/_includes/google-analytics.html

@@ -0,0 +1,7 @@
+<!-- Google Analytics async -->
+<script>
+window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+ga('create', '{{ site.google_analytics }}', 'auto');
+ga('send', 'pageview');
+</script>
+<script async src='https://www.google-analytics.com/analytics.js'></script>

data/_includes/google-tag-manager-noscript.html

@@ -0,0 +1,3 @@
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.google_tag_manager }}&nojscript=true"
+ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

data/_includes/google-tag-manager.html

@@ -0,0 +1,6 @@
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','{{ site.google_tag_manager }}');</script>

data/_includes/head.html

@@ -0,0 +1,13 @@
+<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 %}
+{% if site.disable_title_output == true %}{% seo title=false %}{% else %}{% seo %}{% endif %}
+<link rel="stylesheet" href="{{ '/assets/css/jam.css' | relative_url }}">
+<link rel="icon" type="image/png" href="{{ '/favicon.ico' | relative_url }}">
+<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">
+{% if site.google_analytics and jekyll.environment == 'production' %}{% include google-analytics.html %}{% endif %}
+{% if site.google_tag_manager and jekyll.environment == 'production' %}{% include google-tag-manager.html %}{% endif %}
+</head>

data/_includes/netlify-form.html

@@ -0,0 +1,18 @@
+<form name="contact" method="POST" netlify>
+  <p>
+    <label>Your Name:</label><br>
+    <input type="text" name="name" class="w-100 w-50-l pa2 ba bw1 br2" />  
+  </p>
+  <p>
+    <label>Your Email:</label><br>
+    <input type="email" name="email" class="w-100 w-50-l pa2 ba bw1 br2" />
+  </p>
+  <p>
+    <label>Message:</label><br>
+    <textarea name="message" class="w-100 h5 pa2 ba bw1 br2"></textarea>
+  </p>
+  <div data-netlify-recaptcha></div>
+  <p>
+    <button class="white bg-green pv2 ph4 ba bw1 br2 b--dark-green" type="submit">Send</button>
+  </p>
+</form>

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.html

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

data/_layouts/default.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang }}">
+{% include head.html %}
+
+<body>
+{% if site.google_tag_manager and jekyll.environment == 'production' %}{% include google-tag-manager-noscript.html %}{% endif %}
+
+{{ content }}
+
+{% include footer.html %}
+</body>
+</html>

data/_layouts/front.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<main class="f5 f4-m f4-l lh-copy mw7 center w-100 sans-serif dark-gray pa3">
+  <header class="mv6 measure">
+  {% if page.introduction %}
+    {{ page.introduction | markdownify }}
+  {% endif %}
+  </header>
+</main>

data/_layouts/home.html

@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<main class="f5 f4-m f4-l lh-copy mw7 center w-100 sans-serif dark-gray pa3">
+  <header class="mv6 measure">
+  {% if page.introduction %}
+    {{ page.introduction | markdownify }}
+  {% endif %}
+  </header>
+
+  <h2 class="f5 lh-title mb1">{{ site.data.theme.text.post_heading }}</h2>
+  {% for post in site.posts limit: site.data.theme.text.post_limit %}
+  <a class="link dark-gray" href="{{ post.url | relative_url }}">
+    <article class="pv1">
+      <p class="f5 f4-m f4-l fw4 lh-title mb0 underline">{{ post.title | escape }}</p>
+    </article>
+  </a>
+  {% endfor %}
+
+  <h2 class="f5 lh-title mb1 mt6">{{ site.data.theme.text.archive_heading }}</h2>
+  <a class="link dark-gray" href="{{ site.data.theme.text.archive_url | relative_url }}">
+    <p class="f5 f4-m f4-l fw4 lh-title pv1 mb0 underline">{{ site.data.theme.text.archive_title }}</p>
+  </a>
+</main>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<main>
+  <article class="mw7 center w-100 sans-serif dark-gray pa3 mt5">
+    <header>
+      <h1 class="f2 f1-l lh-title">{{ page.title }}</h1>
+   </header>
+
+    <div class="measure f5 f4-ns lh-copy">
+      {{ content }}
+    </div>
+  </article>
+</main>

data/_layouts/post.html

@@ -0,0 +1,30 @@
+---
+layout: default
+---
+<main>
+  <article class="mw7 center w-100 sans-serif dark-gray pa3 mt5">
+    <header>
+      <h1 class="f2 f1-l lh-title">{{ page.title }}</h1>
+      <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="measure f5 f4-ns lh-copy">
+      {{ content }}
+
+      {% if page.comments != false %}
+        {% if site.disqus.shortname %}
+        <div class="mt5">
+          {% include disqus_comments.html %}
+        </div>
+        {% endif %}
+      {% endif %}
+    </div>
+  </article>
+</main>

data/_sass/_cms.scss

@@ -0,0 +1,80 @@
+// 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;
+  transition: color .30s ease-in; 
+  &: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 @@
+/*
+ *    Jam 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';