jekyll-theme-hydebetty 1.0.1

data/README.md

@@ -0,0 +1,180 @@
+# Hydejack
+
+The "Best Jekyll Theme by a Mile".
+
+
+![Screenshot](assets/img/blog/hydejack-8.png)
+Hydejack's cover page on a variety of screens.
+
+
+**Hydejack** is your presence on the web. It gives you a *blog* that is suitable for both prose and technical documentation, a *portfolio* to showcase your projects, and a beautiful *resume* template that looks amazing on the web and in print.
+
+> Your presence on the web — A [blog], a [portfolio], and a [resume].
+
+
+There are two versions of **Hydejack**: The base version is free, while features that are specific to *professionals* are a payed upgrade.
+
+|                        | Free           | PRO      |
+|:-----------------------|:--------------:|:--------:|
+| Blog                   | ✔       | ✔ |
+| [Features]             | ✔       | ✔ |
+| [Portfolio]            |                | ✔ |
+| [Resume]               |                | ✔ |
+| [Welcome]              |                | ✔ |
+| [Newsletter Box][news] |                | ✔ |
+| [Custom Forms][forms]  |                | ✔ |
+| [Dark Mode][darkm]     |                | ✔ |
+| [Offline Support][ofln]|                | ✔ |
+| Cookie Banner          |                | ✔ |
+| No Hydejack Branding   |                | ✔ |
+| License                | [GPL-3.0][lic] | [PRO]    |
+| Source                 | [GitHub][src]  | Included |
+| Support[^1]            | No             | No       |
+| Price                  | Free           | $59      |
+| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO** --- $59][buy] |
+
+
+
+## A Free Blogging Theme
+**Hydejack** started out as a free blogging theme for Jekyll — and continues to be so.
+
+<!--posts-->
+
+
+## An Impressive Portfolio
+A portfolio that's guaranteed to be impressive — no matter what you put into it.
+
+<!--projects-->
+
+
+## A Printable Resume
+Get a resume that's consistent across the board — whether it's on the web, mobile, print, or [PDF](assets/Resume.pdf).
+
+![Resume PDF](assets/img/blog/resume.png)
+Front and center page of a print resume generated by Hydejack.
+
+
+
+## Just Markup
+**Hydejack** boasts a plethora of modern JavaScript, but make no mistake: It's still a plain old *web page* at its core. It works without JavaScript, and you can even view it in a text-based browser like `w3m`:
+
+![w3m Screenshot](assets/img/blog/w3m.png)
+The Hydejack blog, as seen by the text browser `w3m`.
+
+
+
+## Syntax Highlighting
+**Hydejack** features syntax highlighting, powered by [Rouge].
+
+```js
+document.getElementsByTagName("hy-push-state")[0].addEventListener("hy-push-state-load", function() {
+  // <your init code>
+});
+```
+
+
+## Beautiful Math
+They say math is beautiful — and with **Hydejack**'s [math support][latex] it's also guaranteed to *look* beautiful.
+
+![Math Screenshot](assets/img/blog/example-content-iii.jpg)
+Hydejack uses KaTeX to efficiently render math.
+
+
+
+## Build an Audience
+The PRO version has built-in support for customizable [Tinyletter] newsletter subscription boxes.
+
+If you are using a different service like MailChimp, you can build a custom newsletter subscription box using [Custom Forms][forms].
+
+
+## A Personal Site That Belongs to You
+**Hydejack** is 100% built on Open Source software, and is Open Source itself, save for parts of the PRO version. The PRO version is a one-time payment that gives you the right to use it forever.
+
+
+## Features
+An incomplete list of features included in all versions of **Hydejack**:
+
+* Full in-app page loading, powered by [hy-push-state]
+* Customizable sidebar and touch-enabled drawer menu, powered by [hy-drawer]
+* Lazy image loading with cancellation and placeholder, powered by [hy-img]
+* Advanced FLIP animations, inspired by Material Design
+* 99/100 [Google PageSpeed Score][gpss][^2]
+* [Syntax highlighting][syntax], powered by [Rouge]
+* [LaTeX math blocks][latex], powered by [KaTeX]
+* Change the wording of built-in strings and possibly translate in other languages
+* Support for categories and tags
+* Built-in icons for many social networks
+* Simple and semantic HTML
+* Structured Data for core entities
+* Author section below each article and support for multiple authors
+* Google Analytics and Google Fonts support
+
+
+## Download
+There are two versions of **Hydejack**: The *free version* includes basic blogging functionality, as did previous versions of the theme.
+The *PRO version* includes additional features for professionals:
+A [portfolio], a [resume] layout, and a [welcome] page to highlight your favorite projects and posts.
+
+This table below shows what's included in each version:
+
+|                        | Free           | PRO      |
+|:-----------------------|:--------------:|:--------:|
+| Blog                   | &#x2714;       | &#x2714; |
+| [Features]             | &#x2714;       | &#x2714; |
+| [Portfolio]            |                | &#x2714; |
+| [Resume]               |                | &#x2714; |
+| [Welcome]              |                | &#x2714; |
+| [Newsletter Box][news] |                | &#x2714; |
+| [Custom Forms][forms]  |                | &#x2714; |
+| [Dark Mode][darkm]     |                | &#x2714; |
+| [Offline Support][ofln]|                | &#x2714; |
+| Cookie Banner          |                | &#x2714; |
+| No Hydejack Branding   |                | &#x2714; |
+| License                | [GPL-3.0][lic] | [PRO]    |
+| Source                 | [GitHub][src]  | Included |
+| Support[^1]            | No             | No       |
+| Price                  | Free           | $59      |
+| | [**Download**][kit] <br/>-- or --<br/> [![Deploy to Netlify][dtn]][nfy] | [**Buy PRO** --- $59][buy] |
+
+
+
+
+[^1]: You MAY open an issue on GitHub, but no response and/or fix is guaranteed.
+      You understand that using Jekyll requires technical know-how and is not comparable to Wordpress in terms of ease of use. Please use the free version to confirm that Hydejack works for you. For details, see the [PRO] license.
+
+[^2]: Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins.
+
+[blog]: https://hydejack.com/blog/
+[portfolio]: https://hydejack.com/projects/
+[resume]: https://hydejack.com/resume/
+[download]: https://hydejack.com/download/
+[welcome]: https://hydejack.com/
+[forms]: https://hydejack.com/forms-by-example/
+
+[features]: #features
+[news]: #build-an-audience
+[syntax]: #syntax-highlighting
+[latex]: hydejack/_posts/2018-06-01-example-content-iii.md#math
+[darkm]: hydejack/_posts/2018-09-01-introducing-dark-mode.md
+
+[lic]: LICENSE.md
+[pro]: licenses/PRO.md
+[docs]: docs/README.md
+[ofln]: docs/advanced.md#enabling-offline-support
+
+[kit]: https://github.com/qwtel/hydejack-starter-kit/archive/v8.5.0.zip
+[src]: https://github.com/qwtel/hydejack
+[gem]: https://rubygems.org/gems/jekyll-theme-hydejack
+[buy]: https://app.simplegoods.co/i/NATYVLYT
+[nfy]: https://app.netlify.com/start/deploy?repository=https://github.com/qwtel/hydejack-starter-kit
+[dtn]: https://www.netlify.com/img/deploy/button.svg
+
+[gpss]: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhydejack.com%2F
+[hy-push-state]: https://qwtel.com/hy-push-state/
+[hy-drawer]: https://qwtel.com/hy-drawer/
+[hy-img]: https://qwtel.com/hy-img/
+[rouge]: http://rouge.jneen.net
+[katex]: https://khan.github.io/KaTeX/
+[tinyletter]: https://tinyletter.com/
+
+*[FLIP]: First-Last-Invert-Play. A coding technique to achieve performant page transition animations.

