jekyll-theme-hydejack 6.0.0.pre.alpha

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6cf9d37d50e4cab33d59e273fe085dd000993f32
+  data.tar.gz: 59bf9eeac89a112534fed019a129da39439f4426
+SHA512:
+  metadata.gz: 792b2a5e1acb1258e680b629278d0a789b41a093a3fc289b2dde89ff8ec1de0a6056eaa399b432d075da340260574f6184d4100a20f72e18d973b7f177ff0d4a
+  data.tar.gz: 378ed68af45d912eccf10526f66c8031283bb3c3f56e5dc1a1c6bbe7f2a5d983acb5b5420c906ad26efdd5139856ad16dc5e375aa0d8ae67889f300e02908a6c

data/LICENSE.md

@@ -0,0 +1,45 @@
+MIT License
+
+Copyright (c) 2016 Florian Klampfer.
+
+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.
+
+---
+
+MIT License
+
+Copyright (c) 2013 Mark Otto.
+
+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,87 @@
+# Hydejack
+
+Hydejack is a pretentious two-column [Jekyll](http://jekyllrb.com) theme, stolen by [`@qwtel`](https://twitter.com/qwtel) from [Hyde](http://hyde.getpoole.com). You could say it was.. [hydejacked](http://media3.giphy.com/media/makedRIckZBW8/giphy.gif).
+
+## Features
+Unlike Hyde, it's very opinionated about how you are going to use it.
+
+Features include:
+
+* Touch-enabled sidebar / drawer for mobile, including fallback when JS is disabled.
+* Github Pages compatible tag support based on [this post][tag].
+* Customizable link color and sidebar image, per-site, per-tag and per-post.
+* Optional author section at the bottom of each post.
+* Optional comment section powered by Disqus.
+* Layout for posts grouped by year
+* Wide array of social media icons on sidebar.
+* Math blocks via [KaTeX](https://khan.github.io/KaTeX/).
+
+## Download
+Hydejack is developed on and hosted with GitHub. Head to the [GitHub repository](https://github.com/qwtel/hydejack) for downloads, bug reports, and feature requests.
+
+## Sidebar
+I love the original Hyde theme, but unfortunately the layout isn't as great on small screens.
+Since the sidebar moves to the top, the user has to scroll down just to read the title of a blog post.
+
+By using a drawer component I was able to retain the original two column layout. It's possible to move the drawer via touch input (with the help of a little JavaScript).
+
+Since the background image contributes to the feel of the page I'm letting it peek over the edge a bit. This also provides a hint to the user that an interaction is possible.
+
+## Manual
+
+### Configuration
+You can configure important aspects of the theme via [`_config.yml`](https://github.com/qwtel/hydejack/blob/master/_config.yml). This includes:
+
+* the blog description in the sidebar
+* the (optional) author description and photo
+* default image and link color of the blog
+* the github and twitter usernames
+
+### How to Change the Image and Color of a Post
+In the manifest of a blog post, simply add an url as `image` and a CSS color as `color`:
+
+~~~yml
+layout: post
+title: Introducing Hydejack
+image: https://qwtel.com/hydejack/public/img/hyde.jpg
+color: '#949667'
+~~~
+
+### How to Add a New Tag
+Tags are possible, but they are not meant to be used #instagram #style: #food #goodfood #happy #happylife #didimentionfood #yougetthepoint. Each tag requires some setup work. I tend to think of it as categories that can be combined.
+
+1.  Add an entry to `_data/tags.yml`, where the key represents a slug and provide at least a `name` value and optionally `image`, `color` and `description`.
+
+    Example `/_data/tags.yml`:
+
+    ~~~yml
+    mytag:
+      name: My Tag
+    ~~~
+
+2.  Make a new file in the `tag` folder, using the same name you've used as the key / slug and change the `tag` and `permalink` entries.
+
+    Example `/tag/mytag.md`:
+
+    ~~~yml
+    layout: blog-by-tag
+    tag: mytag
+    permalink: /tag/mytag/
+    ~~~
+
+3.  Tag your blog posts using the `tags` key (color and image will only depend on the first tag).
+
+    ~~~yml
+    layout: post
+    title: Introducing My New Tag
+    tags: [mytag, othertag]
+    ~~~
+
+4. (optional) Add the tag to the sidebar, by adding it to `sidebar_tags` in `_config.yml`.
+   They will appear in the listed order.
+
+   ~~~yml
+   sidebar_tags: [mytag, othertag]
+   ~~~
+
+[tag]: http://www.minddust.com/post/tags-and-categories-on-github-pages/

data/_includes/about-short.html

@@ -0,0 +1,8 @@
+{% if include.author.picture %}
+  {% include srcset-img.html class="me" img=include.author.picture alt=include.author.name %}
+{% endif %}
+
+{{ include.heading }}
+<hr/>
+
+{{ include.author.about | markdownify }}

data/_includes/about.html

@@ -0,0 +1,15 @@
+{% if page.author %}
+  {% assign author = site.data.authors[page.author] %}
+{% elsif site.author.authors_key %}
+  {% assign author = site.data.authors[site.author.authors_key] %}
+{% endif %}
+
+{% if author.about %}
+  <aside class="author" role="complementary">
+    {% capture heading %}<h2>About</h2>{% endcapture %}
+    {% include about-short.html heading=heading author=author %}
+    <div class="sidebar-social">
+      {% include social.html social=author.social %}
+    </div>
+  </aside>
+{% endif %}

data/_includes/comments.html

@@ -0,0 +1,11 @@
+<aside class="comments" role="complementary">
+  <h2>Comments</h2>
+  <hr/>
+
+  <div id="disqus_thread"></div>
+
+  <script>
+    {% include scripts/load-disqus.min.js %}
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+</aside>

data/_includes/copyright-header

@@ -0,0 +1,15 @@
+/*  __  __                __                                     __
+ * /\ \/\ \              /\ \             __                    /\ \
+ * \ \ \_\ \   __  __    \_\ \      __   /\_\      __       ___ \ \ \/'\
+ *  \ \  _  \ /\ \/\ \   /'_` \   /'__`\ \/\ \   /'__`\    /'___\\ \ , <
+ *   \ \ \ \ \\ \ \_\ \ /\ \L\ \ /\  __/  \ \ \ /\ \L\.\_ /\ \__/ \ \ \\`\
+ *    \ \_\ \_\\/`____ \\ \___,_\\ \____\ _\ \ \\ \__/.\_\\ \____\ \ \_\ \_\
+ *     \/_/\/_/ `/___/> \\/__,_ / \/____//\ \_\ \\/__/\/_/ \/____/  \/_/\/_/
+ *                 /\___/                \ \____/
+ *                 \/__/                  \/___/
+ *
+ * Copyright (c) 2017 Florian Klampfer.
+ * Licensed under MIT.
+ * Design: Hydejack by @qwtel. Get it at: https://qwtel.com/hydejack
+ * Version: 6.0.0-alpha
+ */

data/_includes/footer.html

@@ -0,0 +1,14 @@
+<footer>
+  <hr/>
+  <p>
+    <span>{{ site.copyright | default:"&copy; 2017. All rights reserved." }}</span>
+    <br/>
+    <a class="code" href="https://qwtel.com/hydejack">
+      Made with
+      <span class="icon-droplet" title="Blood" style="color:#de6767"></span><span class="icon-droplet" title="Sweat" style="color:#66dcff"></span><span class="icon-droplet" title="Tears" style="color:#66beff"></span>
+      <span class="sr-only">blood, sweat and tears</span>
+      by
+      @qwtel
+    </a>
+  </p>
+</footer>

data/_includes/head.html

@@ -0,0 +1,87 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+<meta name="format-detection" content="telephone=no">
+<meta http-equiv="x-rim-auto-match" content="none">
+
+{% capture title %}
+  {% if page.url == "/" %}
+    {{ site.title }} &middot; {{ site.tagline }}
+  {% elsif page.title.size > 0 %}
+    {{ page.title }} &middot; {{ site.title }}
+  {% else %}
+    {{ site.title }}
+  {% endif %}
+{% endcapture %}
+
+<title>{{ title | strip }}</title>
+
+{% if page.description.size > 0 %}
+  {% assign description = page.description | markdownify %}
+{% elsif page.excerpt.size > 0 %}
+  {% assign description = page.excerpt %}
+{% else %}
+  {% assign description = site.description | markdownify %}
+{% endif %}
+<meta name="description" content="{{ description | strip_html | truncatewords: 50 }}">
+
+<!-- =============== -->
+<!-- LINKS           -->
+<!-- =============== -->
+<link rel="canonical" href="{{ page.url | absolute_url }}" />
+
+<link rel="alternate" type="application/atom+xml" title="{{ site.title }} Feed" href="{{ site.feed.path | default:'feed.xml' | absolute_url }}">
+
+{% if page.previous %}
+  <link rel="prev" href="{{ page.previous.url | absolute_url }}">
+{% endif %}
+
+{% if page.next %}
+  <link rel="next" href="{{ page.next.url | absolute_url }}">
+{% endif %}
+
+<!-- =============== -->
+<!-- STYLES          -->
+<!-- =============== -->
+<!--[if gt IE 8]><!---->
+<style>
+  {% capture include_to_scssify %}
+  {% include styles/inline.scss %}
+  {% endcapture %}
+  {{ include_to_scssify | scssify }}
+</style>
+
+{% capture style_url %}/assets/css/hydejack.css?v=6.0.0-alpha{% endcapture %}
+<link rel="preload" href="{{ style_url | relative_url }}" as="style" onload="this.rel='stylesheet'">
+
+{% include page-style.html %}
+
+{% assign google_fonts = site.google_fonts | default:"Roboto+Slab:700|Noto+Serif:400,400i,700,700i" %}
+
+<noscript>
+  <link rel="stylesheet" href="{{ style_url | relative_url }}">
+
+  {% if google_fonts.size > 0 %}
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ site.google_fonts }}">
+    <style>
+      html { font-family: {{ site.font }} }
+      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ site.font_heading }} }
+    </style>
+  {% endif %}
+
+  <link rel="stylesheet" href="{{ '/assets/icomoon/style.css' | relative_url }}">
+</noscript>
+<!--<![endif]-->
+
+<!-- =============== -->
+<!-- SCRIPTS         -->
+<!-- =============== -->
+<script>
+  window._version = '6.0.0-alpha';
+  {% include scripts/load-js-deferred.min.js %}
+  {% include scripts/loadCSS.min.js %}
+  {% include scripts/cssrelpreload.min.js %}
+</script>
+
+<!--[if lt IE 9]>
+<script src="https://unpkg.com/html5shiv/dist/html5shiv.min.js"></script>
+<![endif]-->

