alembic-jekyll-theme 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1823cb59eeb9ceeb05c70d54e577df1f2fcb5a45
+  data.tar.gz: c3883f77e44ada4e7db8e64b2d0f2704450a9420
+SHA512:
+  metadata.gz: 5dfa02bffef4f039eab481fdb79422e5e49fd341997ccbe376f5683f744f951bc15343db9a479c99232576fcb03a4b002a6de45da8e1c85fd38548610940b245
+  data.tar.gz: 964a392c125d1f54cd9a3391ef01f5fbe475af73181b1b306a91d36e51a5565e41bf4d1d9604abc46fb4ad671db09d1e46b37765f3c51a61925426d7168e48a1

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 David Darnes
+
+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,141 @@
+# [Alembic](https://alembic.darn.es/)
+⚗ A Jekyll boilerplate designed to be a starting point for any Jekyll website.
+
+![Screenshot](https://raw.githubusercontent.com/daviddarnes/alembic/master/screenshot.png)
+
+## Contents
+- [About](#about)
+- [Features](#features)
+- [Installation](#installation)
+- [Configuration](#configuration)
+- [Gem settings](#gem-settings)
+- [Site settings](#site-settings)
+- [Site navigation](#site-navigation)
+- [Using includes](#using-includes)
+- [Page layouts](#page-layouts)
+- [Page and Post options](#page-and-post-options)
+- [Credits](#credits)
+
+## About
+
+Alembic is a starting point for [Jekyll](https://jekyllrb.com/) projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately. Fork it, configure it, tweak it, push it.
+
+## Features
+
+- Tested in all major browsers, that includes IE as well as Edge
+- Extensive set of shortcodes to include various elements; such as buttons, icons, figure images and more
+- Solid typographic framework from [Sassline](https://sassline.com/)
+- Configurable navigation via a single file
+- Modular Jekyll components
+- Easily interchangeable sidebar
+- Contact form built in using [Formspree](https://formspree.io/)
+- Works on [GitHub Pages](https://pages.github.com/) out of the box
+- Built with [Jekyll](https://jekyllrb.com/) 3.2
+- Designed with [Siteleaf](http://www.siteleaf.com/) in mind
+- Has documentation
+
+## Installation
+
+1. Fork the repo
+2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
+3. Open the `/_config.yml` file and change details to your own project details
+4. Install GitHub Pages locally with `$ gem install github-pages`
+5. Run Jekyll from inside the the root of the repo using `$ jekyll serve --watch`
+6. Begin hacking for your project
+
+## Configuration
+
+There's a number of settings you'll need to change before you can start hacking away at files. Here's a run down of what you'll need to change:
+
+### Gem settings
+`twitter`, `author` and `social` values will need to be changed to the projects' social information or removed. Look for the `Gem settings` comment within the `/_config.yml` file. These values are for the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) - follow the link to find out more.
+
+### Site settings
+You'll need to change the `description`, `title` and `url` to match with the project. You'll also need to replace the `/assets/placeholder-logo.png` `/assets/placeholder-social.png` with project logo and default social image. The `email` needs to be changed to the email you want to receive contact form enquires with. The `disqus` value should be changed to your project username on [Disqus](https://disqus.com). Look for the `Site settings` comment within the `/_config.yml` file. The `repo` setting is optional, for now, and can be removed entirely, if you wish.
+
+### Site navigation
+There are 3 different navigation types: one for the header, one for the footer and one for a set of social links shown in the aside (or sidebar). If the header or footer navigation are removed, they will fallback to a list of pages within the site. The `social_navigation` properties should either be one that is already in the list (so `Twitter` or `Facebook`) or simply `link`, This is so an icon can be set for the link. Look for the `Site navigation` comment within the `/_config.yml` file.
+
+## Using includes
+
+There are 2 main types of includes: ones designed for the site and ones that are designed as shortcodes. Here are a list of the shortcode includes:
+
+### `button.html`
+A button that can link to a page of any kind.
+
+Example usage: `{% include button.html text="I'm a button" link="https://daviddarnes.com" %}`
+
+Available options:
+- `text`: The text of the button _required_
+- `link`: The link that the button goes to _required_
+- `icon`: The icon that is added to the end of the button text
+- `color`: The color of the button
+
+### `figure.html`
+An image with optional caption.
+
+Example usage: `{% include figure.html image="/uploads/feature-image.jpg" caption="Check out my photo" %}`
+
+Available options:
+- `image`: The image shown _required_
+- `caption`: A caption to explain the image
+- `position`: The position of the image. `left`, `right` or `full`
+
+### `icon.html`
+An icon.
+
+Example usage: `{% include icon.html id="twitter" %}`
+
+Available options:
+- `id`: The reference for the icon _required_
+- `title`: The accessible label for the icon
+- `color`: The desired colour of the icon
+
+### `video.html`
+A YouTube video.
+
+Example usage: `{% include video.html id="zrkcGL5H3MU" %}`
+
+Available options:
+- `id`: The YouTube ID for the video _required_
+
+### `map.html`
+A Google map. _See Google [My Maps](https://www.google.com/mymaps)_
+
+Example usage: `{% include map.html id="1UT-2Z-Vg_MG_TrS5X2p8SthsJhc" %}`
+
+Available options:
+- `id`: The map ID for the video _required_
+
+### `site-form.html`
+Adds a contact form to the page.
+
+Example usage: `{% include site-form.html %}`
+
+This include has no options. Use the `email` option in the `/_config.yml` to change to the desired email.
+
+## Page layouts
+
+As well as `page`, `post`, `blog`, there are a few alternative layouts that can be used on pages:
+
+- `page-aside-left`: Places the aside (sidebar) to the left of the content
+- `page-full`: Removes the aside entirely, leaving the full width for the main content
+
+## Page and Post options
+
+There are some more specific options you can apply when creating a page or a post:
+
+- `comments: false`: Turns off comments for that post
+- `feature_image: "/uploads/feature-image.jpg"`: Adds a full width feature image at the top of the page
+- `feature_text: "Example text"`: Adds text to the top of the page as a full width feature with solid colour; supports markdown. This can be used in conjunction with the `feature_image` option to create a feature image with text over it
+- `indexing: false`: Adds a `noindex` meta element to the `<head>` to stop crawler bots from indexing the page, used on the 404 page
+
+> **Note:** The Post List Page options are actually in the collection data within the `_config.yml` file.
+
+## Credits
+
+- Thanks to [Simple Icons](https://simpleicons.org/) for providing the brand icons, by [Dan Leech](https://twitter.com/bathtype)
+- Thanks to [Sassline](https://sassline.com/) for the typographic basis, by [Jake Giltsoff](https://twitter.com/jakegiltsoff)
+- Thanks to [Flexbox mixin](https://github.com/mastastealth/sass-flex-mixin) by [Brian Franco](https://twitter.com/brianfranco)
+- Thanks to [Normalize](https://necolas.github.io/normalize.css/) by [Nicolas Gallagher](https://twitter.com/necolas) and [Jonathan Neal](https://twitter.com/jon_neal).
+- Thanks to [pygments-css](http://richleland.github.io/pygments-css/) for the autumn syntax highlighting, by [Rich Leland](https://twitter.com/richleland)

data/_includes/button.html

@@ -0,0 +1 @@
+<a class="button" href="{{ include.link }}" title="{{ include.text }}"{% if include.color %}style="background: {{ include.color }}"{% endif %}>{{ include.text }}{% if include.icon %}&nbsp; {% include icon.html id=include.icon %}{% endif %}</a>

data/_includes/figure.html

@@ -0,0 +1,4 @@
+<figure class="figure{% if include.position %}  figure--{{ include.position }}{% endif %}">
+  <img class="image" src="{{ include.image }}">
+  {% if include.caption %}<figcaption class="caption">{{ include.caption }}</figcaption>{% endif %}
+</figure>

data/_includes/icon.html

@@ -0,0 +1,4 @@
+<svg class="icon  icon--{{ include.id }}" role="img"{% if include.title %} aria-label="{{ include.title }} icon"{% endif %}>
+  {% if include.title %}<title>{{ include.title }}</title>{% endif %}
+  <use xlink:href="#{{ include.id }}"{% if include.color %} fill="{{ include.color }}"{% endif %}></use>
+</svg>

data/_includes/map.html

@@ -0,0 +1,3 @@
+<div class="map">
+  <iframe src="https://www.google.com/maps/d/u/0/embed?mid={{ include.id }}"></iframe>
+</div>

data/_includes/nav-default.html

@@ -0,0 +1,11 @@
+<nav class="nav">
+  <ul class="list list--nav">
+    {% for item in site.pages %}
+      {% unless item.styles == true %}
+        <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
+          <a href="{{ item.url }}">{{ item.title }}</a>
+        </li>
+      {% endunless %}
+    {% endfor %}
+  </ul>
+</nav>

data/_includes/nav-footer.html

@@ -0,0 +1,13 @@
+{% if site.navigation_footer %}
+<nav class="nav  nav--footer">
+  <ul class="list list--nav">
+    {% for item in site.navigation_footer %}
+      <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
+        <a href="{{ item[1] }}">{{ item[0] }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</nav>
+{% else %}
+  {% include nav-default.html %}
+{% endif %}

data/_includes/nav-header.html

@@ -0,0 +1,13 @@
+{% if site.navigation_header %}
+<nav class="nav  nav--header">
+  <ul class="list list--nav">
+    {% for item in site.navigation_header %}
+      <li class="item  item--nav{% if item[1] == page.url %}  item--current{% endif %}">
+        <a href="{{ item[1] }}">{{ item[0] }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</nav>
+{% else %}
+  {% include nav-default.html %}
+{% endif %}

data/_includes/nav-social.html

@@ -0,0 +1,8 @@
+<nav class="nav  nav--social">
+  {% for link in site.social_links %}
+    {% assign id = link[0] | downcase %}
+    <a class="link" href="{{ link[1] }}" title="{{ link[0] }}">
+      {% include icon.html id=id %}
+    </a>
+  {% endfor %}
+</nav>

data/_includes/post-comments.html

@@ -0,0 +1,17 @@
+{% if site.disqus and page.comments != false  %}
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+        this.page.url = "{{ site.url }}{{ page.url }}";
+        this.page.identifier = "{{ page.url }}";
+    };
+
+    (function() {
+        var d = document, s = d.createElement('script');
+        s.src = '//alembic-1.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">comments powered by Disqus.</a></noscript>
+{% endif %}

data/_includes/post-list.html

@@ -0,0 +1,34 @@
+{% if paginator.posts %}
+
+	<ul class="list  list--posts">
+		{% for page in paginator.posts %}
+			<li class="item  item--post">
+				<article class="article  article--post  typeset">
+
+					<h2><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h2>
+					{% include post-meta.html %}
+					{{ page.excerpt | markdownify | truncatewords: 60 }}
+
+				</article>
+			</li>
+		{% endfor %}
+	</ul>
+	{% include post-pagination.html %}
+
+{% else %}
+	<h2>Latest blog posts</h2>
+	<ul class="list  list--posts">
+		{% for page in site.posts limit: 4 %}
+			<li class="item  item--post">
+				<article class="article  article--post  typeset">
+
+					<h5><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h5>
+					{% include post-meta.html %}
+					{{ page.excerpt | markdownify | truncatewords: 60 }}
+
+				</article>
+			</li>
+		{% endfor %}
+	</ul>
+
+{% endif %}

data/_includes/post-meta.html

@@ -0,0 +1,3 @@
+<small class="small  post-meta">
+  {% if page.category %}<span class="label  label--category">{{ page.category }}</span>&nbsp;&nbsp;&middot;&nbsp;&nbsp;{% endif %}<time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{ page.date | date_to_string }}</time>
+</small>

data/_includes/post-pagination.html

@@ -0,0 +1,17 @@
+<nav class="nav  nav--paginator">
+
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path }}" class="pagination  pagination--previous">&larr; Previous</a>
+  {% else %}
+    <span class="pagination  pagination--previous">&larr; Previous</span>
+  {% endif %}
+
+  <span class="pagination  pagination--counter">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path }}" class="pagination  pagination--next">Next &rarr;</a>
+  {% else %}
+    <span class="pagination  pagination--next">Next &rarr;</span>
+  {% endif %}
+
+</nav>

data/_includes/post-related.html

@@ -0,0 +1,14 @@
+<h2>Related posts</h2>
+<ul class="list  list--posts">
+  {% for page in site.related_posts limit: 3 %}
+    <li class="item  item--post">
+      <article class="article  article--post  typeset">
+
+        <h5><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h5>
+        {% include post-meta.html %}
+        {{ page.excerpt | markdownify | truncatewords: 20 }}
+
+      </article>
+    </li>
+  {% endfor %}
+</ul>

data/_includes/post-share-buttons.html

@@ -0,0 +1,12 @@
+{% capture share_twitter %}
+https://twitter.com/intent/tweet/?text={{ page.title | uri_escape }}&url={{ site.url }}{{ page.url }}{% endcapture %}
+{% capture share_facebook %}
+https://facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}{% endcapture %}
+{% capture share_google %}
+https://plus.google.com/share?url={{ site.url }}{{ page.url }}{% endcapture %}
+
+<div class="share">
+  {% include button.html text="Tweet" icon="twitter" link=share_twitter color="#1DA1F2" %}
+  {% include button.html text="Share on Facebook" icon="facebook" link=share_facebook color="#3B5998" %}
+  {% include button.html text="Share on Google+" icon="googleplus" link=share_google color="#DC4E41" %}
+</div>

data/_includes/site-aside.html

@@ -0,0 +1,22 @@
+<aside class="aside  typeset">
+  <h2>About this site</h2>
+  <p>{{ site.description }}</p>
+
+  {% include map.html id="1UT-2Z-Vg_MG_TrS5X2p8SthsJhc" %}
+  <br/>
+
+  {% if page.is_page %}
+    {% unless paginator.posts %}
+      {% include post-list.html %}
+    {% endunless %}
+  {% else %}
+    {% include post-related.html %}
+  {% endif %}
+
+  {% if page.is_post or paginator.posts %}
+    {% include button.html text="Subscribe to posts &nbsp;" icon="rss" link="/feed.xml" %}
+  {% endif %}
+
+  {% include nav-social.html %}
+
+</aside>

data/_includes/site-favicons.html

@@ -0,0 +1,4 @@
+<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=16" sizes="16x16">
+<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=32" sizes="32x32">
+<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=96" sizes="96x96">
+<link rel="shortcut icon" href="{{ site.avatarurl }}">

data/_includes/site-feature.html

@@ -0,0 +1,17 @@
+{% assign feature_text = page.feature_text %}
+{% assign feature_image = page.feature_image %}
+{% if page.collection %}
+  {% assign collectiondata = site.collections | where: "label", page.collection | first %}
+  {% assign feature_text = collectiondata.feature_text %}
+  {% assign feature_image = collectiondata.feature_image %}
+{% endif %}
+
+{% if feature_text or feature_image or collection %}
+  <div class="feature"{% if feature_image %} style="background-image: url({{ feature_image }})"{% endif %}>
+    {% if feature_text %}
+      <div class="container  typeset">
+        {{ feature_text | markdownify }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

data/_includes/site-footer.html

@@ -0,0 +1,9 @@
+<footer class="footer">
+  <div class="container">
+    {% include nav-footer.html %}
+    
+    <div class="copyright  typeset">
+      <small class="small">&copy; {{ site.title }} {{ site.time | date: '%Y' }}</small>
+    </div>
+  </div>
+</footer>

data/_includes/site-form.html

@@ -0,0 +1,27 @@
+<div class="form  form--contact">
+    <form id="contact-form" action="" method="POST">
+        <label class="label" for="name">Name: <span class="required">*</span></label>
+        <input class="input" id="name" type="text" name="name" value="" placeholder="Your Name" required="required" />
+
+        <label class="label" for="_replyto">Email Address: <span class="required">*</span></label>
+        <input class="input" id="_replyto" type="email" name="_replyto" value="" placeholder="email@website.com" required="required" />
+
+        <label class="label" for="message">Message: <span class="required">*</span></label>
+        <textarea class="textarea" id="message" name="message" placeholder="Your message..." required="required"></textarea>
+
+        <input class="button" type="submit" value="Send message" />
+        <br/>
+				<small class="small"><span class="required">*</span> indicates a required field</small>
+
+				<input type="text" name="_gotcha" style="display:none">
+				<input type="hidden" name="_subject" value="Message from {{ site.name }} website">
+				<input type="hidden" name="_next" value="/thanks/" />
+    </form>
+</div>
+<script>
+	var email = "{{ site.email | split: "" | reverse | join: "" }}";
+	var unraveledEmail = email.split("").reverse().join("");
+	var form = document.getElementById("contact-form");
+		form.setAttribute("action", "://formspree.io/" + unraveledEmail);
+</script>
+<noscript>Please enable JavaScript to use the form.</noscript>