data/_includes/body/analytics.html

@@ -0,0 +1,43 @@
+{% if site.google_analytics %}
+  <script>!function(w, d) {
+    w.ga=w.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+
+    /*{% if site.hydejack.cookies_banner %}*/
+      if (navigator.CookiesOK) {
+        ga('create', '{{ site.google_analytics }}', 'auto');
+      } else if (d.cookie.indexOf("hy--cookies-ok=true") > -1) {
+        ga('create', '{{ site.google_analytics }}', {
+          'storage': 'none',
+          'clientId': localStorage ? localStorage.getItem('ga--client-id') : undefined
+        });
+      } else {
+        ga('create', '{{ site.google_analytics }}', {
+          'storage': 'none'
+        });
+        ga('set', 'forceSSL', true);
+        ga('set', 'anonymizeIp', true);
+      }
+    /*{% else %}*/
+      ga('create', '{{ site.google_analytics }}', 'auto');
+    /*{% endif %}*/
+
+    var pushStateEl = d.getElementsByTagName('hy-push-state')[0];
+    var timeoutId;
+    pushStateEl.addEventListener('hy-push-state-load', function() {
+      w.clearTimeout(timeoutId);
+      timeoutId = w.setTimeout(function() {
+        ga('set', 'page', w.location.pathname);
+        ga('send', 'pageview');
+      }, 500);
+    });
+
+    d.addEventListener('hy--cookies-ok', function () {
+      w.ga(function(tracker) {
+        w.ga("set", "anonymizeIp", undefined);
+        localStorage && localStorage.setItem("ga--client-id", tracker.get("clientId"));
+      });
+    });
+
+    w.loadJSDeferred('https://www.google-analytics.com/analytics.js');
+  }(window, document);</script>
+{% endif %}