data/_includes/link.html

@@ -0,0 +1,5 @@
+{% if include.href.size > 0 %}
+  <a href="{{ include.href }}">{{ include.title }}</a>
+{% else %}
+  <span>{{ include.title }}</span>
+{% endif %}

data/_includes/menu.html

@@ -0,0 +1,6 @@
+<span class="sr-only">Jump to:</span>
+
+<a id="_menu" class="menu no-hover" href="#_title">
+  <span>☰</span>
+  <span class="sr-only">Menu</span>
+</a>

data/_includes/message.html

@@ -0,0 +1,9 @@
+{% if include.text %}
+  {% capture desc %}
+{{ include.text | strip_newlines }}
+{:.message}
+  {% endcapture %}
+  {{ desc | markdownify }}
+{% else %}
+  <hr/>
+{% endif %}

data/_includes/nav.html

@@ -0,0 +1,16 @@
+<span class="sr-only">Navigation:</span>
+<ul>
+  {% assign pages = site.pages %}
+
+  {% for document in site.documents %}
+    {% assign pages = pages | push: document %}
+  {% endfor %}
+
+  {% assign pages = pages | where: "menu", true | sort: "order" %}
+
+  {% for node in pages %}
+    <li>
+      <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="{{ node.url | relative_url }}">{{ node.title }}</a>
+    </li>
+  {% endfor %}
+</ul>

