Repo created

2025-11-24 08:58:44 +01:00 · 2025-11-24 08:58:44 +01:00 · 6e051b9cd4
commit 6e051b9cd4
parent 92216c1ae2
280 changed files with 19204 additions and 2 deletions
--- a/docs/.well-known/assetlinks.json
+++ b/docs/.well-known/assetlinks.json
@ -0,0 +1,17 @@
+[
+  {
+    "relation": [
+      "delegate_permission/common.handle_all_urls"
+    ],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "com.gbros.tabslite",
+      "sha256_cert_fingerprints": [
+        "CC:43:DF:EA:70:C2:87:9B:51:69:F1:18:C6:98:C1:2B:4F:03:6A:ED:7F:57:E1:23:0D:E9:EA:F8:2F:AA:C8:3B",
+        "12:A6:6F:5C:72:95:FA:22:8D:89:1B:3C:2C:B8:13:DE:98:EA:21:7F:69:77:64:BE:D8:0F:2B:9B:0B:DE:10:82",
+        "6B:93:68:65:59:FA:EC:21:A0:50:CF:BA:8D:59:C3:E9:EA:C9:6D:4D:6D:5E:D3:6C:0C:DB:42:E0:95:98:6C:8F",
+        "12:A6:6F:5C:72:95:FA:22:8D:89:1B:3C:2C:B8:13:DE:98:EA:21:7F:69:77:64:BE:D8:0F:2B:9B:0B:DE:10:82"
+      ]
+    }
+  }
+]
--- a/docs/Acknowledgements.md
+++ b/docs/Acknowledgements.md
@ -0,0 +1,13 @@
+---
+title: Acknowledgements
+---
+
+This software wouldn't have been possible without the existing open source resources available.  Additionally, in the creation of this app, many hours were spent on stackoverflow.com, so a special thanks to the members of that community that helped out.  View our full source code [on Github](https://github.com/cullub/Tabs-Lite)
+
+## [Android/Sunflower](https://github.com/android/sunflower)
+
+Google's Sunflower demo app was used as a boilerplate as development commenced on this project.  
+
+## [chRyNaN/Chords](https://github.com/chRyNaN/chords)
+
+chRyNaN's Chords library was used to display visual representations of each chord.  A special thanks to the developer for working with me on a bug that was found.
--- a/docs/CNAME
+++ b/docs/CNAME
@ -0,0 +1 @@
+tabslite.com
--- a/docs/README.md
+++ b/docs/README.md
@ -0,0 +1,25 @@
+An [open source](https://github.com/More-Than-Solitaire/Tabs-Lite) guitar tablature application built for Android.  Over a million songs available using an existing popular tabs database. Built for speed and simplicity, 100% free with no ads!
+
+## Download
+
+Our main download site is directly from Google Play here:
+
+[<img src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" width = "200px">](https://play.google.com/store/apps/details?id=com.gbros.tabslite)
+
+## About
+
+Find your favorites out of over a million available chords and tabs! Play along at your own speed with built-in auto scroll and speed adjustment, and save to your favorites or a playlist to enable offline access.
+
+![Tabs Lite](img/screenshot/Tabs-Lite-Feature-Graphic.png "Tabs Lite Featured Image")
+
+Jam day or night with system Dark Mode support. When your device is set to Light Mode, you'll see all your tabs against a bright, easy-to-see background.  But when you switch your device to Dark Mode, TabsLite will follow along.
+
+Tap the heart on the top of any tab to add it to your favorites.  This enables offline access for this tab, and pins it to your home page for easy access.  You can sort your favorite tabs by date added, name, artist, or popularity.
+
+Quickly find the content you're looking for with a beautiful Material Design built for speed and simplicity. Search hundereds of thousands of available songs by title or author name, 100% free with no ads!  This app wasn't built to make a profit; instead, all the time spent on development was donated with the goal of making a good app.  This app is significantly faster than its competition, and provides as many or more songs than any other app on the market.
+
+If you want to play a song in a different key, you're in luck!  Key changes are as simple as a touch of a button with built in transposition. Or find the fingering for any chord by simply tapping the chord name!  When you click the share button, your current key is saved and sent along too!
+
+## iOS Support
+
+We don't support iOS at this time, and don't have any plans to in the future.  However, the share link is designed to fall back to a web app should the native app not be installed, so feel free to share with your friends on iOS anyway.  If you know an iOS dev that would like to work on this, have them get in touch!
--- a/docs/_config.yml
+++ b/docs/_config.yml
@ -0,0 +1,6 @@
+theme: minima
+title: Tabs Lite
+description: Guitar tabs for Android
+include: [".well-known"]
+header_pages:
+  - Acknowledgements.md
--- a/docs/_includes/custom-head.html
+++ b/docs/_includes/custom-head.html
@ -0,0 +1,19 @@
+{% comment %}
+  Placeholder to allow defining custom head, in principle, you can add anything here, e.g. favicons:
+
+  1. Head over to https://realfavicongenerator.net/ to add your own favicons.
+  2. Customize default _includes/custom-head.html in your source directory and insert the given code snippet.
+{% endcomment %}
+
+<!-- Favicon head tag -->
+<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
+<link rel="manifest" href="img/site.webmanifest">
+<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#fbc02d">
+<link rel="shortcut icon" href="img/favicon.ico">
+<meta name="apple-mobile-web-app-title" content="Tabs Lite">
+<meta name="application-name" content="Tabs Lite">
+<meta name="msapplication-TileColor" content="#ffc40d">
+<meta name="msapplication-config" content="/img/browserconfig.xml">
+<meta name="theme-color" content="#fbc02d">
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@ -0,0 +1,37 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+  <div class="wrapper">
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col">
+        <p class="feed-subscribe">
+          <a href="{{ 'feed.xml' | relative_url }}">
+            <svg class="svg-icon orange">
+              <use xlink:href="{{ 'assets/minima-social-icons.svg#rss' | relative_url }}"></use>
+            </svg><span>Subscribe</span>
+          </a>
+        </p>
+      {%- if site.author %}
+        <ul class="contact-list">
+          {% if site.author.name -%}
+            <li class="p-name">{{ site.author.name | escape }}</li>
+          {% endif -%}
+          {% if site.author.email -%}
+            <li><a class="u-email" href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
+          {%- endif %}
+        </ul>
+      {%- endif %}
+      </div>
+      <div class="footer-col">
+        <p>{{ site.description | escape }}</p>
+      </div>
+    </div>
+
+    <div class="social-links">
+      {%- include social.html -%}
+    </div>
+
+  </div>
+
+</footer>
--- a/docs/_includes/head.html
+++ b/docs/_includes/head.html
@ -0,0 +1,14 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+  {%- include custom-head.html -%}
+  
+</head>
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@ -0,0 +1,31 @@
+<header class="site-header">
+
+  <div class="wrapper">
+    {%- assign default_paths = site.pages | map: "path" -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+    {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+
+    {%- if titles_size > 0 -%}
+      <nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger">
+          {%- for path in page_paths -%}
+            {%- assign my_page = site.pages | where: "path", path | first -%}
+            {%- if my_page.title -%}
+            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+            {%- endif -%}
+          {%- endfor -%}
+        </div>
+      </nav>
+    {%- endif -%}
+  </div>
+</header>
--- a/docs/_includes/social.html
+++ b/docs/_includes/social.html
@ -0,0 +1,21 @@
+{%- assign social = site.minima.social_links -%}
+
+<ul class="social-media-list">
+  {%- for glb in social.gitlab -%}{%- if glb.username and glb.instance -%}<li><a rel="me" href="https://{{ glb.instance | cgi_escape | escape}}/{{glb.username}}" title="{{ glb.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#gitlab' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
+  {%- if social.dribbble -%}<li><a rel="me" href="https://dribbble.com/{{ social.dribbble | cgi_escape | escape }}" title="{{ social.dribbble | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#dribbble' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.facebook -%}<li><a rel="me" href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" title="{{ social.facebook | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#facebook' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.flickr -%}<li><a rel="me" href="https://www.flickr.com/photos/{{ social.flickr | cgi_escape | escape }}" title="{{ social.flickr | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#flickr' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.github -%}<li><a rel="me" href="https://github.com/{{ social.github | cgi_escape | escape }}" title="{{ social.github | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.stackoverflow -%}<li><a rel="me" href="https://stackoverflow.com/users/{{ social.stackoverflow | cgi_escape | escape }}" title="{{ social.stackoverflow | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#stackoverflow' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.instagram -%}<li><a rel="me" href="https://www.instagram.com/{{ social.instagram | cgi_escape | escape }}" title="{{ social.instagram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#instagram' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.linkedin -%}<li><a rel="me" href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" title="{{ social.linkedin | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#linkedin' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.pinterest -%}<li><a rel="me" href="https://www.pinterest.com/{{ social.pinterest | cgi_escape | escape }}" title="{{ social.pinterest | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#pinterest' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- for mst in social.mastodon -%}{%- if mst.username and mst.instance -%}<li><a rel="me" href="https://{{ mst.instance | cgi_escape | escape}}/@{{mst.username}}" title="{{ mst.username | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#mastodon' | relative_url }}"></use></svg></a></li>{%- endif -%}{%- endfor -%}
+  {%- if social.twitter -%}<li><a rel="me" href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" title="{{ social.twitter | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#twitter' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.youtube -%}<li><a rel="me" href="https://www.youtube.com/{{ social.youtube | cgi_escape | escape }}" title="{{ social.youtube | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.youtube_channel -%}<li><a rel="me" href="https://www.youtube.com/channel/{{ social.youtube_channel | cgi_escape | escape }}" title="{{ social.youtube_channel_name | escape | default: 'YouTube' }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#youtube' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.telegram -%}<li><a rel="me" href="https://t.me/{{ social.telegram | cgi_escape | escape }}" title="{{ social.telegram | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#telegram' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.keybase -%}<li><a rel="me" href="https://keybase.io/{{ social.keybase | cgi_escape | escape }}" title="{{ social.keybase | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#keybase' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.microdotblog -%}<li><a rel="me" href="https://micro.blog/{{ social.microdotblog | cgi_escape | escape }}" title="{{ social.microdotblog | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#microdotblog' | relative_url }}"></use></svg></a></li>{%- endif -%}
+  {%- if social.devto -%}<li><a href="https://dev.to/{{ social.devto | cgi_escape | escape }}" title="{{ social.devto | escape }}"><svg class="svg-icon grey"><use xlink:href="{{ '/assets/minima-social-icons.svg#devto' | relative_url }}"></use></svg></a></li>{%- endif -%}
+</ul>
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {%- include footer.html -%}
+
+  </body>
+
+</html>
--- a/docs/_sass/minima/_base.scss
+++ b/docs/_sass/minima/_base.scss
@ -0,0 +1,282 @@
+html {
+  font-size: $base-font-size;
+}
+
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+
+}
+
+
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+     -moz-font-feature-settings: "kern" 1;
+       -o-font-feature-settings: "kern" 1;
+          font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-wrap: break-word;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+  margin-bottom: $spacing-unit / 2;
+}
+
+hr {
+  margin-top: $spacing-unit;
+  margin-bottom: $spacing-unit;
+}
+
+/**
+ * `main` element
+ */
+main {
+  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
+}
+
+
+
+/**
+ * Images
+ */
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+  color: $link-base-color;
+  text-decoration: none;
+
+  &:visited {
+    color: $link-visited-color;
+  }
+
+  &:hover {
+    color: $link-hover-color;
+    text-decoration: underline;
+  }
+
+  .social-media-list &:hover {
+    text-decoration: none;
+
+    .username {
+      text-decoration: underline;
+    }
+  }
+}
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+  color: $brand-color;
+  border-left: 4px solid $border-color-01;
+  padding-left: $spacing-unit / 2;
+  @include relative-font-size(1.125);
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  i, em {
+    font-style: normal;
+  }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+  font-family: $code-font-family;
+  font-size: 0.9375em;
+  border: 1px solid $border-color-01;
+  border-radius: 3px;
+  background-color: $code-background-color;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.highlight {
+  border-radius: 3px;
+  background: $code-background-color;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: $code-background-color;
+  }
+}
+
+
+
+/**
+ * Wrapper
+ */
+.wrapper {
+  max-width: calc(#{$content-width} - (#{$spacing-unit}));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+  @extend %clearfix;
+
+  @media screen and (min-width: $on-large) {
+    max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+  }
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+
+
+/**
+ * Icons
+ */
+
+.orange {
+  color: #f66a0a;
+}
+
+.grey {
+  color: #828282;
+}
+
+.svg-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  fill: currentColor;
+  padding: 5px 3px 2px 5px;
+  vertical-align: text-bottom;
+}
+
+
+/**
+ * Tables
+ */
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: $table-text-align;
+  color: $table-text-color;
+  border-collapse: collapse;
+  border: 1px solid $table-border-color;
+  tr {
+    &:nth-child(even) {
+      background-color: $table-zebra-color;
+    }
+  }
+  th, td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    background-color: $table-header-bg-color;
+    border: 1px solid $table-header-border;
+  }
+  td {
+    border: 1px solid $table-border-color;
+  }
+
+  @include media-query($on-laptop) {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+            -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+}
--- a/docs/_sass/minima/_layout.scss
+++ b/docs/_sass/minima/_layout.scss
@ -0,0 +1,342 @@
+/**
+ * Site header
+ */
+.site-header {
+  border-top: 5px solid $border-color-03;
+  border-bottom: 1px solid $border-color-01;
+  min-height: $spacing-unit * 1.865;
+  line-height: $base-line-height * $base-font-size * 2.25;
+
+  // Positioning context for the mobile navigation icon
+  position: relative;
+}
+
+.site-title {
+  @include relative-font-size(1.625);
+  font-weight: 300;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+  float: left;
+
+  @include media-query($on-palm) {
+    padding-right: 45px;
+  }
+
+  &,
+  &:visited {
+    color: $site-title-color;
+  }
+}
+
+.site-nav {
+  position: absolute;
+  top: 9px;
+  right: $spacing-unit / 2;
+  background-color: $background-color;
+  border: 1px solid $border-color-01;
+  border-radius: 5px;
+  text-align: right;
+
+  .nav-trigger {
+    display: none;
+  }
+
+  .menu-icon {
+    float: right;
+    width: 36px;
+    height: 26px;
+    line-height: 0;
+    padding-top: 10px;
+    text-align: center;
+
+    > svg path {
+      fill: $border-color-03;
+    }
+  }
+
+  label[for="nav-trigger"] {
+    display: block;
+    float: right;
+    width: 36px;
+    height: 36px;
+    z-index: 2;
+    cursor: pointer;
+  }
+
+  input ~ .trigger {
+    clear: both;
+    display: none;
+  }
+
+  input:checked ~ .trigger {
+    display: block;
+    padding-bottom: 5px;
+  }
+
+  .page-link {
+    color: $text-color;
+    line-height: $base-line-height;
+    display: block;
+    padding: 5px 10px;
+
+    // Gaps between nav items, but not on the last one
+    &:not(:last-child) {
+      margin-right: 0;
+    }
+    margin-left: 20px;
+  }
+
+  @media screen and (min-width: $on-medium) {
+    position: static;
+    float: right;
+    border: none;
+    background-color: inherit;
+
+    label[for="nav-trigger"] {
+      display: none;
+    }
+
+    .menu-icon {
+      display: none;
+    }
+
+    input ~ .trigger {
+      display: block;
+    }
+
+    .page-link {
+      display: inline;
+      padding: 0;
+
+      &:not(:last-child) {
+        margin-right: 20px;
+      }
+      margin-left: auto;
+    }
+  }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+  border-top: 1px solid $border-color-01;
+  padding: $spacing-unit 0;
+}
+
+.footer-heading {
+  @include relative-font-size(1.125);
+  margin-bottom: $spacing-unit / 2;
+}
+
+.feed-subscribe .svg-icon {
+  padding: 5px 5px 2px 0
+}
+
+.contact-list,
+.social-media-list {
+  list-style: none;
+  margin-left: 0;
+}
+
+.footer-col-wrapper,
+.social-links {
+  @include relative-font-size(0.9375);
+  color: $brand-color;
+}
+
+.footer-col {
+  margin-bottom: $spacing-unit / 2;
+}
+
+.footer-col-1,
+.footer-col-2 {
+  width: calc(50% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+  width: calc(100% - (#{$spacing-unit} / 2));
+}
+
+@media screen and (min-width: $on-large) {
+  .footer-col-1 {
+    width: calc(35% - (#{$spacing-unit} / 2));
+  }
+
+  .footer-col-2 {
+    width: calc(20% - (#{$spacing-unit} / 2));
+  }
+
+  .footer-col-3 {
+    width: calc(45% - (#{$spacing-unit} / 2));
+  }
+}
+
+@media screen and (min-width: $on-medium) {
+  .footer-col-wrapper {
+    display: flex
+  }
+
+  .footer-col {
+    width: calc(100% - (#{$spacing-unit} / 2));
+    padding: 0 ($spacing-unit / 2);
+
+    &:first-child {
+      padding-right: $spacing-unit / 2;
+      padding-left: 0;
+    }
+
+    &:last-child {
+      padding-right: 0;
+      padding-left: $spacing-unit / 2;
+    }
+  }
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+  padding: $spacing-unit 0;
+  flex: 1 0 auto;
+}
+
+.page-heading {
+  @include relative-font-size(2);
+}
+
+.post-list-heading {
+  @include relative-font-size(1.75);
+}
+
+.post-list {
+  margin-left: 0;
+  list-style: none;
+
+  > li {
+    margin-bottom: $spacing-unit;
+  }
+}
+
+.post-meta {
+  font-size: $small-font-size;
+  color: $brand-color;
+}
+
+.post-link {
+  display: block;
+  @include relative-font-size(1.5);
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+  margin-bottom: $spacing-unit;
+}
+
+.post-title,
+.post-content h1 {
+  @include relative-font-size(2.625);
+  letter-spacing: -1px;
+  line-height: 1.15;
+
+  @media screen and (min-width: $on-large) {
+    @include relative-font-size(2.625);
+  }
+}
+
+.post-content {
+  margin-bottom: $spacing-unit;
+
+  h1, h2, h3 { margin-top: $spacing-unit * 2 }
+  h4, h5, h6 { margin-top: $spacing-unit }
+
+  h2 {
+    @include relative-font-size(1.75);
+
+    @media screen and (min-width: $on-large) {
+      @include relative-font-size(2);
+    }
+  }
+
+  h3 {
+    @include relative-font-size(1.375);
+
+    @media screen and (min-width: $on-large) {
+      @include relative-font-size(1.625);
+    }
+  }
+
+  h4 {
+    @include relative-font-size(1.25);
+  }
+
+  h5 {
+    @include relative-font-size(1.125);
+  }
+  h6 {
+    @include relative-font-size(1.0625);
+  }
+}
+
+
+.social-media-list {
+  display: table;
+  margin: 0 auto;
+  li {
+    float: left;
+    margin: 5px 10px 5px 0;
+    &:last-of-type { margin-right: 0 }
+    a {
+      display: block;
+      padding: $spacing-unit / 4;
+      border: 1px solid $border-color-01;
+      &:hover { border-color: $border-color-02 }
+    }
+  }
+}
+
+
+
+/**
+ * Pagination navbar
+ */
+.pagination {
+  margin-bottom: $spacing-unit;
+  @extend .social-media-list;
+  li {
+    a, div {
+      min-width: 41px;
+      text-align: center;
+      box-sizing: border-box;
+    }
+    div {
+      display: block;
+      padding: $spacing-unit / 4;
+      border: 1px solid transparent;
+
+      &.pager-edge {
+        color: $border-color-01;
+        border: 1px dashed;
+      }
+    }
+  }
+}
+
+
+
+/**
+ * Grid helpers
+ */
+@media screen and (min-width: $on-large) {
+  .one-half {
+    width: calc(50% - (#{$spacing-unit} / 2));
+  }
+}
--- a/docs/_sass/minima/custom-styles.scss
+++ b/docs/_sass/minima/custom-styles.scss
@ -0,0 +1,2 @@
+// Placeholder to allow defining custom styles that override everything else.
+// (Use `_sass/minima/custom-variables.scss` to override variable defaults)
--- a/docs/_sass/minima/custom-variables.scss
+++ b/docs/_sass/minima/custom-variables.scss
@ -0,0 +1 @@
+// Placeholder to allow overriding predefined variables smoothly.
--- a/docs/_sass/minima/initialize.scss
+++ b/docs/_sass/minima/initialize.scss
@ -0,0 +1,50 @@
+@charset "utf-8";
+
+// Define defaults for each variable.
+
+$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$table-text-align: left !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          600px !default;
+$on-laptop:        800px !default;
+
+$on-medium:        $on-palm !default;
+$on-large:         $on-laptop !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+// Notice the following mixin uses max-width, in a deprecated, desktop-first
+// approach, whereas media queries used elsewhere now use min-width.
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: #{$ratio}rem;
+}
+
+// Import pre-styling-overrides hook and style-partials.
+@import
+  "minima/custom-variables", // Hook to override predefined variables.
+  "minima/base",             // Defines element resets.
+  "minima/layout",           // Defines structure and style based on CSS selectors.
+  "minima/custom-styles"     // Hook to override existing styles.
+;
--- a/docs/_sass/minima/skins/classic.scss
+++ b/docs/_sass/minima/skins/classic.scss
@ -0,0 +1,91 @@
+@charset "utf-8";
+
+$brand-color:           #828282 !default;
+$brand-color-light:     lighten($brand-color, 40%) !default;
+$brand-color-dark:      darken($brand-color, 25%) !default;
+
+$site-title-color:      $brand-color-dark !default;
+
+$text-color:            #111111 !default;
+$background-color:      #fdfdfd !default;
+$code-background-color: #eeeeff !default;
+
+$link-base-color:       #2a7ae2 !default;
+$link-visited-color:    darken($link-base-color, 15%) !default;
+$link-hover-color:      $text-color !default;
+
+$border-color-01:       $brand-color-light !default;
+$border-color-02:       lighten($brand-color, 35%) !default;
+$border-color-03:       $brand-color-dark !default;
+
+$table-text-color:      lighten($text-color, 18%) !default;
+$table-zebra-color:     lighten($brand-color, 46%) !default;
+$table-header-bg-color: lighten($brand-color, 43%) !default;
+$table-header-border:   lighten($brand-color, 37%) !default;
+$table-border-color:    $border-color-01 !default;
+
+
+// Syntax highlighting styles should be adjusted appropriately for every "skin"
+// ----------------------------------------------------------------------------
+
+.highlight {
+  .c     { color: #998; font-style: italic } // Comment
+  .err   { color: #a61717; background-color: #e3d2d2 } // Error
+  .k     { font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #998; font-style: italic } // Comment.Multiline
+  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .c1    { color: #998; font-style: italic } // Comment.Single
+  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #a00 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #a00 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .m     { color: #099 } // Literal.Number
+  .s     { color: #d14 } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #0086B3 } // Name.Builtin
+  .nc    { color: #458; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #900; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #000080 } // Name.Tag
+  .nv    { color: #008080 } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #bbb } // Text.Whitespace
+  .mf    { color: #099 } // Literal.Number.Float
+  .mh    { color: #099 } // Literal.Number.Hex
+  .mi    { color: #099 } // Literal.Number.Integer
+  .mo    { color: #099 } // Literal.Number.Oct
+  .sb    { color: #d14 } // Literal.String.Backtick
+  .sc    { color: #d14 } // Literal.String.Char
+  .sd    { color: #d14 } // Literal.String.Doc
+  .s2    { color: #d14 } // Literal.String.Double
+  .se    { color: #d14 } // Literal.String.Escape
+  .sh    { color: #d14 } // Literal.String.Heredoc
+  .si    { color: #d14 } // Literal.String.Interpol
+  .sx    { color: #d14 } // Literal.String.Other
+  .sr    { color: #009926 } // Literal.String.Regex
+  .s1    { color: #d14 } // Literal.String.Single
+  .ss    { color: #990073 } // Literal.String.Symbol
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #008080 } // Name.Variable.Class
+  .vg    { color: #008080 } // Name.Variable.Global
+  .vi    { color: #008080 } // Name.Variable.Instance
+  .il    { color: #099 } // Literal.Number.Integer.Long
+}
--- a/docs/_sass/minima/skins/dark.scss
+++ b/docs/_sass/minima/skins/dark.scss
@ -0,0 +1,95 @@
+@charset "utf-8";
+
+$brand-color:           #999999 !default;
+$brand-color-light:     lighten($brand-color, 5%) !default;
+$brand-color-dark:      darken($brand-color, 35%) !default;
+
+$site-title-color:      $brand-color-light !default;
+
+$text-color:            #bbbbbb !default;
+$background-color:      #181818 !default;
+$code-background-color: #212121 !default;
+
+$link-base-color:       #79b8ff !default;
+$link-visited-color:    $link-base-color !default;
+$link-hover-color:      $text-color !default;
+
+$border-color-01:       $brand-color-dark !default;
+$border-color-02:       $brand-color-light !default;
+$border-color-03:       $brand-color !default;
+
+$table-text-color:      $text-color !default;
+$table-zebra-color:     lighten($background-color, 4%) !default;
+$table-header-bg-color: lighten($background-color, 10%) !default;
+$table-header-border:   lighten($background-color, 21%) !default;
+$table-border-color:    $border-color-01 !default;
+
+
+// Syntax highlighting styles should be adjusted appropriately for every "skin"
+// List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
+// Some colors come from Material Theme Darker:
+// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts
+// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts
+// ----------------------------------------------------------------------------
+
+.highlight {
+  .c     { color: #545454; font-style: italic } // Comment
+  .err   { color: #f07178; background-color: #e3d2d2 } // Error
+  .k     { color: #89DDFF; font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #545454; font-style: italic } // Comment.Multiline
+  .cp    { color: #545454; font-weight: bold } // Comment.Preproc
+  .c1    { color: #545454; font-style: italic } // Comment.Single
+  .cs    { color: #545454; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #f07178 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #f07178 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #FFCB6B; font-weight: bold } // Keyword.Type
+  .m     { color: #F78C6C } // Literal.Number
+  .s     { color: #C3E88D } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #EEFFFF } // Name.Builtin
+  .nc    { color: #FFCB6B; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #82AAFF; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #FFCB6B } // Name.Tag
+  .nv    { color: #EEFFFF } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #EEFFFF } // Text.Whitespace
+  .mf    { color: #F78C6C } // Literal.Number.Float
+  .mh    { color: #F78C6C } // Literal.Number.Hex
+  .mi    { color: #F78C6C } // Literal.Number.Integer
+  .mo    { color: #F78C6C } // Literal.Number.Oct
+  .sb    { color: #C3E88D } // Literal.String.Backtick
+  .sc    { color: #C3E88D } // Literal.String.Char
+  .sd    { color: #C3E88D } // Literal.String.Doc
+  .s2    { color: #C3E88D } // Literal.String.Double
+  .se    { color: #EEFFFF } // Literal.String.Escape
+  .sh    { color: #C3E88D } // Literal.String.Heredoc
+  .si    { color: #C3E88D } // Literal.String.Interpol
+  .sx    { color: #C3E88D } // Literal.String.Other
+  .sr    { color: #C3E88D } // Literal.String.Regex
+  .s1    { color: #C3E88D } // Literal.String.Single
+  .ss    { color: #C3E88D } // Literal.String.Symbol
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #FFCB6B } // Name.Variable.Class
+  .vg    { color: #EEFFFF } // Name.Variable.Global
+  .vi    { color: #EEFFFF } // Name.Variable.Instance
+  .il    { color: #F78C6C } // Literal.Number.Integer.Long
+}
--- a/docs/_sass/minima/skins/solarized-dark.scss
+++ b/docs/_sass/minima/skins/solarized-dark.scss
@ -0,0 +1,4 @@
+@charset "utf-8";
+
+$sol-is-dark: true;
+@import "minima/skins/solarized";
--- a/docs/_sass/minima/skins/solarized.scss
+++ b/docs/_sass/minima/skins/solarized.scss
@ -0,0 +1,140 @@
+@charset "utf-8";
+
+// Solarized skin
+// ==============
+// Created by Sander Voerman <mailto:sander@savoerman.nl> using the Solarized
+// color scheme by Ethan Schoonover <https://ethanschoonover.com/solarized>.
+
+// This style sheet implements two options for the minima.skin setting:
+// "solarized" for light mode and "solarized-dark" for dark mode.
+$sol-is-dark: false !default;
+
+
+// Color scheme
+// ------------
+// The inline comments show the canonical L*a*b values for each color.
+
+$sol-base03:   #002b36;  // 15 -12 -12
+$sol-base02:   #073642;  // 20 -12 -12
+$sol-base01:   #586e75;  // 45 -07 -07
+$sol-base00:   #657b83;  // 50 -07 -07
+$sol-base0:    #839496;  // 60 -06 -03
+$sol-base1:    #93a1a1;  // 65 -05 -02
+$sol-base2:    #eee8d5;  // 92 -00  10
+$sol-base3:    #fdf6e3;  // 97  00  10
+$sol-yellow:   #b58900;  // 60  10  65
+$sol-orange:   #cb4b16;  // 50  50  55
+$sol-red:      #dc322f;  // 50  65  45
+$sol-magenta:  #d33682;  // 50  65 -05
+$sol-violet:   #6c71c4;  // 50  15 -45
+$sol-blue:     #268bd2;  // 55 -10 -45
+$sol-cyan:     #2aa198;  // 60 -35 -05
+$sol-green:    #859900;  // 60 -20  65
+
+$sol-mono3:    $sol-base3;
+$sol-mono2:    $sol-base2;
+$sol-mono1:    $sol-base1;
+$sol-mono00:   $sol-base00;
+$sol-mono01:   $sol-base01;
+
+@if $sol-is-dark {
+  $sol-mono3:  $sol-base03;
+  $sol-mono2:  $sol-base02;
+  $sol-mono1:  $sol-base01;
+  $sol-mono00: $sol-base0;
+  $sol-mono01: $sol-base1;
+}
+
+
+// Minima color variables
+// ----------------------
+
+$brand-color:           $sol-mono1 !default;
+$brand-color-light:     mix($sol-mono1, $sol-mono3) !default;
+$brand-color-dark:      $sol-mono00 !default;
+
+$site-title-color:      $sol-mono00 !default;
+
+$text-color:            $sol-mono01 !default;
+$background-color:      $sol-mono3 !default;
+$code-background-color: $sol-mono2 !default;
+
+$link-base-color:       $sol-blue !default;
+$link-visited-color:    mix($sol-blue, $sol-mono00) !default;
+$link-hover-color:      $sol-mono00 !default;
+
+$border-color-01:       $brand-color-light !default;
+$border-color-02:       $sol-mono1 !default;
+$border-color-03:       $sol-mono00 !default;
+
+$table-text-color:      $sol-mono00 !default;
+$table-zebra-color:     mix($sol-mono2, $sol-mono3) !default;
+$table-header-bg-color: $sol-mono2 !default;
+$table-header-border:   $sol-mono1 !default;
+$table-border-color:    $sol-mono1 !default;
+
+
+// Syntax highlighting styles
+// --------------------------
+
+.highlight {
+  .c     { color: $sol-mono1; font-style: italic } // Comment
+  .err   { color: $sol-red } // Error
+  .k     { color: $sol-mono01; font-weight: bold } // Keyword
+  .o     { color: $sol-mono01; font-weight: bold } // Operator
+  .cm    { color: $sol-mono1; font-style: italic } // Comment.Multiline
+  .cp    { color: $sol-mono1; font-weight: bold } // Comment.Preproc
+  .c1    { color: $sol-mono1; font-style: italic } // Comment.Single
+  .cs    { color: $sol-mono1; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: $sol-red } // Generic.Deleted
+  .gd .x { color: $sol-red } // Generic.Deleted.Specific
+  .ge    { color: $sol-mono00; font-style: italic } // Generic.Emph
+  .gr    { color: $sol-red } // Generic.Error
+  .gh    { color: $sol-mono1 } // Generic.Heading
+  .gi    { color: $sol-green } // Generic.Inserted
+  .gi .x { color: $sol-green } // Generic.Inserted.Specific
+  .go    { color: $sol-mono00 } // Generic.Output
+  .gp    { color: $sol-mono00 } // Generic.Prompt
+  .gs    { color: $sol-mono01; font-weight: bold } // Generic.Strong
+  .gu    { color: $sol-mono1 } // Generic.Subheading
+  .gt    { color: $sol-red } // Generic.Traceback
+  .kc    { color: $sol-mono01; font-weight: bold } // Keyword.Constant
+  .kd    { color: $sol-mono01; font-weight: bold } // Keyword.Declaration
+  .kp    { color: $sol-mono01; font-weight: bold } // Keyword.Pseudo
+  .kr    { color: $sol-mono01; font-weight: bold } // Keyword.Reserved
+  .kt    { color: $sol-violet; font-weight: bold } // Keyword.Type
+  .m     { color: $sol-cyan } // Literal.Number
+  .s     { color: $sol-magenta } // Literal.String
+  .na    { color: $sol-cyan } // Name.Attribute
+  .nb    { color: $sol-blue } // Name.Builtin
+  .nc    { color: $sol-violet; font-weight: bold } // Name.Class
+  .no    { color: $sol-cyan } // Name.Constant
+  .ni    { color: $sol-violet } // Name.Entity
+  .ne    { color: $sol-violet; font-weight: bold } // Name.Exception
+  .nf    { color: $sol-blue; font-weight: bold } // Name.Function
+  .nn    { color: $sol-mono00 } // Name.Namespace
+  .nt    { color: $sol-blue } // Name.Tag
+  .nv    { color: $sol-cyan } // Name.Variable
+  .ow    { color: $sol-mono01; font-weight: bold } // Operator.Word
+  .w     { color: $sol-mono1 } // Text.Whitespace
+  .mf    { color: $sol-cyan } // Literal.Number.Float
+  .mh    { color: $sol-cyan } // Literal.Number.Hex
+  .mi    { color: $sol-cyan } // Literal.Number.Integer
+  .mo    { color: $sol-cyan } // Literal.Number.Oct
+  .sb    { color: $sol-magenta } // Literal.String.Backtick
+  .sc    { color: $sol-magenta } // Literal.String.Char
+  .sd    { color: $sol-magenta } // Literal.String.Doc
+  .s2    { color: $sol-magenta } // Literal.String.Double
+  .se    { color: $sol-magenta } // Literal.String.Escape
+  .sh    { color: $sol-magenta } // Literal.String.Heredoc
+  .si    { color: $sol-magenta } // Literal.String.Interpol
+  .sx    { color: $sol-magenta } // Literal.String.Other
+  .sr    { color: $sol-green } // Literal.String.Regex
+  .s1    { color: $sol-magenta } // Literal.String.Single
+  .ss    { color: $sol-magenta } // Literal.String.Symbol
+  .bp    { color: $sol-mono1 } // Name.Builtin.Pseudo
+  .vc    { color: $sol-cyan } // Name.Variable.Class
+  .vg    { color: $sol-cyan } // Name.Variable.Global
+  .vi    { color: $sol-cyan } // Name.Variable.Instance
+  .il    { color: $sol-cyan } // Literal.Number.Integer.Long
+}
--- a/docs/assets/css/style.scss
+++ b/docs/assets/css/style.scss
@ -0,0 +1,7 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+@import
+  "minima/skins/{{ site.minima.skin | default: 'classic' }}",
+  "minima/initialize";
--- a/docs/assets/minima-social-icons.svg
+++ b/docs/assets/minima-social-icons.svg
@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+
+<symbol id="dribbble" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
+
+<symbol id="facebook" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
+
+<symbol id="flickr" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
+
+<symbol id="github" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></symbol>
+
+<symbol id="instagram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
+
+<symbol id="linkedin" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
+
+<symbol id="pinterest" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></symbol>
+
+<symbol id="rss" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
+
+<symbol id="stackoverflow" class="svg-icon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></symbol>
+
+<symbol id="twitter" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></symbol>
+
+<symbol id="youtube" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></symbol>
+
+<symbol id="mastodon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+  <path transform="scale(0.07)" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
+  <path transform="scale(0.07)" fill="#FFF" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
+</symbol>
+
+<symbol id="microdotblog" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+        <path d="M13.8958184,12.3539692 C13.7934913,12.5766333 13.7214973,12.7460692 13.6798363,12.8622768 C13.534018,13.2690171 13.4876062,13.5959963 13.4737723,13.8031622 C13.4047037,14.8374843 13.8695637,15.452098 13.9792411,15.6152902 C14.143626,15.8598834 14.2103299,15.996999 14.1793527,16.0266369 C14.1187128,16.1331597 13.9329861,16.1331597 13.6221726,16.0266369 C13.1559524,15.8668527 11.8671503,15.3666667 11.3815104,14.6616443 C11.1859547,14.3777486 11.0620507,14.2565499 10.9838025,14.2130531 C10.0617698,14.5547858 9.05472096,14.7428571 8,14.7428571 C3.581722,14.7428571 0,11.4425562 0,7.37142857 C0,3.30030099 3.581722,0 8,0 C12.418278,0 16,3.30030099 16,7.37142857 C16,9.29250872 15.2024583,11.041949 13.8958184,12.3539692 Z M7.94285714,9.78095238 C9.51605596,10.7990263 10.3706771,11.2483272 10.5067204,11.1288551 C10.6427638,11.0093829 10.4795457,10.0577483 10.0170661,8.27395135 C11.4827084,7.15954158 12.1741114,6.48559023 12.0912751,6.2520973 C12.0084388,6.01860437 11.0529434,5.87976276 9.22478879,5.83557246 C8.61970046,4.10392098 8.19238991,3.23809524 7.94285714,3.23809524 C7.69332437,3.23809524 7.26601382,4.10392098 6.6609255,5.83557246 C4.82960347,5.88951121 3.87410803,6.02835282 3.7944392,6.2520973 C3.71477036,6.47584178 4.40617335,7.14979313 5.86864817,8.27395135 C5.36780472,9.99753359 5.20458662,10.9491682 5.37899385,11.1288551 C5.55340109,11.308542 6.40802218,10.8592411 7.94285714,9.78095238 Z"></path>
+</symbol>
+
+<symbol id="telegram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
+        <path d="M1189 1307l147-693q9-44-10.5-63t-51.5-7l-864 333q-29 11-39.5 25t-2.5 26.5 32 19.5l221 69 513-323q21-14 32-6 7 5-4 15l-415 375-16 228q23 0 45-22l108-104 224 165q64 36 81-38zm603-411q0 182-71 348t-191 286-286 191-348 71-348-71-286-191-191-286-71-348 71-348 191-286 286-191 348-71 348 71 286 191 191 286 71 348z"/>
+</symbol>
+
+<symbol id="keybase" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 50 50">
+  <path d="M31.5 40A1.5 1.5 0 1 0 31.5 43 1.5 1.5 0 1 0 31.5 40zM20.5 40A1.5 1.5 0 1 0 20.5 43 1.5 1.5 0 1 0 20.5 40z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M7.167 39c.289 2.14.955 4.157 1.91 6M19.25 13h-4.5C14.336 13 14 12.664 14 12.25v-4.5C14 7.336 14.336 7 14.75 7h4.5C19.664 7 20 7.336 20 7.75v3"/><path d="M25.5,23c-4.136,0-7.5-3.364-7.5-7.5c0-6.863,5.59-12.023,5.827-12.24c0.345-0.313,0.858-0.346,1.242-0.082c0.383,0.265,0.531,0.76,0.359,1.192C25,5.45,24.614,7.253,25.007,7.831C25.041,7.882,25.122,8,25.5,8c4.136,0,7.5,3.364,7.5,7.5S29.636,23,25.5,23z"/><path d="M44.938,34.942c-0.482-6.158-3.811-11.592-8.878-14.837c-0.041-0.026-0.081-0.054-0.122-0.08c-0.336-0.211-0.681-0.41-1.031-0.602c-0.123-0.068-0.244-0.137-0.369-0.202c-0.082-0.043-0.168-0.08-0.251-0.121c-0.63,1.531-1.649,2.862-2.932,3.871l3.352,3.352c0.391,0.391,0.391,1.023,0,1.414c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293l-0.837-0.837l-1.808,1.808C30.453,28.902,30.197,29,29.941,29s-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l1.808-1.808L30,24.443l-1.293,1.293c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293c-0.236-0.236-0.311-0.557-0.263-0.862C26.532,24.955,26.021,25,25.5,25c-4.033,0-7.478-2.53-8.854-6.083C9.218,22.402,5,30.302,5,41v3l1.8-2.4c1.86-2.48,4.12-4.968,6.266-6.95c-0.528,1.41-0.882,2.821-1.058,4.226l-0.314,2.514l1.947-1.622C13.697,39.721,19.437,35,26,35c3.219,0,4.979,0.298,6.531,0.562C33.861,35.787,35.118,36,37,36c3.1,0,4.797-1.585,5.537-3.485c0.197,0.844,0.336,1.707,0.407,2.586C42.98,35.564,43,36.03,43,36.5c0,2.818-0.662,5.522-1.968,8.04c-0.254,0.49-0.063,1.094,0.427,1.348C41.606,45.964,41.764,46,41.919,46c0.361,0,0.711-0.196,0.889-0.54C44.263,42.656,45,39.642,45,36.5C45,35.977,44.979,35.457,44.938,34.942z"/>
+</symbol>
+
+<symbol id="devto" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+  <path transform="scale(0.039)" d="M10.5 2.5C5.6 4.2 2.4 7.8 1 12.9.3 15.6.1 77.2.2 207.1.5 396.6.5 397.5 2.5 401c1.2 1.9 3.6 4.3 5.5 5.5 3.5 2 4.2 2 196 2s192.5 0 196-2c1.9-1.2 4.3-3.6 5.5-5.5 2-3.5 2-4.2 2-196s0-192.5-2-196c-1.2-1.9-3.6-4.3-5.5-5.5-3.5-2-4.4-2-194.5-2.2-162.9-.2-191.6 0-195 1.2zm96.8 124c9 1.9 15.5 5.6 22.2 12.6 6.1 6.4 9.9 13.7 11.5 21.9 1.3 6.9 1.3 81.1 0 88.1-3.4 18.2-18.9 32.4-38.1 34.9-4 .5-17.4 1-29.6 1H51V125h24.8c17.6 0 26.6.4 31.5 1.5zm130.7 13V154h-51v36h31v29h-31l.2 18.2.3 18.3 25.3.3 25.2.2v29h-29.5c-32.8 0-37.9-.6-43.1-5.2-7.3-6.4-6.9-2.3-7.2-72.6-.2-43.8.1-64.5.8-67.3 1.4-5.2 7.3-11.6 12.5-13.4 3.1-1.1 10.9-1.4 35.3-1.5H238v14.5zm48.9-12.3c.4 1.3 6.8 25.6 14.2 54 7.4 28.5 13.6 51.2 13.8 50.5.3-.7 6.6-24.8 14.1-53.7l13.7-52.5 15.6-.3c11.8-.2 15.7.1 15.7 1s-34.6 132.4-36.6 139c-1.4 4.6-8.9 14-13.1 16.5-5.3 3-13.1 3.5-17.9 1-4.3-2.2-10-8.8-12.9-15-1.8-3.8-31.2-112-38-140l-.7-2.7h15.6c15.3 0 15.7 0 16.5 2.2z"/>
+  <path transform="scale(0.039)" d="M80 205v51.2l10.3-.4c8.9-.3 10.8-.7 14.8-3 7.8-4.6 7.9-4.9 7.9-48.4 0-42.4 0-42.4-7.3-47.2-3.6-2.4-5.1-2.7-14.9-3.1l-10.8-.3V205z"/>
+</symbol>
+
+<symbol id="gitlab" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 1792 1792">
+  <path d="M104 706l792 1015-868-630q-18-13-25-34.5t0-42.5l101-308zm462 0h660l-330 1015zm-198-612l198 612h-462l198-612q8-23 33-23t33 23zm1320 612l101 308q7 21 0 42.5t-25 34.5l-868 630 792-1015zm0 0h-462l198-612q8-23 33-23t33 23z"/>
+</symbol>
+</svg>
--- a/docs/img/android-chrome-192x192.png
+++ b/docs/img/android-chrome-192x192.png
--- a/docs/img/android-chrome-512x512.png
+++ b/docs/img/android-chrome-512x512.png
--- a/docs/img/apple-touch-icon.png
+++ b/docs/img/apple-touch-icon.png
--- a/docs/img/browserconfig.xml
+++ b/docs/img/browserconfig.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="https://github.com/cullub/Tabs-Lite/raw/master/docs/img/mstile-150x150.png"/>
+            <TileColor>#ffc40d</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/docs/img/favicon-16x16.png
+++ b/docs/img/favicon-16x16.png
--- a/docs/img/favicon-32x32.png
+++ b/docs/img/favicon-32x32.png
--- a/docs/img/favicon.ico
+++ b/docs/img/favicon.ico
--- a/docs/img/icon.png
+++ b/docs/img/icon.png
--- a/docs/img/icon.svg
+++ b/docs/img/icon.svg
@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    width="450" 
+    height="450" 
+    viewBox="-52 0 505 500" >
+    <path
+        fill="#000"
+        d="M 439.10068,56.388943 C 457.13619,37.632359 455.24168,37.27287 434.86986,17.224647 411.664,-3.4966063 412.02351,-5.5743402 394.45668,11.744943 c -16.39232,-20.8291316 -43.08484,3.874385 -21.213,21.213 l -20.037,20.037 c -17.76669,-24.077052 -45.81671,1.158196 -21.213,21.213 L 228.60986,180.38169 c -45.1125,-33.54414 -73.66341,-24.43381 -90.481,-7.99906 -16.8176,16.43474 -13.57506,61.4852 -60.51551,61.79165 -0.0295,10e-4 -0.0558,-0.001 -0.0853,0 -170.221395,4.39235 -149.45775,152.3975 -64.169203,226.25797 85.288553,73.86049 203.162053,53.34273 205.398643,-83.60977 0.47616,-51.05226 40.41684,-52.66191 55.04942,-63.78721 14.63258,-11.1253 39.15472,-42.28535 1.45558,-88.27546 L 376.63971,118.85394 c 17.49868,24.50826 47.58792,-2.88153 21.213,-21.212997 l 20.036,-20.036 c 18.61874,23.749367 43.46815,-4.66756 21.212,-21.216 z M 100.8826,431.89173 23.090526,353.28251 45.437983,330.70062 123.23006,409.30984 Z m 94.22741,-120.38248 c -36.48185,35.37294 -89.64835,-17.46789 -52.88783,-53.44158 36.76052,-35.97368 89.36967,18.06865 52.88783,53.44158 z"/>
+</svg>
--- a/docs/img/mstile-144x144.png
+++ b/docs/img/mstile-144x144.png
--- a/docs/img/mstile-150x150.png
+++ b/docs/img/mstile-150x150.png
--- a/docs/img/mstile-310x150.png
+++ b/docs/img/mstile-310x150.png
--- a/docs/img/mstile-310x310.png
+++ b/docs/img/mstile-310x310.png
--- a/docs/img/mstile-70x70.png
+++ b/docs/img/mstile-70x70.png
--- a/docs/img/safari-pinned-tab.svg
+++ b/docs/img/safari-pinned-tab.svg
@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M636.4 5.1c-2.2 1.1-6.9 4.6-10.4 7.9-3.5 3.3-6.7 6-7.1 6-.4 0-1.2-.7-2-1.6-.7-.9-3.2-2.9-5.6-4.5-14.9-10.3-35.3 1.4-32.9 18.8.6 4.6 4.3 11.2 8.4 15l2.6 2.4-13.8 13.8-13.8 13.9-3.4-3.7c-11-12.2-28.4-12.6-36.1-.9-2.3 3.5-2.8 5.2-2.8 10.7 0 7.8 1.8 12 8.1 18.8l4.4 4.7-4.4 4.6c-2.4 2.5-7.9 8.1-12.1 12.5-4.3 4.4-15.9 16.4-25.9 26.6-27.2 27.9-75.8 77.8-88.9 91.3l-11.5 11.9-10-6.6c-24.2-16.1-43.8-23.6-63.7-24.2-20.8-.8-37.4 5.6-51.3 19.7-6.2 6.2-12.6 17.6-18.8 33.3-11.4 29.5-25.4 44.6-46.1 50-6.5 1.7-11.4 2.2-28.8 3-12 .6-18.3 1.1-24 2-1.6.2-5.5.7-8.5 1-3 .4-9.5 1.5-14.5 2.6-4.9 1.2-9.9 2.2-11 2.5-5 .9-19.2 5.6-27.6 9-21.6 8.7-38.5 20.1-52.6 35.4-2.7 2.9-5.2 5.9-5.7 6.8-.5 1-1.2 1.9-1.6 2.2-4.8 3.7-17.5 30.5-19.6 41.3-.2 1-.5 2.6-.8 3.5-.5 1.9-1.4 7.5-2.6 16.7-.8 6.4-.6 25.5.5 34.5.7 6.4 3.9 22 6.2 30 16 57 57.3 111.9 111 147.6 6.1 4.1 11.4 7.4 11.6 7.4.3 0 3.1 1.5 6.4 3.3 20 11.3 50.3 21.6 71.8 24.3 10 1.3 39.3 1 47-.5 21.7-4.2 39.1-11.4 55.4-22.9 12.3-8.8 28.9-27.3 37-41.2 11.4-19.8 20.9-49.1 23.7-73 .3-3 .8-6.3 1-7.3.4-2.2 1.2-15.9 1.9-30.7.6-12.7 1.2-16.7 4-26 6.4-21 18.9-33.8 44.4-45.7 24.3-11.3 27.8-13.4 34.8-20.4 11.8-11.9 19.4-25.9 21.8-40.4 3.6-21.4-5.7-48.8-24.7-72.7l-2.1-2.7 5.6-5.8c3-3.2 7.2-7.6 9.3-9.8 2-2.2 11.6-12.3 21.3-22.4 9.7-10.1 19.4-20.2 21.6-22.6 7.7-8.1 41.1-43 53.1-55.4 6.6-6.9 15.9-16.6 20.7-21.6l8.5-9 4.3 4.3c5.9 5.8 11.8 8.5 18.9 8.6 14.4.1 24.5-14 19.5-27.1-1.1-2.7-4.2-7.2-7.1-10.4l-5.3-5.5 13.7-13.7 13.8-13.8 2.1 2.8c1.1 1.5 4.6 4.3 7.7 6.2 7.6 4.5 15.4 4.8 21.6.7 12.1-8 13-23.8 2-35.1l-3.9-4 6.4-7.3c14.8-16.7 14.1-20.7-8.2-42.2C651 4.7 645.1 1 636.4 5.1zM318.7 346.4c9.4 2.5 16.5 6.8 24.4 14.6 13.6 13.5 18.7 29.2 15.2 46.5-2.1 10.3-6.5 17.8-15.8 27-14.5 14.5-30.7 19.6-49 15.4-17.8-4.1-35.2-21.1-39.9-39-2-7.7-1.3-20.9 1.4-28.1 6-16 21.5-30.8 37.5-35.9 6.5-2 19.6-2.3 26.2-.5zM212.5 540l30.4 30.6-15.5 15.7-15.5 15.7-23-23.2C176.2 566 152 541.5 135 524.4l-30.9-31.1 15.5-15.8 15.5-15.8 23.5 23.9c12.9 13.1 37.2 37.6 53.9 54.4z"/></svg>
--- a/docs/img/screenshot/Tabs
+++ b/docs/img/screenshot/Tabs
--- a/docs/img/screenshot/Tabs-Lite-Feature-Graphic-Full.png
+++ b/docs/img/screenshot/Tabs-Lite-Feature-Graphic-Full.png
--- a/docs/img/screenshot/Tabs-Lite-Feature-Graphic-Small.png
+++ b/docs/img/screenshot/Tabs-Lite-Feature-Graphic-Small.png
--- a/docs/img/screenshot/Tabs-Lite-Feature-Graphic.png
+++ b/docs/img/screenshot/Tabs-Lite-Feature-Graphic.png
--- a/docs/img/screenshot/phone/Am_chord.png
+++ b/docs/img/screenshot/phone/Am_chord.png
--- a/docs/img/screenshot/phone/Split.sketch
+++ b/docs/img/screenshot/phone/Split.sketch
--- a/docs/img/screenshot/phone/backup.png
+++ b/docs/img/screenshot/phone/backup.png
--- a/docs/img/screenshot/phone/custom-playlists.png
+++ b/docs/img/screenshot/phone/custom-playlists.png
--- a/docs/img/screenshot/phone/dark-mode-combined.png
+++ b/docs/img/screenshot/phone/dark-mode-combined.png
--- a/docs/img/screenshot/phone/favorite_tabs_dark.png
+++ b/docs/img/screenshot/phone/favorite_tabs_dark.png
--- a/docs/img/screenshot/phone/favorite_tabs_light.png
+++ b/docs/img/screenshot/phone/favorite_tabs_light.png
--- a/docs/img/screenshot/phone/hallelujah_tab_transpose_0.png
+++ b/docs/img/screenshot/phone/hallelujah_tab_transpose_0.png
--- a/docs/img/screenshot/phone/hallelujah_tab_transpose_1.png
+++ b/docs/img/screenshot/phone/hallelujah_tab_transpose_1.png
--- a/docs/img/screenshot/phone/playstore/Chord-Fingerings-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Chord-Fingerings-Graphic.png
--- a/docs/img/screenshot/phone/playstore/Dark-Mode-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Dark-Mode-Graphic.png
--- a/docs/img/screenshot/phone/playstore/Offline-Tabs-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Offline-Tabs-Graphic.png
--- a/docs/img/screenshot/phone/playstore/Playlists-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Playlists-Graphic.png
--- a/docs/img/screenshot/phone/playstore/TabsLite_
+++ b/docs/img/screenshot/phone/playstore/TabsLite_
--- a/docs/img/screenshot/phone/playstore/Transpose-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Transpose-Graphic.png
--- a/docs/img/screenshot/phone/playstore/Zoom-Graphic.png
+++ b/docs/img/screenshot/phone/playstore/Zoom-Graphic.png
--- a/docs/img/screenshot/phone/playstore/readme.md
+++ b/docs/img/screenshot/phone/playstore/readme.md
@ -0,0 +1 @@
+You can edit these files on app-mockup.com
--- a/docs/img/screenshot/phone/popular_tabs.png
+++ b/docs/img/screenshot/phone/popular_tabs.png
--- a/docs/img/screenshot/phone/search_over_the.png
+++ b/docs/img/screenshot/phone/search_over_the.png
--- a/docs/img/screenshot/phone/transpose-combined.png
+++ b/docs/img/screenshot/phone/transpose-combined.png
--- a/docs/img/screenshot/phone/yesterday_tab_dark.png
+++ b/docs/img/screenshot/phone/yesterday_tab_dark.png
--- a/docs/img/screenshot/phone/yesterday_tab_light.png
+++ b/docs/img/screenshot/phone/yesterday_tab_light.png
--- a/docs/img/screenshot/phone/yesterday_tab_zoom_big.png
+++ b/docs/img/screenshot/phone/yesterday_tab_zoom_big.png
--- a/docs/img/screenshot/phone/yesterday_tab_zoom_small.png
+++ b/docs/img/screenshot/phone/yesterday_tab_zoom_small.png
--- a/docs/img/screenshot/phone/zoom-combined.png
+++ b/docs/img/screenshot/phone/zoom-combined.png
--- a/docs/img/screenshot/tablet/Am_chord.png
+++ b/docs/img/screenshot/tablet/Am_chord.png
--- a/docs/img/screenshot/tablet/favorite_tabs_light.png
+++ b/docs/img/screenshot/tablet/favorite_tabs_light.png
--- a/docs/img/screenshot/tablet/hotel_california_big.png
+++ b/docs/img/screenshot/tablet/hotel_california_big.png
--- a/docs/img/screenshot/tablet/hotel_california_small.png
+++ b/docs/img/screenshot/tablet/hotel_california_small.png
--- a/docs/img/screenshot/tablet/let_it_be_tab_transposed_0.png
+++ b/docs/img/screenshot/tablet/let_it_be_tab_transposed_0.png
--- a/docs/img/screenshot/tablet/let_it_be_tab_transposed_1.png
+++ b/docs/img/screenshot/tablet/let_it_be_tab_transposed_1.png
--- a/docs/img/screenshot/tablet/playstore/Chord-Fingerings-Graphic.png
+++ b/docs/img/screenshot/tablet/playstore/Chord-Fingerings-Graphic.png
--- a/docs/img/screenshot/tablet/playstore/Dark-Mode-Graphic.png
+++ b/docs/img/screenshot/tablet/playstore/Dark-Mode-Graphic.png
--- a/docs/img/screenshot/tablet/playstore/Offline-Tabs-Graphic.png
+++ b/docs/img/screenshot/tablet/playstore/Offline-Tabs-Graphic.png
--- a/docs/img/screenshot/tablet/playstore/Playstore
+++ b/docs/img/screenshot/tablet/playstore/Playstore
--- a/docs/img/screenshot/tablet/playstore/Transpose-Graphic.png
+++ b/docs/img/screenshot/tablet/playstore/Transpose-Graphic.png
--- a/docs/img/screenshot/tablet/playstore/Zoom-Graphic.png
+++ b/docs/img/screenshot/tablet/playstore/Zoom-Graphic.png
--- a/docs/img/screenshot/tablet/popular_tabs.png
+++ b/docs/img/screenshot/tablet/popular_tabs.png
--- a/docs/img/screenshot/tablet/yesterday_dark.png
+++ b/docs/img/screenshot/tablet/yesterday_dark.png
--- a/docs/img/screenshot/tablet/yesterday_light.png
+++ b/docs/img/screenshot/tablet/yesterday_light.png
--- a/docs/img/site.webmanifest
+++ b/docs/img/site.webmanifest
@ -0,0 +1,19 @@
+{
+    "name": "Tabs Lite",
+    "short_name": "Tabs Lite",
+    "icons": [
+        {
+            "src": "https://github.com/cullub/Tabs-Lite/raw/master/docs/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "https://github.com/cullub/Tabs-Lite/raw/master/docs/img/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#fbc02d",
+    "background_color": "#fbc02d",
+    "display": "standalone"
+}
--- a/docs/script/bootstrap
+++ b/docs/script/bootstrap
@ -0,0 +1,6 @@
+#!/bin/sh
+
+set -e
+
+gem install bundler
+bundle install
--- a/docs/script/cibuild
+++ b/docs/script/cibuild
@ -0,0 +1,15 @@
+#!/bin/sh
+
+set -e
+
+script/build
+
+if test -e "./_site/index.html";then
+  echo "It builds!"
+  rm -Rf _site
+else
+  echo "Huh. That's odd. The example site doesn't seem to build."
+  exit 1
+fi
+
+gem build minima.gemspec
--- a/docs/script/server
+++ b/docs/script/server
@ -0,0 +1,3 @@
+#!/bin/sh
+
+bundle exec jekyll serve
				`@ -0,0 +1 @@`
				`// Placeholder to allow overriding predefined variables smoothly.`
				`@ -0,0 +1 @@`
				<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M636.4 5.1c-2.2 1.1-6.9 4.6-10.4 7.9-3.5 3.3-6.7 6-7.1 6-.4 0-1.2-.7-2-1.6-.7-.9-3.2-2.9-5.6-4.5-14.9-10.3-35.3 1.4-32.9 18.8.6 4.6 4.3 11.2 8.4 15l2.6 2.4-13.8 13.8-13.8 13.9-3.4-3.7c-11-12.2-28.4-12.6-36.1-.9-2.3 3.5-2.8 5.2-2.8 10.7 0 7.8 1.8 12 8.1 18.8l4.4 4.7-4.4 4.6c-2.4 2.5-7.9 8.1-12.1 12.5-4.3 4.4-15.9 16.4-25.9 26.6-27.2 27.9-75.8 77.8-88.9 91.3l-11.5 11.9-10-6.6c-24.2-16.1-43.8-23.6-63.7-24.2-20.8-.8-37.4 5.6-51.3 19.7-6.2 6.2-12.6 17.6-18.8 33.3-11.4 29.5-25.4 44.6-46.1 50-6.5 1.7-11.4 2.2-28.8 3-12 .6-18.3 1.1-24 2-1.6.2-5.5.7-8.5 1-3 .4-9.5 1.5-14.5 2.6-4.9 1.2-9.9 2.2-11 2.5-5 .9-19.2 5.6-27.6 9-21.6 8.7-38.5 20.1-52.6 35.4-2.7 2.9-5.2 5.9-5.7 6.8-.5 1-1.2 1.9-1.6 2.2-4.8 3.7-17.5 30.5-19.6 41.3-.2 1-.5 2.6-.8 3.5-.5 1.9-1.4 7.5-2.6 16.7-.8 6.4-.6 25.5.5 34.5.7 6.4 3.9 22 6.2 30 16 57 57.3 111.9 111 147.6 6.1 4.1 11.4 7.4 11.6 7.4.3 0 3.1 1.5 6.4 3.3 20 11.3 50.3 21.6 71.8 24.3 10 1.3 39.3 1 47-.5 21.7-4.2 39.1-11.4 55.4-22.9 12.3-8.8 28.9-27.3 37-41.2 11.4-19.8 20.9-49.1 23.7-73 .3-3 .8-6.3 1-7.3.4-2.2 1.2-15.9 1.9-30.7.6-12.7 1.2-16.7 4-26 6.4-21 18.9-33.8 44.4-45.7 24.3-11.3 27.8-13.4 34.8-20.4 11.8-11.9 19.4-25.9 21.8-40.4 3.6-21.4-5.7-48.8-24.7-72.7l-2.1-2.7 5.6-5.8c3-3.2 7.2-7.6 9.3-9.8 2-2.2 11.6-12.3 21.3-22.4 9.7-10.1 19.4-20.2 21.6-22.6 7.7-8.1 41.1-43 53.1-55.4 6.6-6.9 15.9-16.6 20.7-21.6l8.5-9 4.3 4.3c5.9 5.8 11.8 8.5 18.9 8.6 14.4.1 24.5-14 19.5-27.1-1.1-2.7-4.2-7.2-7.1-10.4l-5.3-5.5 13.7-13.7 13.8-13.8 2.1 2.8c1.1 1.5 4.6 4.3 7.7 6.2 7.6 4.5 15.4 4.8 21.6.7 12.1-8 13-23.8 2-35.1l-3.9-4 6.4-7.3c14.8-16.7 14.1-20.7-8.2-42.2C651 4.7 645.1 1 636.4 5.1zM318.7 346.4c9.4 2.5 16.5 6.8 24.4 14.6 13.6 13.5 18.7 29.2 15.2 46.5-2.1 10.3-6.5 17.8-15.8 27-14.5 14.5-30.7 19.6-49 15.4-17.8-4.1-35.2-21.1-39.9-39-2-7.7-1.3-20.9 1.4-28.1 6-16 21.5-30.8 37.5-35.9 6.5-2 19.6-2.3 26.2-.5zM212.5 540l30.4 30.6-15.5 15.7-15.5 15.7-23-23.2C176.2 566 152 541.5 135 524.4l-30.9-31.1 15.5-15.8 15.5-15.8 23.5 23.9c12.9 13.1 37.2 37.6 53.9 54.4z"/></svg>