data/_includes/body/comments.html

@@ -0,0 +1,6 @@
+{% if page.comments %}
+<aside class="comments related" role="complementary">
+  <h2 class="hr">{{ site.data.strings.comments | default:"Comments" }}</h2>
+  {% include my-comments.html %}
+</aside>
+{% endif %}

data/_includes/body/footer.html

@@ -0,0 +1,19 @@
+{% if site.copyright.size > 0 or site.legal.size > 0 or site.hydejack.advertise %}
+<footer role="contentinfo">
+  <hr/>
+  {% if site.copyright.size > 0 %}
+    <p><small class="copyright">{{ site.copyright | markdownify | replace:'<p>','' | replace:'</p>','' }}</small></p>
+  {% endif %}
+  {% if site.legal.size > 0 %}
+    <nav class="legal"><small>
+    {% for node in site.legal %}
+      {% assign url = node.url | default: node.href %}
+      <a class="heading flip-title" href="{% include smart-url.txt url=url %}">{{ node.name | default:node.title }}</a>
+      {% unless forloop.last %}{{ site.data.strings.separator | default:'|' }}{% endunless %}
+    {% endfor %}
+    </small></nav>
+  {% endif %}
+  <p><small>Powered by <a class="external" href="https://hydejack.com/">Hydejack</a> v<span id="_version">8.5.2</span></small></p>
+  <hr class="sr-only"/>
+</footer>
+{% endif %}

data/_includes/body/index.html

@@ -0,0 +1,22 @@
+{% include body/menu.html %}
+
+<hy-push-state
+  replace-ids="_main"
+  link-selector="a[href]:not([href*='/assets/']):not(.external):not(.no-push-state)"
+  duration="250"
+  script-selector="script:not([type^='math/tex'])"
+  prefetch
+>
+  {% if page.cover %}
+    {% include body/sidebar.html %}
+    {% include body/main.html %}
+  {% else %}
+    {% include body/main.html %}
+    {% include body/sidebar.html %}
+  {% endif %}
+</hy-push-state>
+
+{% include body/scripts.html %}
+{% include my-body.html %}
+
+{% include templates/index.html %}

data/_includes/body/main.html