data/_includes/page-style.html

@@ -0,0 +1,19 @@
+<style id="_pageStyle">
+  .content a {
+    color: {{ color }};
+  }
+
+  :focus {
+    outline-color: {{ color }};
+  }
+
+  ::selection {
+    color: #fff;
+    background: {{ color }};
+  }
+
+  ::-moz-selection {
+    color: #fff;
+    background: {{ color }};
+  }
+</style>

data/_includes/pagination.html

@@ -0,0 +1,19 @@
+<h2 class="sr-only">Pagination</h2>
+<nav class="pagination heading" role="navigation">
+  <ul>
+    <li class="pagination-item older" >
+      {% if paginator.next_page %}
+        <a rel="next" href="{{ paginator.next_page_path | relative_url }}">Older</a>
+      {% else %}
+        <span>Older</span>
+      {% endif %}
+    </li>
+    <li class="pagination-item newer" >
+      {% if paginator.previous_page %}
+        <a rel="prev" href="{{ paginator.previous_page_path | relative_url }}">Newer</a>
+      {% else %}
+        <span>Newer</span>
+      {% endif %}
+    </li>
+  </ul>
+</nav>

data/_includes/post-list-item.html

@@ -0,0 +1,10 @@
+{% assign post = include.post %}
+
+<li class="h4">
+  <a href="{{ post.url | relative_url }}" data-flip="title">
+    <span>{{ post.title }}</span>
+  </a>
+  <small><time datetime="{{ post.date | date_to_xmlschema }}">
+    {{ post.date | date: include.format }}
+  </time></small>
+</li>

data/_includes/post.html

@@ -0,0 +1,35 @@
+{% assign post = include.post %}
+
+<article id="post-{{ post.id | slice: 1,9999 }}" class="post" role="article">
+  <header>
+    <h1 class="post-title">
+      {% if include.link_title %}<a href="{{ post.url | relative_url }}" data-flip="title">{% endif %}
+        {{ post.title }}
+      {% if include.link_title %}</a>{% endif %}
+    </h1>
+
+    {% capture categories_content %}
+      {% include tag-list.html tags=post.categories meta=site.featured_categories start_with="in " separator=" / " %}
+    {% endcapture %}
+
+    {% capture tags_content %}
+      {% include tag-list.html tags=post.tags meta=site.featured_tags start_with="on " separator=", " %}
+    {% endcapture %}
+
+    <p class="post-date heading">
+      <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%m/%d/%y" }}</time>
+      <span>{{ categories_content }} {{ tags_content }}</span>
+    </p>
+  </header>
+
+  {% include message.html text=post.description %}
+
+  {% unless include.excerpt %}
+    {{ post.content }}
+  {% else %}
+    {{ post.excerpt }}
+    <hr/>
+    <span class="heading faded">Continue reading <a href="{{ post.url | relative_url }}" data-flip="title">{{ post.title }}</a> »</span>
+  {% endunless %}
+
+</article>

data/_includes/pro/project-card.html

@@ -0,0 +1,17 @@
+{% assign project = include.project %}
+
+<div class="card">
+  <a href="{{ project.url | relative_url }}" class="no-hover" data-flip="project">
+    <div class="img sixteen-nine">
+      {% if project.screenshot %}
+        {% include srcset-img.html img=project.screenshot alt="Thumbnail" sizes="(min-width: 608px) 22.5rem, 100vw" %}
+      {% endif %}
+    </div>
+  </a>
+  <h3 class="name">
+    <a href="{{ project.url | relative_url }}" data-flip="title">{{ project.title }}</a>
+  </h3>
+  {% if project.caption %}
+    <div class="caption">{{ project.caption | markdownify }}</div>
+  {% endif %}
+</div>