@@ -0,0 +1,18 @@
+<main
+  id="_main"
+  class="content fade-in layout-{{ page.layout }}"
+  role="main"
+  data-color="{{ color | escape }}"
+  data-theme-color="{{ theme_color | escape }}"
+  {% unless image.background %}
+    data-image="{% if image == 'none' %}none{% else %}{% capture tmp %}{% include smart-url.txt url=image %}{% endcapture %}{{ tmp | escape }}{% endif %}"
+    {% if image != 'none' %}data-overlay{% endif %}
+  {% else %}
+    data-background="{{ image.background | escape }}"
+    {% if image.overlay %}data-overlay{% endif %}
+  {% endunless %}
+  >
+  {{ content }}
+  {% include body/comments.html %}
+  {% include body/footer.html %}
+</main>

data/_includes/body/menu.html

@@ -0,0 +1,24 @@
+<div id="_navbar" class="navbar fixed-top">
+  <div class="content">
+    <div class="nav-btn-bar">
+      <span class="sr-only">{{ site.data.strings.jump_to | default:"Jump to" }}{{ site.data.strings.colon | default:":" }}</span>
+      <a id="_menu" class="nav-btn no-hover fl" href="#_navigation">
+        <span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}</span>
+        <span class="icon-menu"></span>
+      </a>
+      <!-- <a id="_search" class="nav-btn no-hover fl" href="#_search">
+        <span class="sr-only">{{ site.data.strings.search | default:"Search" }}</span>
+        <span class="icon-search"></span>
+      </a>
+      <form action="https://duckduckgo.com/" method="GET">
+        <div class="form-group fr">
+          <label class="sr-only" for="_search">{{ site.data.strings.search | default:"Search" }}</label>
+          <input id="_search" name="q" class="form-control" type="search" />
+        </div>
+        <input type="hidden" name="q" value="site:hydejack.com" />
+        <input type="hidden" name="ia" value="web" />
+      </form> -->
+    </div>
+  </div>
+</div>
+<hr class="sr-only" hidden />

data/_includes/body/nav.html

@@ -0,0 +1,41 @@
+<span class="sr-only">{{ site.data.strings.navigation | default:"Navigation" }}{{ site.data.strings.colon | default:":" }}</span>
+<ul>
+  {% if site.menu %}
+    {% for node in site.menu %}
+      {% assign url = node.url | default: node.href %}
+      <li>
+        <a
+          {% if forloop.first %}id="_navigation"{% endif %}
+          href="{% include smart-url.txt url=url %}"
+          class="sidebar-nav-item{% if page.url contains url %} active{% endif %}"
+          {% if node.rel %}rel="{{ node.rel }}"{% endif %}
+        >
+          {{ node.name | default:node.title }}
+        </a>
+      </li>
+    {% endfor %}
+  {% else %}
+    {% assign pages = site.pages | where: "menu", true %}
+    {% assign documents = site.documents | where: "menu", true %}
+    {% assign nodes = pages | concat: documents | sort: "order" %}
+
+    {% for node in nodes %}
+      {% unless node.redirect_to %}
+        <li>
+          <a
+            {% if forloop.first %}id="_navigation"{% endif %}
+            href="{{ node.url | relative_url }}"
+            class="sidebar-nav-item{% if page.url contains node.url %} active{% endif %}"
+            {% if node.rel %}rel="{{ node.rel }}"{% endif %}
+            >
+            {{ node.title }}
+          </a>
+        </li>
+      {% else %}
+        <li>
+          <a href="{{ node.redirect_to }}" class="sidebar-nav-item external" >{{ node.title }}</a>
+        </li>
+      {% endunless %}
+    {% endfor %}
+  {% endif %}
+</ul>

data/_includes/body/scripts.html

@@ -0,0 +1,9 @@
+<!--[if gt IE 10]><!---->
+{% unless page.redirect %}
+  <script nomodule>{% include scripts/nomodule.min.js %}</script>
+  <script type="module" src="{{ "/assets/js/hydejack-8.5.2.js" | relative_url }}"></script>
+  <script nomodule src="{{ "/assets/js/hydejack-legacy-8.5.2.js" | relative_url }}" defer></script>
+  {% include my-scripts.html %}
+  {% include body/analytics.html %}
+{% endunless %}
+<!--<![endif]-->

data/_includes/body/sidebar.html

@@ -0,0 +1,47 @@
+<hy-drawer
+  class="{% if page.cover %}cover{% endif %}"
+  align="left"
+  threshold="10"
+  touch-events
+  prevent-default
+>
+  <header id="_sidebar" class="sidebar" role="banner">
+    {% if image.background %}
+      {% capture bg_style %}background:{{ image.background }}{% endcapture %}
+      {% capture bg_class %}sidebar-bg {% if image.overlay %}sidebar-overlay{% endif %}{% endcapture %}
+    {% else %}
+      {% assign bg_color = page.theme_color | default:site.theme_color | default:color %}
+      {% capture bg_style %}background-color:{{bg_color}};{% if image != 'none' %}background-image:url({% include smart-url.txt url=image %}){% endif %}{% endcapture %}
+      {% capture bg_class %}sidebar-bg {% if image != 'none' %}sidebar-overlay{% endif %}{% endcapture %}
+    {% endif %}
+    <div class="{{bg_class}}" style="{{bg_style}}"></div>
+
+    <div class="sidebar-sticky">
+      <div class="sidebar-about">
+        {% if site.logo %}
+          <a class="no-hover" href="{{ '/' | relative_url }}" tabindex="-1">
+            <img src="{{ site.logo | relative_url }}" class="avatar" alt="{{ site.short_title | default:site.title }}" data-ignore />
+          </a>
+        {% endif %}
+        <h2 class="h1"><a href="{{ '/' | relative_url }}">{{ site.short_title | default:site.title }}</a></h2>
+        {% assign text = site.tagline | default:site.description %}
+        {% if text %}
+          <p class="{% if text.size > 100 %}fine{% endif %}">
+            {{ text | markdownify | replace:'<p>','' | replace:'</p>','' }}
+          </p>
+        {% endif %}
+      </div>
+
+      <nav class="sidebar-nav heading" role="navigation">
+        {% include body/nav.html %}
+      </nav>
+
+      {% assign author = site.data.authors.first[1] | default:site.author %}
+
+      <div class="sidebar-social">
+        {% include components/social.html author=author %}
+      </div>
+    </div>
+  </header>
+</hy-drawer>
+<hr class="sr-only" hidden />

data/_includes/components/about.html

@@ -0,0 +1,8 @@
+{% assign author = site.data.authors[page.author] | default:site.data.authors.first[1] | default:site.author %}
+
+{% if author.about %}
+  <aside class="about related mt4 mb4" role="complementary">
+    {% assign about_heading = site.data.strings.about | default:"About" %}
+    {% include components/author.html author=author heading=about_heading heading_tag='h2' %}
+  </aside>
+{% endif %}

data/_includes/components/author.html

@@ -0,0 +1,24 @@
+{% assign plugins = site.plugins | default:site.gems %}
+
+<div class="author mt4">
+  {% assign author = include.author %}
+
+  {% if author.picture %}
+    {% include components/hy-img.html class="avatar" img=author.picture alt=author.name %}
+  {% elsif plugins contains 'jekyll-avatar' %}
+    {% assign avatar = author.social.github | default:author.github.username | default:author.github  %}
+    {% include components/avatar-tag.html user=avatar %}
+  {% endif %}
+
+  {% assign heading_tag = include.heading_tag | default:'h2' %}
+  {% assign heading_id = include.heading_id %}
+  <{{ heading_tag }} {% if heading_id %}id="{{ heading_id }}"{% endif %} class="page-title hr">
+    {{ include.heading | default:author.name }}
+  </{{ heading_tag }}>
+
+  {{ .author.about | markdownify }}
+
+  <div class="sidebar-social">
+    {% include components/social.html author=author %}
+  </div>
+</div>