Added pages for Abit, most notably about how to help out on development.

2016-10-07 22:30:13 +02:00 · 2016-10-07 22:30:13 +02:00 · 6c56d7ae4a
commit 6c56d7ae4a
75 changed files with 3865 additions and 0 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -0,0 +1,7 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_size = 4
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,28 @@
+# Mac Specific
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Jekyll Specific
+_site/
+
+# Ruby
+Gemfile.lock
--- a/404.html
+++ b/404.html
@ -0,0 +1,48 @@
+---
+layout: default
+title: 404
+permalink: /404.html
+---
+
+<div class="container-fluid index error">
+  <div class="row">
+
+    <div class="col-md-12 content-panel articles">
+      <h1 class="header author-header">404</h1>
+
+      <div class="error-text">
+        Sorry but this page doesn't seem to exist.
+      </div>
+
+      <div class="error-text">
+        <a href="{{ site.baseurl }}/">Home</a> |
+        <a href="{{ site.baseurl }}/posts/">All Posts</a> |
+        <a href="{{ site.baseurl }}/search/">Search</a>
+      </div>
+
+      {% include social_links.html %}
+
+    </div>
+
+  </div>
+
+  <div class="content-panel related">
+    {% for post in site.posts limit:1 %}
+      <div class="related-header">
+        <a href="{{ site.baseurl }}{{ post.url }}">Suggested Article</a>
+      </div>
+      <div class="title">
+        <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+      </div>
+      <div class="excerpt">
+         {% if post.summary %}
+          {{ post.summary | strip_html | truncatewords:30 }}
+         {% else %}
+          {{ post.excerpt | strip_html | truncatewords:30 }}
+         {% endif %}
+        <a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
+      </div>
+    {% endfor %}
+  </div>
+
+</div>
--- a/28
+++ b/28
@ -0,0 +1,28 @@
+Copyright (C) 2014  Jacob Tomlinson
+
+The contents of this website, which consists of the files in
+ * _config.yml
+ * _data
+ * _drafts
+ * _posts
+
+are copyrighted and sole property of its author Jacob Tomlinson. It may not be
+used, modified, syndicated or distributed without expressed permission from
+the author.
+
+However the website theme built using jekyll is Open Source under the following
+GPLv3 license.
+
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
--- a/README.md
+++ b/README.md
@ -0,0 +1,56 @@
+# Carte Noire
+
+A simple Jekyll theme for blogging. Not named after the coffee.
+
+![Homepage](http://i.imgur.com/xlmHArV.png)
+
+### Article
+![Article](http://i.imgur.com/8rD8FfC.png)
+
+### Disqus Comments
+![Comments](http://i.imgur.com/TBZHQwF.png)
+
+### Posts grouped by year
+![All Posts](http://i.imgur.com/9bNs2Sc.png)
+
+### JavaScript Search
+![Search](http://i.imgur.com/yQqMeSl.png)
+
+### Menu by mmenu
+![Menu](http://i.imgur.com/SClrNSH.png)
+
+## Contact
+If you wish to contact me regarding this theme please raise an issue on GitHub,
+tweet me [@_jacobtomlinson](http://www.twitter.com/_jacobtomlinson) or email me
+[jacob@jacobtomlinson.co.uk](mailto:jacob@jacobtomlinson.co.uk).
+
+## Contribution
+Pull requests are very welcome.
+
+## Theme
+This jekyll theme has been created from scratch. Ideas and inspiration are taken
+from other places but the code is my own.
+
+## Tools and Libraries
+The following tools and libraries are used in this theme
+
+### JavaScript
+ * [jQuery](http://jquery.com/)
+ * [MMenu](http://mmenu.frebsite.nl/)
+ * [HighlightJS](https://highlightjs.org/)
+ * [Simple Jekyll Search](https://github.com/christian-fei/Simple-Jekyll-Search)
+
+### CSS
+ * [Bootstrap](http://getbootstrap.com/)
+ * [Font Awesome](http://fortawesome.github.io/Font-Awesome/)
+
+### Social
+ * [AddThis](http://www.addthis.com/)
+ * [Disqus](https://disqus.com/)
+
+### Other
+ * [Real Favicon Generator](http://realfavicongenerator.net/)
+ * [Google Analytics](http://www.google.com/analytics/)
+
+## License
+The jekyll theme, HTML, CSS and JavaScript is licensed under GPLv3 (unless stated otherwise in the file).
--- a/_config.yml
+++ b/_config.yml
@ -0,0 +1,40 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely need to edit after that.
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+title: Abit
+email: chrigu.meyer@gmail.com
+description: > # this means to ignore newlines until "baseurl:"
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+baseurl: "/Abit" # the subpath of your site, e.g. /blog
+url: "https://dissem.github.io" # the base hostname & protocol for your site
+title_description: "A Bitmessage client for Android™"
+title_image: "ic_launcher-web.png"
+#google_analytics: "UA-20365477-4"
+#disqus_account: cartenoire
+github_repository: https://github.com/Dissem/Abit
+
+
+# Social usernames/URLs
+#twitter_username: jekyllrb
+github_username:  Dissem
+
+# Footer
+footer_left: "Made with <i class=\"fa fa-heart\"></i> by <a href=\"https://twitter.com/Dissem\">Christian Basler</a>"
+footer_right: "&lt;/&gt; on <a href=\"https://github.com/Dissem/Abit\">Github</a> &nbsp;<i class=\"fa fa-github-alt\"></i>"
+
+# Build settings
+markdown: kramdown
+
+kramdown:
+  input: GFM
+  syntax_highlighter: rouge
+
+permalink: pretty
+exclude: [vendor]
--- a/_data/thumbnail.yml
+++ b/_data/thumbnail.yml
@ -0,0 +1,2 @@
+gravatar:           "https://www.gravatar.com/avatar/00000000000000000000000000000000?s=500&d=mm"
+jekyll:             "https://i.imgur.com/aRQcGSi.png"
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -0,0 +1,86 @@
+<div class="footer clearfix">
+  <div class="col-md-6">
+    {{ site.footer_left }}
+  </div>
+  <div class="col-md-6">
+    {{ site.footer_right }}
+  </div>
+</div>
+
+<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery.mmenu.min.all.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
+<script type="text/javascript">
+   $(document).ready(function() {
+      $("#my-menu").mmenu().on( "closed.mm", function() {
+            $(".menu-button").show();
+         });
+      $(".menu-button").click(function() {
+        $(".menu-button").hide();
+        $("#my-menu").trigger("open.mm");
+      });
+   });
+</script>
+
+{% if page.make-smaller-titles %}
+<script type="text/javascript">
+
+  function setFontSize() {
+
+    var title, dateOfTitle, fontSizeOfTitle, listOfA, listOfSmall, listOfArticlesDiv, divWidth;
+
+    listOfArticlesDiv = document.getElementsByClassName("articles");
+
+    for (i = 0; i < listOfArticlesDiv.length; i++) {
+
+      listOfA = document.getElementsByClassName("articles")[i].getElementsByTagName("a");
+      listOfSmall = document.getElementsByClassName("articles")[i].getElementsByTagName("small");
+
+      divWidth = document.getElementsByClassName("articles")[i].offsetWidth;
+
+      for (k = 0; k < listOfSmall.length; k++) {
+
+        title = $(listOfA[k]);
+        dateOfTitle = $(listOfSmall[k]);
+
+        fontSizeOfTitle = startingFontSize;
+        title.css("font-size", fontSizeOfTitle);
+
+        while (title.width() + dateOfTitle.width() >= divWidth)
+          title.css("font-size", fontSizeOfTitle -= 0.5);
+
+      }
+    }
+  }
+
+  function getStartFontSize() {
+    try {
+      startingFontSize = parseInt($(document.getElementsByClassName("articles")[0].getElementsByTagName("a")[0]).css("font-size"));
+      setFontSize();
+      window.addEventListener('resize', setFontSize, true);
+    } catch (e) {}
+  }
+
+  $(document).ready(getStartFontSize);
+
+</script>
+{% endif %}
+
+{% if site.google_analytics %}
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{ site.google_analytics }}']);
+          _gaq.push(['_trackPageview']);
+  (function () {
+      var ga = document.createElement('script');
+      ga.type = 'text/javascript';
+      ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
+      var s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+{% endif %}
--- a/_includes/head.html
+++ b/_includes/head.html
@ -0,0 +1,45 @@
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+<meta name="description" content="{{ site.description }}">
+
+<link rel="profile" href="https://gmpg.org/xfn/11" />
+<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
+<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/css/style.css" />
+<link rel="stylesheet" type="text/css" media="all" href="{{ site.baseurl }}/css/jquery.mmenu.all.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/css/idea.css">
+
+<!-- Favicons generated at http://realfavicongenerator.net/ -->
+<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/favicons/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/favicons/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/favicons/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/favicons/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/favicons/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/favicons/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/favicons/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/favicons/apple-touch-icon-180x180.png">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-32x32.png" sizes="32x32">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/android-chrome-192x192.png" sizes="192x192">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-96x96.png" sizes="96x96">
+<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-16x16.png" sizes="16x16">
+<link rel="manifest" href="{{ site.baseurl }}/favicons/manifest.json">
+<link rel="shortcut icon" href="{{ site.baseurl }}/favicons/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-TileImage" content="{{ site.baseurl }}/favicons/mstile-144x144.png">
+<meta name="msapplication-config" content="{{ site.baseurl }}/favicons/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
+
+{% if site.addthis_id %}
+<!-- Go to www.addthis.com/dashboard to customize your tools -->
+<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid={{ site.addthis_id }}"></script>
+{% endif %}
+
+{% if page.content contains '<script type="math/tex' %}
+<!-- MathJax for LaTeX -->
+<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+{% endif %}
+
+</head>
--- a/_includes/header.html
+++ b/_includes/header.html
@ -0,0 +1,14 @@
+<nav id="my-menu">
+  <div>
+    <p>{{ site.title }}</p>
+
+    <ul class="pages">
+      <li><a href="{{ site.baseurl }}/"><i class="fa fa-home"></i> Home</a></li>
+      <li><a href="{{ site.baseurl }}/posts/"><i class="fa fa-archive"></i> All Posts</a></li>
+      <li><a href="{{ site.baseurl }}/search/"><i class="fa fa-search"></i> Search</a></li>
+    </ul>
+
+    {% include social_links.html %}
+  </div>
+</nav>
+<div class="menu-button" href="#menu"><i class="fa fa-bars"></i></div>
--- a/_includes/social_links.html
+++ b/_includes/social_links.html
@ -0,0 +1,8 @@
+<p class="links">
+  {% if site.twitter_username %}<a href="https://www.twitter.com/{{ site.twitter_username }}" target="_new"><i class="fa fa-twitter"></i></a>{% endif %}
+  {% if site.linkedin_link %}<a href="{{ site.linkedin_link }}" target="_new"><i class="fa fa-linkedin"></i></a>{% endif %}
+  {% if site.google_plus_link %}<a href="{{ site.google_plus_link }}" target="_new"><i class="fa fa-google-plus"></i></a>{% endif %}
+  {% if site.github_username %}<a href="https://github.com/{{ site.github_username }}" target="_new"><i class="fa fa-github-alt"></i></a>{% endif %}
+  {% if site.stackoverflow_link %}<a href="{{ site.stackoverflow_link }}" target="_new"><i class="fa fa-stack-overflow"></i></a>{% endif %}
+  <a href="{{ site.baseurl }}/feed.xml" target="_new"><i class="fa fa-rss"></i></a>
+</p>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+
+    {% include head.html %}
+
+    <body>
+
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrap">
+      {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    </body>
+</html>
--- a/_layouts/none.html
+++ b/_layouts/none.html
@ -0,0 +1 @@
+{{ content }}
--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -0,0 +1,153 @@
+---
+layout: default
+---
+
+<div class="container-fluid single">
+  <div class="row">
+
+    <div itemscope itemtype="http://schema.org/Article" class="col-md-12 article">
+      {% if site.data.thumbnail[page.thumbnail] %}
+      <div class="thumb">
+        <img itemprop="image" src="{{ site.data.thumbnail[page.thumbnail] }}" alt="Thumbnail: {{ page.thumbnail }}" />
+      </div>
+      {% elsif page.thumbnail %}
+      <div class="thumb">
+        <i class="fa fa-{{ page.thumbnail }} fa-4x"></i>
+      </div>
+      {% endif %}
+
+      <h1 class="header" itemprop="name">{{ page.title }}</h1>
+
+      <div class="content-panel content">
+
+        {% if page.series %}
+          This post is part of the series '{{ page.series }}':
+          <ol class="series">
+          {% for apost in site.posts reversed %}
+            {% if page.series == apost.series %}
+              <li>
+                {% if page.title == apost.title %}
+                  {% assign nextpost = true %}
+                  {{ apost.title }}
+                {% else %}
+                  {% if nextpost == true %}
+                    {% assign seriesnext = apost %}
+                  {% endif %}
+                  {% assign nextpost = false %}
+                  <a href="{{ apost.url }}">{{ apost.title }}</a>
+                {% endif %}
+              </li>
+            {% endif %}
+          {% endfor %}
+          </ol>
+        {% endif %}
+
+        <span itemprop="articleBody">{{ content }}</span>
+
+        {% if page.series %}
+          {% if seriesnext %}
+            <i>Next post in the series:</i> <a href="{{ seriesnext.url }}">{{ seriesnext.title }}</a>
+          {% endif %}
+        {% endif %}
+
+        {% if site.addthis_id %}
+        <div class="share">
+          <!-- Go to www.addthis.com/dashboard to customize your tools -->
+          <div class="addthis_sharing_toolbox"></div>
+        </div>
+        {% endif %}
+
+        {% if page.tags and page.tags.size > 0 %}
+        <div class="tags">
+          <small>
+          <i class="fa fa-tags"></i>
+            {{ page.tags | join: ', ' }}
+          </small>
+        </div>
+        {% endif %}
+
+      </div>
+
+      {% if site.twitter_username and site.disqus_account %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a> or leave a comment below!
+      </div>
+      {% elsif site.twitter_username %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a>!
+      </div>
+      {% elsif site.disqus_account %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article in the comment section below!
+      </div>
+      {% endif %}
+
+      {% if site.disqus_account %}
+      <div class="content-panel comments">
+        <div id="disqus_thread">
+          <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+          <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+        </div>
+      </div>
+      {% endif %}
+
+      {% if site.related_posts.length > 0 %}
+      <div class="content-panel related clearfix">
+        {% for post in site.related_posts limit:1 %}
+        <div class="related-header">
+          <a href="{{ site.baseurl }}{{ post.url }}">Read More</a>
+        </div>
+          <div class="title">
+            <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+          </div>
+          <div class="excerpt">
+             {% if post.summary %}
+              {{ post.summary | strip_html | truncatewords:30 }}
+             {% else %}
+              {{ post.excerpt | strip_html | truncatewords:30 }}
+             {% endif %}
+            <a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
+          </div>
+        {% endfor %}
+        <hr />
+        <div class="previous previous-next">
+          {% if page.previous %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.previous.url }}">{{ page.previous.title }}</a>
+          </p>
+          <p class="date">Published {{ page.previous.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+        <div class="next previous-next">
+          {% if page.next %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.next.url }}">{{ page.next.title }}</a>
+          </p>
+          <p class="date">Published {{ page.next.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+      </div>
+      {% endif %}
+
+    </div>
+
+  </div>
+
+</div>
+
+{% if site.disqus_account %}
+<script type="text/javascript">
+/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+function disqus_config() { this.experiment.enable_scroll_container = true; }
+var disqus_shortname = "{{ site.disqus_account }}"; // required: replace example with your forum shortname
+/* * * DON'T EDIT BELOW THIS LINE * * */
+(function() {
+  var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+  dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+})();
+</script>
+{% endif %}
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -0,0 +1,187 @@
+---
+layout: default
+---
+
+{% if page.minutes %}
+  {% assign minutes = page.minutes %}
+{% else %}
+  {% assign minutes = content | number_of_words | divided_by: 180 %}
+  {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}
+{% endif %}
+
+<div class="container-fluid single">
+  <div class="row">
+
+    <div itemscope itemtype="http://schema.org/Article" class="col-md-12 article">
+      {% if site.data.thumbnail[page.thumbnail] %}
+      <div class="thumb">
+        <img itemprop="image" src="{{ site.data.thumbnail[page.thumbnail] }}" alt="Thumbnail: {{ page.thumbnail }}" />
+      </div>
+      {% elsif page.thumbnail %}
+      <div class="thumb">
+        <i class="fa fa-{{ page.thumbnail }} fa-4x"></i>
+      </div>
+      {% endif %}
+
+      <h1 class="header" itemprop="name">{{ page.title }}</h1>
+
+      <div class="author">
+        <small><i>
+          {% if page.author %}
+          by
+          <span itemprop="author">
+            {% if site.google_plus_link %}
+              <a rel="author" href="{{ site.google_plus_link }}">
+            {% endif %}
+            <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+              <span itemprop="name">{{ page.author }}</span>
+            </span>
+            {% if site.google_plus_link %}
+              </a>
+            {% endif %}
+          </span>
+          {% endif %}
+          on <span itemprop="datePublished" content="2014-08-28">{{ page.date | date: "%B %-d, %Y" }}</span>
+          {% if page.categories != empty %} under {% for category in page.categories limit:1 %}{{ category }}{% endfor %}{% endif %}
+        </i></small>
+      </div>
+
+      <div class="read-time">
+        <small>
+          {{ minutes }} minute read
+        </small>
+      </div>
+
+      <div class="content-panel content">
+
+        {% if page.series %}
+          This post is part of the series '{{ page.series }}':
+          <ol class="series">
+          {% for apost in site.posts reversed %}
+            {% if page.series == apost.series %}
+              <li>
+                {% if page.title == apost.title %}
+                  {% assign nextpost = true %}
+                  {{ apost.title }}
+                {% else %}
+                  {% if nextpost == true %}
+                    {% assign seriesnext = apost %}
+                  {% endif %}
+                  {% assign nextpost = false %}
+                  <a href="{{ apost.url }}">{{ apost.title }}</a>
+                {% endif %}
+              </li>
+            {% endif %}
+          {% endfor %}
+          </ol>
+        {% endif %}
+
+        <span itemprop="articleBody">{{ content }}</span>
+
+        {% if page.series %}
+          {% if seriesnext %}
+            <i>Next post in the series:</i> <a href="{{ seriesnext.url }}">{{ seriesnext.title }}</a>
+          {% endif %}
+        {% endif %}
+
+        {% if site.addthis_id %}
+        <div class="share">
+          <!-- Go to www.addthis.com/dashboard to customize your tools -->
+          <div class="addthis_sharing_toolbox"></div>
+        </div>
+        {% endif %}
+
+        {% if page.tags and page.tags.size > 0 %}
+        <div class="tags">
+          <small>
+          <i class="fa fa-tags"></i>
+            {{ page.tags | join: ', ' }}
+          </small>
+        </div>
+        {% endif %}
+
+      </div>
+
+      {% if site.twitter_username and site.disqus_account %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a> or leave a comment below!
+      </div>
+      {% elsif site.twitter_username %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article on twitter <a href="http://www.twitter.com/{{ site.twitter_username }}">@{{ site.twitter_username }}</a>!
+      </div>
+      {% elsif site.disqus_account %}
+      <div class="content-panel feedback">
+        I <i class="fa fa-heart"></i> feedback.<br />
+        Let me know what you think of this article in the comment section below!
+      </div>
+      {% endif %}
+
+      {% if site.disqus_account %}
+      <div class="content-panel comments">
+        <div id="disqus_thread">
+          <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+          <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+        </div>
+      </div>
+      {% endif %}
+
+      {% if site.related_posts.length > 0 %}
+      <div class="content-panel related clearfix">
+        {% for post in site.related_posts limit:1 %}
+        <div class="related-header">
+          <a href="{{ site.baseurl }}{{ post.url }}">Read More</a>
+        </div>
+          <div class="title">
+            <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+          </div>
+          <div class="excerpt">
+             {% if post.summary %}
+              {{ post.summary | strip_html | truncatewords:30 }}
+             {% else %}
+              {{ post.excerpt | strip_html | truncatewords:30 }}
+             {% endif %}
+            <a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
+          </div>
+        {% endfor %}
+        <hr />
+        <div class="previous previous-next">
+          {% if page.previous %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.previous.url }}">{{ page.previous.title }}</a>
+          </p>
+          <p class="date">Published {{ page.previous.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+        <div class="next previous-next">
+          {% if page.next %}
+          <p>
+            <a href="{{ site.baseurl }}{{ page.next.url }}">{{ page.next.title }}</a>
+          </p>
+          <p class="date">Published {{ page.next.date | date: "%B %-d, %Y" }}</p>
+          {% endif %}
+        </div>
+      </div>
+      {% endif %}
+
+    </div>
+
+  </div>
+
+</div>
+
+{% if site.disqus_account %}
+<script type="text/javascript">
+/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+function disqus_config() { this.experiment.enable_scroll_container = true; }
+var disqus_shortname = "{{ site.disqus_account }}"; // required: replace example with your forum shortname
+/* * * DON'T EDIT BELOW THIS LINE * * */
+(function() {
+  var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+  dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+})();
+</script>
+{% endif %}
--- a/_posts/2014-06-08-using-thumbnails.md
+++ b/_posts/2014-06-08-using-thumbnails.md
@ -0,0 +1,59 @@
+---
+layout:     post
+title:      Using thumbnails
+date:       2014-06-08 12:32:18
+summary:    Using thumbnails in your Carte Noire articles.
+categories: jekyll
+thumbnail: jekyll
+tags:
+ - thumbnails
+ - carte noire
+---
+
+Carte Noire is designed to start each article with an all-white image as a
+thumbnail. These are created by adding a `thumbnail` parameter to the article's
+[YAML frontmatter][1]. This thumbnail parameter is processed in one of two ways,
+images specified in `_data/thumbnails.yml` or using [Font Awesome][2].
+
+## Images
+
+To use your own custom images as a thumbnail you must upload them to a web available
+location (I use [Imgur][3]) and then you need to add the url to `_data/thumbnail.yml`
+with an associated keyword.
+
+```
+jekyll: "http://i.imgur.com/aRQcGSi.png"
+```
+
+You then add a `thumbnail` option to the article's frontmatter and provide the keyword
+for that thumbnail.
+
+```
+thumbnail: jekyll
+```
+
+This allows you to re-use thumbnails across multiple articles without having to
+specify the url each time.
+
+## Font Awesome
+
+If jekyll can't find a corresponding image in your `thumbnail.yml` file then it
+will assume you want to use a Font Awesome icon instead. You can find the full
+list of Font Awesome icons [here][4].
+
+So for example if your article is about android and you want to use the [android icon][5]
+from font awesome you can just specify the following in your frontmatter.
+
+```
+thumbnail: android
+```
+
+Then in the future if you decide you want to use your own android icon you can just
+add it to `_data/thumbnails.yml` which will override it for all articles using
+the android thumbnail.
+
+[1]: http://jekyllrb.com/docs/frontmatter/
+[2]: http://fortawesome.github.io/Font-Awesome/
+[3]: http://imgur.com/
+[4]: http://fortawesome.github.io/Font-Awesome/icons/
+[5]: http://fortawesome.github.io/Font-Awesome/icon/android/
--- a/_posts/2014-06-09-so-what-is-jekyll.md
+++ b/_posts/2014-06-09-so-what-is-jekyll.md
@ -0,0 +1,21 @@
+---
+layout:     post
+title:      So, What is Jekyll?
+date:       2014-06-09 12:32:18
+summary:    Transform your plain text into static websites and blogs. Simple, static, and blog-aware.
+categories: jekyll
+thumbnail: jekyll
+tags:
+ - about
+ - jekyll
+---
+
+Jekyll is a tool for transforming your plain text into static websites and
+blogs. It is simple, static, and blog-aware. Jekyll uses the
+[Liquid](http://docs.shopify.com/themes/liquid-basics) templating
+language and has builtin [Markdown](http://daringfireball.net/projects/markdown/)
+and [Textile](http://en.wikipedia.org/wiki/Textile_(markup_language)) support.
+
+It also ties in nicely to [Github Pages](https://pages.github.com/).
+
+Learn more about Jekyll on their [website](http://jekyllrb.com/).
--- a/_posts/2014-06-10-carte-noire-in-action.md
+++ b/_posts/2014-06-10-carte-noire-in-action.md
@ -0,0 +1,105 @@
+---
+layout:     post
+title:      Carte Noire in Action
+date:       2014-06-10 12:31:19
+summary:    See what the different elements looks like.
+categories: jekyll
+thumbnail: cogs
+tags:
+ - demo
+ - action
+ - carte
+ - noire
+---
+
+**Note** - This article is a derivative of ["See pixyll in action"][1], taken from the lovely jekyll theme [pixyll][4].
+
+All links are easy to [locate and discern](#), yet don't detract from the harmony
+of a paragraph. The _same_ goes for italics and __bold__ elements. Even the the strikeout
+works if <del>for some reason you need to update your post</del>. For consistency's sake,
+<ins>The same goes for insertions</ins>, of course.
+
+### Code, with syntax highlighting
+
+Code blocks use the [peppermint][2] theme.
+
+{% highlight ruby %}
+class Awesome < ActiveRecord::Base
+  include EvenMoreAwesome
+
+  validates_presence_of :something
+  validates :email, email_format: true
+
+  def initialize(email, name = nil)
+    self.email = email
+    self.name = name
+  end
+end
+{% endhighlight %}
+
+```html
+<!DOCTYPE html>
+<title>Title</title>
+
+<style>body {width: 500px;}</style>
+
+<script type="application/javascript">
+  function $init() {return true;}
+</script>
+
+<body>
+  <p checked class="title" id='title'>Title</p>
+  <!-- here goes the rest of the page -->
+</body>
+```
+
+# Headings!
+
+They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`).
+
+##### They draw the perfect amount of attention
+
+This allows your content to have the proper informational and contextual hierarchy. Yay.
+
+### There are lists, too
+
+  * Apples
+  * Oranges
+  * Potatoes
+  * Milk
+
+  1. Mow the lawn
+  2. Feed the dog
+  3. Dance
+
+### Images look great, too
+
+![Thumper](https://i.imgur.com/DMCHDqF.jpg)
+
+
+### Stylish blockquotes included
+
+You can use the markdown quote syntax, `>` for simple quotes.
+
+> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris.
+
+### LaTeX support
+
+The default math delimiters are \$\$. Hence `$$ E = m \cdot c^2 $$` yields $$ E = m \cdot c^2 $$
+
+And here's something more fancy:
+
+$$ \zeta(s) = \frac{1}{\Gamma(s)} \int \limits_0^\infty x^{s-1} \sum_{n=1}^\infty e^{-nx} \mathrm{d}x = \frac{1}{\Gamma(s)} \int \limits_0^\infty \frac{x^{s-1}}{e^x - 1} \mathrm{d}x $$
+
+
+### There's more being added all the time
+
+Checkout the [Github repository][3] to request,
+or add, features.
+
+Happy writing.
+
+[1]: http://pixyll.com/jekyll/pixyll/2014/06/10/see-pixyll-in-action/
+[2]: https://noahfrederick.com/log/lion-terminal-theme-peppermint/
+[3]: https://github.com/jacobtomlinson/carte-noire
+[4]: http://pixyll.com/
--- a/_posts/2015-03-23-welcome-to-carte-noir.md
+++ b/_posts/2015-03-23-welcome-to-carte-noir.md
@ -0,0 +1,28 @@
+---
+layout:     post
+title:      Welcome to Carte Noire
+date:       2015-03-23 15:31:19
+author:     Jacob Tomlinson
+summary:    Carte Noire is a dark blog theme for Jekyll focusing on a clear reading experience.
+categories: jekyll
+thumbnail:  heart
+tags:
+ - welcome
+ - to
+ - carte
+ - noire
+---
+
+Welcome to Carte Noire.
+
+Carte Noire began as a new theme for [my personal blog][1], but has now taken
+on a life of its own as a free theme for Jekyll.
+
+The theme has been designed with simplicity and readability in mind. It makes
+use of third party services such as Disqus ad AddThis to ensure the blog has
+all the features you would expect from a dynamic application such as Wordpress
+but with the hosting and maintenance simplicity of Jekyll.
+
+Please use/copy/share Carte Noire!
+
+[1]: http://www.jacobtomlinson.co.uk/
--- a/css/highlightjs.piperita.scss
+++ b/css/highlightjs.piperita.scss
@ -0,0 +1,114 @@
+---
+---
+/* Piperita - Theme */
+/* by Jacob Tomlinson () */
+
+/* Colours */
+$base-white:      #E6E6E6;
+$base-red:        #FF0028;
+$light-black:     #737373;
+$dark-black:      #4C4C4C;
+$light-red:       #FFA8BA;
+$dark-red:        #FF6685;
+$light-green:     #C5EBC5;
+$dark-green:      #A6EBA6;
+$light-yellow:    #F9F9A5;
+$dark-yellow:     #FFDC72;
+$light-blue:      #8DDBFF;
+$dark-blue:       #5DC6F5;
+$light-purple:    #FFABFF;
+$dark-purple:     #FF8FFF;
+$light-aqua:      #B0F0F0;
+$dark-aqua:       #86D1D7;
+$light-white:     #FFFFFF;
+$dark-white:      #DBDBDB;
+
+
+/* Piperita Dark Title */
+.hljs-title {
+  color: $dark-white;
+}
+
+/* Piperita Dark Green */
+.hljs-variable,
+.hljs-attribute,
+.hljs-tag,
+.hljs-regexp,
+.ruby .hljs-constant,
+.xml .hljs-tag .hljs-title,
+.xml .hljs-pi,
+.xml .hljs-doctype,
+.html .hljs-doctype,
+.css .hljs-id,
+.css .hljs-class,
+.css .hljs-pseudo {
+  color: $dark-green;
+}
+
+/* Piperita Dark Orange */
+.hljs-number,
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-built_in,
+.hljs-literal,
+.hljs-params,
+.hljs-constant {
+  color: #df5320;
+}
+
+/* Piperita Dark Yellow */
+.hljs-ruby .hljs-class .hljs-title,
+.css .hljs-rules .hljs-attribute {
+  color: $dark-yellow;
+}
+
+/* Piperita Dark Red */
+.hljs-string,
+.hljs-value,
+.hljs-inheritance,
+.hljs-header,
+.ruby .hljs-symbol,
+.xml .hljs-cdata {
+  color: $dark-red;
+}
+
+/* Piperita Dark Aqua */
+.css .hljs-hexcolor {
+  color: $dark-aqua;
+}
+
+/* Piperita Dark Blue */
+.hljs-function,
+.hljs-comment,
+.python .hljs-decorator,
+.python .hljs-title,
+.ruby .hljs-function .hljs-title,
+.ruby .hljs-title .hljs-keyword,
+.perl .hljs-sub,
+.javascript .hljs-title,
+.coffeescript .hljs-title {
+  color: $dark-blue;
+}
+
+/* Piperita Dark Purple */
+.hljs-keyword,
+.javascript .hljs-function {
+  color: $dark-purple;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  color: $base-white;
+  -webkit-text-size-adjust: none;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+  opacity: 0.5;
+}
--- a/css/idea.css
+++ b/css/idea.css
@ -0,0 +1,91 @@
+/*
+
+Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #000;
+}
+
+.hljs-subst,
+.hljs-title {
+  font-weight: normal;
+  color: #000;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #808080;
+  font-style: italic;
+}
+
+.hljs-meta {
+  color: #808000;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-literal,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type,
+.hljs-selector-id,
+.hljs-selector-class {
+  font-weight: bold;
+  color: #000080;
+}
+
+.hljs-attribute,
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: bold;
+  color: #0000ff;
+}
+
+.hljs-number,
+.hljs-regexp,
+.hljs-link {
+  font-weight: normal;
+}
+
+.hljs-string {
+  color: #008000;
+  font-weight: bold;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-formula {
+  color: #000;
+  font-style: italic;
+}
+
+.hljs-doctag {
+  text-decoration: underline;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #660e7a;
+}
+
+.hljs-addition {
+  background: #baeeba;
+}
+
+.hljs-deletion {
+  background: #ffc8bd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
--- a/css/jquery.mmenu.all.css
+++ b/css/jquery.mmenu.all.css
--- a/css/style.scss
+++ b/css/style.scss
@ -0,0 +1,864 @@
+---
+---
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700);
+@import url(https://fonts.googleapis.com/css?family=Montserrat);
+@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700);
+
+/* Colours */
+$twitter:        #6dabda;
+$linkedin:       #2b77b1;
+$google-plus:    #c95644;
+$github:         #f6c2a4;
+$stack-overflow: #c98b3b;
+$rss:            #eea33a;
+
+$colorPrimaryLight:         #FFECB3;
+$colorPrimary:         #FFC107;
+$medium:         rgba(255, 255, 255, 0.87);
+$light-medium:   #969696;
+$dark-blue:      #215A6D;
+$colorAccent:          #607D8B;
+$green:          #92C7A3;
+$light:          #DFECE6;
+$colorPrimaryDarkText: #212121;
+$dark-purple:    #300030;
+$medium-purple:  #480048;
+$regular-purple: #601848;
+$red:            #C04848;
+$orange:         #F07241;
+
+/* Responsive sizes */
+$screen-sm-min: 768px;
+$screen-md-min: 992px;
+$screen-lg-min: 1200px;
+
+/* Globals */
+
+html {
+	height: 100%;
+	overflow-x: hidden;
+}
+
+body {
+	font-family: 'Open Sans', sans-serif;
+	font-weight: 300;
+	background-color: $colorPrimary;
+	color: $colorPrimaryDarkText;
+	font-size: 16px;
+	height: 100%;
+	width: 100%
+}
+
+a, a:active {
+	color: $colorAccent;
+	text-decoration: none;
+}
+
+a:hover {
+	color: $dark-blue;
+	text-decoration: none;
+}
+
+ul {
+    list-style-type: none;
+}
+
+.navbar, .nav {
+	background-color: $dark-blue;
+
+	.navbar-toggle {
+		margin-top: 10px;
+		padding-top: 0px;
+		padding-bottom: 20px;
+	}
+
+	li {
+
+		a, a:active {
+			color: $colorPrimaryDarkText;
+		}
+
+		a:hover {
+			color: $dark-blue;
+			text-decoration: none;
+		}
+	}
+}
+
+.clearfix:after {
+   content: " ";
+   display: block;
+   height: 0;
+   clear: both;
+}
+
+.header {
+	font-size: 32px;
+	text-align: center;
+	margin-top: 20px;
+	margin-left: -0%;
+	width: 100%;
+
+	@media (min-width: $screen-sm-min) {
+		font-size: 62px;
+		margin-left: -10%;
+		width: 120%;
+	}
+}
+
+.menu-button {
+	color: $colorPrimaryDarkText;
+	font-size: 24px;
+	position: fixed;
+	top: 10px;
+	left: 20px;
+	cursor: pointer;
+	line-height: 1em;
+	padding: 10px;
+	background-color: $colorPrimary;
+	z-index: 100;
+	@media (min-width: $screen-sm-min) {
+		top: 20px;
+		left: 40px;
+	}
+}
+
+.content-panel {
+	background-color: $medium;
+	padding-top: 20px;
+	padding-bottom: 20px;
+	padding-left: 30px;
+	padding-right: 30px;
+	margin-top: 20px;
+	box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2);
+	border-bottom: 5px solid $colorAccent;
+}
+
+#my-menu {
+
+	p {
+		margin-bottom: 5px;
+	}
+
+	a, a:active {
+		color: $light;
+	}
+
+	a:hover {
+		color: $colorAccent;
+	}
+
+	.pages {
+
+		.fa {
+			margin-right: 10px;
+		}
+	}
+}
+
+.links {
+	margin-top: 50px;
+	text-align: center;
+
+	i {
+		padding-left: 5px;
+		padding-right: 5px;
+
+		@media (min-width: $screen-sm-min) {
+			padding-left: 10px;
+			padding-right: 10px;
+		}
+	}
+
+	.fa {
+		-webkit-transition: 0.3s;
+		-moz-transition: 0.3s;
+		transition: 0.3s;
+	}
+
+	.fa-twitter:hover {
+		color: $twitter;
+	}
+
+	.fa-linkedin:hover {
+		color: $linkedin;
+	}
+
+	.fa-google-plus:hover {
+		color: $google-plus;
+	}
+
+	.fa-github-alt:hover {
+		color: $github;
+	}
+
+	.fa-stack-overflow:hover {
+		color: $stack-overflow;
+	}
+
+	.fa-rss:hover {
+		color: $rss;
+	}
+}
+
+/* Index */
+
+.index {
+	height: 100%;
+	max-height: 100%;
+	width: 100%;
+	padding: 0px;
+
+	@media (min-width: $screen-sm-min) {
+		width: 700px;
+		max-width:700px;
+	}
+
+	.header {
+		margin-top: 10px;
+		margin-left: 0%;
+		margin-bottom: 0px;
+		font-size: 32px;
+		width: 100%;
+
+		@media (min-width: $screen-lg-min) {
+			margin-left: -10%;
+			width: 120%;
+		}
+	}
+
+	.categories {
+		font-size: 22px;
+	}
+
+	.content-panel:nth-of-type(1) {
+		border-bottom: 10px solid $colorAccent;
+	}
+
+	.author-header {
+		font-family: 'Montserrat', sans-serif;
+		color: $colorAccent;
+		margin-top: 0px;
+		padding-top: 15px;
+		font-size: 30px;
+
+		@media (min-width: $screen-sm-min) {
+			font-size: 52px;
+			margin-top: 0px;
+		}
+
+		@media (min-width: $screen-md-min) {
+			font-size: 60px;
+			margin-top: -20px;
+		}
+	}
+
+	.row {
+		height: 100%;
+		max-height: 100%;
+		margin-top: 60px;
+		margin-left: 0px;
+		margin-right: 0px;
+	}
+
+	.gravatar {
+		width: 100%;
+		margin-top: -80px;
+		text-align: center;
+	}
+
+	.author-text {
+		text-align: center;
+		margin-top: 30px;
+
+		b {
+			font-size: 32px;
+		}
+	}
+
+	.links {
+		font-size: 2em;
+	}
+
+	.articles {
+		text-align: center;
+		font-size: 20px;
+
+		h2 {
+			margin-bottom: 30px;
+			color: $colorAccent;
+			font-size: 26px;
+		}
+
+		ul {
+
+			padding: 0px;
+
+			li {
+				margin-bottom: 20px;
+				font-size: 24px;
+
+				a:hover {
+					color: $light-medium;
+				}
+
+				small {
+					font-size: 14px;
+					margin-top: -10px;
+					padding-top: 0px;
+					color: $light-medium;
+				}
+
+			}
+
+			li:nth-last-of-type(1) {
+
+				small {
+					font-size: 16px;
+				}
+
+			}
+		}
+
+		a, a:active {
+			color: $colorPrimaryDarkText;
+			white-space: nowrap;
+		}
+
+		a:hover {
+			color: $colorAccent;
+		}
+	}
+
+	.copyright {
+		margin-top: 50px;
+		text-align: center;
+	}
+
+	.links {
+		a, a:active {
+			color: $colorPrimaryDarkText;
+		}
+	}
+
+	.menu {
+		margin-top: 250px;
+		margin-bottom: 20px;
+		font-size: 20px;
+		position: absolute;
+		bottom: 0px;
+
+		a, a:active {
+			color: $colorPrimaryDarkText;
+		}
+
+		a:hover {
+			color: $colorAccent;
+		}
+
+		ul {
+			margin-bottom: 30px;
+			padding-left: 10px;
+
+			ul {
+				padding-left: 50px;
+				list-style: none;
+				margin-left: 0;
+				text-indent: -0.6em;
+			}
+		}
+	}
+
+}
+
+.all-posts {
+	margin-left: 0px;
+	margin-right: 0px;
+
+	@media (min-width: $screen-sm-min) {
+		#search-container {
+			padding-top: 75px;
+			padding-bottom: 150px;
+		}
+	}
+
+	@media (min-width: $screen-md-min) {
+		margin-left: -15px;
+		margin-right: -15px;
+
+		#search-container {
+			padding-bottom: 300px;
+		}
+	}
+
+	#search-input {
+		position:relative;
+		width: 100%;
+		padding:6px 15px 6px 30px;
+		margin: 2px;
+		margin-top: 50px;
+
+		color:$colorPrimary;
+		background-color:$colorPrimaryDarkText;
+
+		border:1px solid #adc5cf;
+		border-radius:15px;
+		-moz-border-radius:15px;
+		-webkit-border-radius:15px;
+	}
+
+	#search-input:focus {
+		border: none;
+  }
+
+	.content-panel {
+		padding-left: 10px;
+		padding-right: 10px;
+		@media (min-width: $screen-md-min) {
+			padding-left: 30px;
+			padding-right: 30px;
+		}
+	}
+}
+
+
+.single {
+	height:100%;
+	max-height: 100%;
+
+	h1, h2, h3, h4, h5, h6 {
+		font-family: 'Montserrat', sans-serif;
+		margin-bottom: 10px;
+	}
+
+	h2 {
+		font-size: 36px;
+	}
+
+	h3 {
+		font-size: 28px;
+	}
+
+	p {
+		margin-bottom: 10px;
+
+		@media (min-width: $screen-sm-min) {
+			margin-bottom: 40px;
+		}
+	}
+
+	.menu {
+
+		background-color: $dark-blue;
+
+		a, a:active {
+			color: $colorPrimaryDarkText;
+		}
+
+		a:hover {
+			color: $colorAccent;
+		}
+
+		h4 {
+			margin-top: 20px;
+		}
+
+		.share {
+			margin-top: 20px;
+
+			h4 {
+				margin-bottom: 10px;
+			}
+		}
+
+		.home {
+			margin-top: 10px;
+			font-size: 16px;
+
+			a {
+				color: $colorPrimaryDarkText;
+			}
+		}
+
+		.related {
+			ul {
+				padding: 0px;
+			}
+			li {
+				margin-bottom: 10px;
+			}
+		}
+	}
+
+	.article {
+		width: 100%;
+		margin-left: 0%;
+		padding: 0px;
+
+		@media (min-width: $screen-sm-min) {
+			width: 90%;
+			margin-left: 5%;
+		}
+
+		@media (min-width: $screen-md-min) {
+			width: 70%;
+			margin-left: 15%;
+		}
+
+		@media (min-width: $screen-lg-min) {
+			width: 50%;
+			margin-left: 25%;
+		}
+
+		.thumb {
+			margin-top: 20px;
+			margin-bottom: 0px;
+			text-align: center;
+
+			img {
+				height: 50px;
+				@media (min-width: $screen-sm-min) {
+					height: 70px;
+				}
+			}
+		}
+
+		.author {
+			font-size: 20px;
+			text-align: center;
+			margin-bottom: 0px;
+		}
+
+		.read-time {
+			font-size: 16px;
+			text-align: center;
+			margin-bottom: 10px;
+			font-weight: 400;
+			@media (min-width: $screen-sm-min) {
+				margin-bottom: 40px;
+			}
+		}
+
+		.content {
+			font-size: 18px;
+			line-height: 170%;
+			padding-left: 15px;
+			padding-right: 15px;
+			padding-top: 10px;
+			padding-bottom: 10px;
+
+			@media (min-width: $screen-sm-min) {
+				font-size: 24px;
+				padding-left: 30px;
+				padding-right: 30px;
+				padding-top: 40px;
+				padding-bottom: 20px;
+			}
+
+			.series {
+				margin-bottom: 50px;
+			}
+
+			img {
+				max-width: 100%;
+				padding: 10px;
+    		display: block;
+    		margin-left: auto;
+    		margin-right: auto
+			}
+
+			ul {
+				list-style-type: disc;
+			}
+
+            		ol {
+				list-style-type: decimal;
+			}
+
+			blockquote {
+				position: relative;
+				width: 100%;
+		    margin-left: -15px;
+				padding-right: 10px;
+				background-color: $colorPrimaryLight;
+				color: white;
+				box-sizing: content-box;
+				border: none;
+				font-size: 28px;
+
+				@media (min-width: $screen-sm-min) {
+					margin-left: -30px;
+					padding-left: 45px;
+					padding-right: 15px;
+				}
+
+				p {
+			    margin: 0;
+			    padding: 15px;
+					z-index: 0;
+				}
+
+				:before {
+    			font-family: "Times New Roman";
+					color: $light-medium;
+			    content: "“";
+			    position: absolute;
+			    top: 15px;
+			    left: 15px;
+			    font-size: 65px;
+			    font-weight: bold;
+				}
+
+			}
+
+			.alignright {
+				float: right;
+			}
+
+			.aligncenter {
+			    display: block;
+			    margin: 5px auto 5px auto;
+			}
+
+			figure.highlight, div.highlighter-rouge {
+				width: 100%;
+				margin-left: -15px;
+				padding-right: 10px;
+				box-sizing: content-box;
+
+				@media (min-width: $screen-sm-min) {
+					margin-left: -30px;
+					padding-right: 60px;
+				}
+
+				pre {
+					width: 100%;
+					font-family: 'Anonymous Pro';
+					background-color: $colorPrimaryLight;
+					color: $colorPrimaryDarkText;
+					font-size: 12px;
+					border: none;
+					padding-left: 15px;
+					padding-top: 20px;
+					padding-bottom: 20px;
+					padding-right: 15px;
+					box-sizing: content-box;
+					border-radius: 0;
+					margin-bottom: 10px;
+					margin-top: 10px;
+
+					@media (min-width: $screen-sm-min) {
+						padding-left: 50px;
+						padding-right: 10px;
+						margin-bottom: 40px;
+						font-size: 15px;
+					}
+				}
+			}
+
+			p, ul, ol {
+
+				code {
+					font-family: 'Anonymous Pro';
+					font-size: 15px;
+					background-color: $colorPrimaryLight;
+					color: $colorPrimaryDarkText;
+					padding: 0.5em;
+					vertical-align: middle;
+				}
+
+			}
+
+			.tags {
+				margin-top: 10px;
+				margin-bottom: 10px;
+				text-align: center;
+
+				a, a:active {
+					color: $colorPrimaryDarkText;
+				}
+
+				a:hover {
+					color: $colorAccent;
+				}
+
+			}
+
+			.share {
+				margin-top: 20px;
+				margin-bottom: 10px;
+				text-align: center;
+
+			}
+
+		}
+
+		.feedback {
+			text-align: center;
+
+			.fa-heart {
+				color: $red;
+			}
+
+		}
+
+		.comments {
+		}
+
+	}
+}
+
+.related {
+	margin-top: 50px;
+	text-align: center;
+
+	.related-header {
+		margin-top: -30px;
+		margin-bottom: 20px;
+
+		a {
+			color: $colorPrimaryDarkText;
+			font-size: 18px;
+			width: auto;
+			padding: 10px 20px;
+			background-color: $colorPrimaryLight;
+			box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2);
+		}
+
+		a:hover {
+			color: $dark-blue;
+		}
+	}
+
+	.title {
+		padding-top:20px;
+		font-size: 24px;
+		margin-bottom: 20px;
+
+		@media (min-width: $screen-sm-min) {
+			font-size: 36px;
+		}
+
+		a {
+			color: $colorPrimaryDarkText;
+		}
+
+		a:hover {
+			color: $light;
+		}
+	}
+
+	p {
+		margin-bottom: 0px;
+	}
+
+	.previous-next {
+		width: 50%;
+
+		a {
+			color: $colorPrimaryDarkText;
+		}
+
+		a:hover {
+			color: $light;
+		}
+	}
+
+	.next {
+		float: right;
+		text-align: right;
+	}
+
+	.previous {
+		float: left;
+		text-align: left;
+	}
+
+	.date {
+		color: $light-medium;
+	}
+}
+
+.search-hr {
+	width: 700px;
+	border-color: $light-medium;
+}
+
+.error {
+	.error-text {
+		margin-top: 30px;
+
+		a {
+			color: $colorAccent;
+		}
+	}
+
+	.links {
+		font-size: 1em;
+	}
+}
+
+.footer {
+	width: 100%;
+	margin-left: 0%;
+
+	.fa-heart {
+		color: $red;
+	}
+
+	@media (min-width: $screen-sm-min) {
+		width: 90%;
+		margin-left: 5%;
+	}
+
+	@media (min-width: $screen-md-min) {
+		width: 80%;
+		margin-left: 10%;
+	}
+
+	@media (min-width: $screen-lg-min) {
+		width: 70%;
+		margin-left: 15%;
+	}
+
+	div {
+		color: $light-medium;
+		text-align: center;
+		margin-top: 20px;
+		margin-bottom: 20px;
+	}
+}
+
+.btn-categories {
+	background-color: $colorAccent;
+	border-color: $colorAccent;
+	color: $colorPrimaryDarkText;
+	&:hover {
+		background-color: $dark-blue;
+		border-color: $dark-blue;
+		color: $colorPrimaryDarkText;
+	}
+	&:active {
+		background-color: $dark-blue;
+		border-color: $dark-blue;
+		color: $colorPrimaryDarkText;
+	}
+	&:focus {
+		background-color: $dark-blue;
+		border-color: $dark-blue;
+		color: $colorPrimaryDarkText;
+	}
+}
+
+.dropdown-menu {
+	background-color: $colorAccent;
+	color: $colorPrimaryDarkText;
+	> li > a {
+		background-color: $colorAccent;
+		color: $colorPrimaryDarkText;
+		&:hover {
+			background-color: $dark-blue;
+			color: $colorPrimaryDarkText;
+		}
+	}
+}
--- a/favicons/README.md
+++ b/favicons/README.md
@ -0,0 +1,8 @@
+# Favicons
+
+These sample favicons have been generated at http://realfavicongenerator.net/.
+
+To add your own simply visit http://realfavicongenerator.net/ and
+generate a new set of favicons (change the path option to `/favicons/`)
+and replace all of the files in this folder. Then update the favicon section in
+the [head.html](../_includes/head.html) include with the generated meta tags.
--- a/favicons/android-chrome-144x144.png
+++ b/favicons/android-chrome-144x144.png
--- a/favicons/android-chrome-192x192.png
+++ b/favicons/android-chrome-192x192.png
--- a/favicons/android-chrome-256x256.png
+++ b/favicons/android-chrome-256x256.png
--- a/favicons/android-chrome-36x36.png
+++ b/favicons/android-chrome-36x36.png
--- a/favicons/android-chrome-384x384.png
+++ b/favicons/android-chrome-384x384.png
--- a/favicons/android-chrome-48x48.png
+++ b/favicons/android-chrome-48x48.png
--- a/favicons/android-chrome-512x512.png
+++ b/favicons/android-chrome-512x512.png
--- a/favicons/android-chrome-72x72.png
+++ b/favicons/android-chrome-72x72.png
--- a/favicons/android-chrome-96x96.png
+++ b/favicons/android-chrome-96x96.png
--- a/favicons/apple-touch-icon-114x114-precomposed.png
+++ b/favicons/apple-touch-icon-114x114-precomposed.png
--- a/favicons/apple-touch-icon-114x114.png
+++ b/favicons/apple-touch-icon-114x114.png
--- a/favicons/apple-touch-icon-120x120-precomposed.png
+++ b/favicons/apple-touch-icon-120x120-precomposed.png
--- a/favicons/apple-touch-icon-120x120.png
+++ b/favicons/apple-touch-icon-120x120.png
--- a/favicons/apple-touch-icon-144x144-precomposed.png
+++ b/favicons/apple-touch-icon-144x144-precomposed.png
--- a/favicons/apple-touch-icon-144x144.png
+++ b/favicons/apple-touch-icon-144x144.png
--- a/favicons/apple-touch-icon-152x152-precomposed.png
+++ b/favicons/apple-touch-icon-152x152-precomposed.png
--- a/favicons/apple-touch-icon-152x152.png
+++ b/favicons/apple-touch-icon-152x152.png
--- a/favicons/apple-touch-icon-180x180-precomposed.png
+++ b/favicons/apple-touch-icon-180x180-precomposed.png
--- a/favicons/apple-touch-icon-180x180.png
+++ b/favicons/apple-touch-icon-180x180.png
--- a/favicons/apple-touch-icon-57x57-precomposed.png
+++ b/favicons/apple-touch-icon-57x57-precomposed.png
--- a/favicons/apple-touch-icon-57x57.png
+++ b/favicons/apple-touch-icon-57x57.png
--- a/favicons/apple-touch-icon-60x60-precomposed.png
+++ b/favicons/apple-touch-icon-60x60-precomposed.png
--- a/favicons/apple-touch-icon-60x60.png
+++ b/favicons/apple-touch-icon-60x60.png
--- a/favicons/apple-touch-icon-72x72-precomposed.png
+++ b/favicons/apple-touch-icon-72x72-precomposed.png
--- a/favicons/apple-touch-icon-72x72.png
+++ b/favicons/apple-touch-icon-72x72.png
--- a/favicons/apple-touch-icon-76x76-precomposed.png
+++ b/favicons/apple-touch-icon-76x76-precomposed.png
--- a/favicons/apple-touch-icon-76x76.png
+++ b/favicons/apple-touch-icon-76x76.png
--- a/favicons/apple-touch-icon-precomposed.png
+++ b/favicons/apple-touch-icon-precomposed.png
--- a/favicons/apple-touch-icon.png
+++ b/favicons/apple-touch-icon.png
--- a/favicons/browserconfig.xml
+++ b/favicons/browserconfig.xml
@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <square310x310logo src="/mstile-310x310.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#ffc40d</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
--- a/favicons/favicon-16x16.png
+++ b/favicons/favicon-16x16.png
--- a/favicons/favicon-32x32.png
+++ b/favicons/favicon-32x32.png
--- a/favicons/favicon.ico
+++ b/favicons/favicon.ico
--- a/favicons/manifest.json
+++ b/favicons/manifest.json
@ -0,0 +1,51 @@
+{
+	"name": "Abit",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-256x256.png",
+			"sizes": "256x256",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-384x384.png",
+			"sizes": "384x384",
+			"type": "image\/png"
+		},
+		{
+			"src": "\/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#e4b44f"
+}
--- a/favicons/mstile-144x144.png
+++ b/favicons/mstile-144x144.png
--- a/favicons/mstile-150x150.png
+++ b/favicons/mstile-150x150.png
--- a/favicons/mstile-310x150.png
+++ b/favicons/mstile-310x150.png
--- a/favicons/mstile-310x310.png
+++ b/favicons/mstile-310x310.png
--- a/favicons/mstile-70x70.png
+++ b/favicons/mstile-70x70.png
--- a/favicons/safari-pinned-tab.svg
+++ b/favicons/safari-pinned-tab.svg
@ -0,0 +1,26 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M782 4319 c-142 -28 -266 -137 -317 -279 -15 -41 -16 -177 -15 -1394
+1 -1325 1 -1351 21 -1409 43 -128 138 -223 267 -266 l62 -21 1778 2 1777 3 66
+31 c114 54 190 138 228 251 20 58 20 84 21 1409 l2 1349 -21 55 c-43 111 -138
+207 -248 252 l-58 23 -1760 1 c-968 1 -1779 -2 -1803 -7z m899 -198 c87 -28
+161 -82 209 -153 56 -84 70 -140 70 -275 l0 -113 63 0 c77 0 124 -23 154 -76
+23 -39 23 -42 23 -474 0 -432 0 -435 -23 -474 -45 -78 -26 -76 -613 -76 l-521
+0 -33 23 c-18 12 -43 35 -54 50 -20 28 -21 40 -24 455 -2 274 0 440 7 462 6
+20 27 51 46 70 33 32 41 35 109 38 l74 4 4 128 c4 123 5 130 41 203 89 181
+281 266 468 208z"/>
+<path d="M1465 3956 c-102 -48 -134 -113 -135 -269 l0 -107 238 2 237 3 -1
+110 c0 92 -4 117 -21 150 -64 122 -197 168 -318 111z"/>
+<path d="M1490 3168 c-103 -70 -108 -197 -10 -270 88 -65 223 -4 246 110 9 46
+-20 116 -63 149 -50 38 -126 43 -173 11z"/>
+</g>
+</svg>
--- a/feed.xml
+++ b/feed.xml
@ -0,0 +1,29 @@
+---
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ site.title | xml_escape }}</title>
+    <description>{{ site.description | xml_escape }}</description>
+    <link>{{ site.url }}{{ site.baseurl }}/</link>
+    <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml" />
+    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
+    <generator>Jekyll v{{ jekyll.version }}</generator>
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title | xml_escape }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
+        <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
+        {% for tag in post.tags %}
+        <category>{{ tag | xml_escape }}</category>
+        {% endfor %}
+        {% for cat in post.categories %}
+        <category>{{ cat | xml_escape }}</category>
+        {% endfor %}
+      </item>
+    {% endfor %}
+  </channel>
+</rss>
--- a/helping-out.md
+++ b/helping-out.md
@ -0,0 +1,36 @@
+---
+layout: page
+title:  "Helping Out"
+permalink: "/helping-out"
+order: 1
+---
+
+## Contribute
+
+### Code
+
+You want a feature really bad? And know how to do it? Please help yourself! I'll be very happy about your pull request, just don't be cross should I want to change something first.
+
+
+### Ideas
+
+There are so many great ideas out there, yet so little time to work on them. But go ahead, let me know, and maybe someone will manage to make it work.
+
+
+### Artwork
+
+Have a better idea for an icon or some promotional graphics? Please, be my guest. I can't promise I'll use it, but I will certainly have a look.
+
+Keep in mind though that I'm a great fan of material design, and the icon will never look as if it belonged on an iPhone or a Windows box.
+
+
+
+## Donate
+
+Not everyone can code, and some ideas just suck. Want to give me some money instead? You can send me your bitcoins to [XXXX](bitcoin:XXXX).
+
+For all who don't have bitcoin: <a href="javascript:{}" onclick="document.getElementById('paypal').submit();return false;">donate with PayPal™</a>
+<form id="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+<input type="hidden" name="cmd" value="_s-xclick">
+<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHTwYJKoZIhvcNAQcEoIIHQDCCBzwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCfv+lFV0xDzzZ+8K3DiYauQJGLV9uVGK6r2wBE7xOG9XgsQnLVcCva45oW7UgErN3U/vHkOgUf9iuKotaQsQpMfaoUACVndtpPFu8Cx2ZiVDxtEqJLCnYC5vE2c5F8PEL0Q9p9Ej94DmE3LIiCJNjroyESRDP++Csn9nbm004ekjELMAkGBSsOAwIaBQAwgcwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQI2JIdBNb12MOAgagfQwEJ9h/Y8BmLneT8TaNFiSRYcKhWkEr1A/DEeEGYZzbB0S1P06tTSPY45bmugkSAY7G8APb12915ezrmOlOma3LIJPzSulum2156xn6atD3NYRbhGR3AxaKrDC9RFLQJRBH4SafD/H08bzAXY1bIOiaDLGJlN96wSbTNuLf1G0ZvWluWdyhA98XN55qrWYCT6OQ7EZAo58Zy5G1qPTbLCjAGCJEPBFKgggOHMIIDgzCCAuygAwIBAgIBADANBgkqhkiG9w0BAQUFADCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wHhcNMDQwMjEzMTAxMzE1WhcNMzUwMjEzMTAxMzE1WjCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wgZ8wDQYJKoZIhvcNAQEBBQADgY0AMIGJAoGBAMFHTt38RMxLXJyO2SmS+Ndl72T7oKJ4u4uw+6awntALWh03PewmIJuzbALScsTS4sZoS1fKciBGoh11gIfHzylvkdNe/hJl66/RGqrj5rFb08sAABNTzDTiqqNpJeBsYs/c2aiGozptX2RlnBktH+SUNpAajW724Nv2Wvhif6sFAgMBAAGjge4wgeswHQYDVR0OBBYEFJaffLvGbxe9WT9S1wob7BDWZJRrMIG7BgNVHSMEgbMwgbCAFJaffLvGbxe9WT9S1wob7BDWZJRroYGUpIGRMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbYIBADAMBgNVHRMEBTADAQH/MA0GCSqGSIb3DQEBBQUAA4GBAIFfOlaagFrl71+jq6OKidbWFSE+Q4FqROvdgIONth+8kSK//Y/4ihuE4Ymvzn5ceE3S/iBSQQMjyvb+s2TWbQYDwcp129OPIbD9epdr4tJOUNiSojw7BHwYRiPh58S1xGlFgHFXwrEBb3dgNbMUa+u4qectsMAXpVHnD9wIyfmHMYIBmjCCAZYCAQEwgZQwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tAgEAMAkGBSsOAwIaBQCgXTAYBgkqhkiG9w0BCQMxCwYJKoZIhvcNAQcBMBwGCSqGSIb3DQEJBTEPFw0xNjA5MTExMTQwNTNaMCMGCSqGSIb3DQEJBDEWBBTUiuDiiHSBEfAGkxxMRwDgojZ5BzANBgkqhkiG9w0BAQEFAASBgEIZUZE6mAR9hGknryuP+oTlTdWzHVEUxMkaWI7eLFZ7w2JtVWyFV1166G1MoXHPyfsRn4+QpfRs0JKar8x0g8i7ZwT6mw4voYBuA4QWsMjurROBBtudsGY41nHKbU4z6RmXyyLKs8mQLcMqTIt/sxX7CzPMme9xHETpYh8Asfrz-----END PKCS7-----
+"></form>
--- a/ic_launcher-web.png
+++ b/ic_launcher-web.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,49 @@
+---
+layout: default
+make-smaller-titles: true
+---
+
+
+<div class="container-fluid index">
+    <div class="row">
+
+        <div class="col-md-12 main content-panel">
+
+            <div class="gravatar">
+                <img src="{{ site.title_image }}" class="img-circle about-image" height="150" width="150" alt="{{ site.title }}" />
+            </div>
+
+            <h1 class="header author-header" itemprop="headline">{{ site.title }}</h1>
+
+            <div class="author-text">
+                {{ site.title_description }}
+            </div>
+
+            {% include social_links.html %}
+          </div>
+          <div class="col-md-12 main content-panel">
+
+            <div class="articles">
+
+              <h2>Latest Articles</h2>
+
+              <ul>
+                  {% for post in site.posts | limit: site.post_limit %}
+
+                      <li>
+                          <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+                          <small class="hidden-xs">{{ post.date | date: "%B %-d, %Y" }}</small>
+                      </li>
+
+                  {% endfor %}
+                  <li>
+                      <small><i><a href="{{ site.baseurl }}/posts/">more...</a></i></small>
+                  </li>
+              </ul>
+
+            </div>
+
+        </div>
+
+    </div>
+</div>
--- a/js/jekyll-search.js
+++ b/js/jekyll-search.js
--- a/js/jquery.mmenu.min.all.js
+++ b/js/jquery.mmenu.min.all.js
--- a/mithelfen.md
+++ b/mithelfen.md
@ -0,0 +1,36 @@
+---
+layout: page
+title:  "Mithelfen"
+permalink: "/mithelfen"
+order: 1
+---
+
+## Mitarbeiten
+
+### Code
+
+Willst du ganz dringend ein Feature? Und weisst wie? Mach nur! Ich bin sehr glücklich über deinen Pull-Request, nur sei bitte nicht verärgert falls ich zuerst etwas daran ändern möchte.
+
+
+### Ideen
+
+Es gibt so viele grossartige Ideen da draussen, und so wenig Zeit daran zu arbeiten. Aber mach nur, melde deine Idee, und vielleicht wird irgendwann jemand Zeit finden daran zu arbeiten.
+
+
+### Grafiken
+
+Hast du eine super Idee für ein verbessertes Icon oder eine tolle Werbegrafik? Nur zu, melde dich! Ich kann nicht versprechen dass ich es auch verwenden werde, aber ich werde es mir sicher mal anschauen.
+
+Denk aber daran dass ich ein grosser Fan von Material Design bin. Das Icon wird auch niemals aussehen als ob es auf ein iPhone oder auf 'ne Windows-Kiste gehört.
+
+
+
+## Spenden
+
+Nicht alle können programmieren, und manche Ideen sind einfach quatsch. Willst du stattdessen etwas Geld spenden? Sende deine Bitcoins einfach an [XXXX](bitcoin:XXXX).
+
+Für alle ohne Bitcoins: <a href="javascript:{}" onclick="document.getElementById('paypal').submit();return false;">Mit PayPal<sup>®</sup> spenden</a>
+<form id="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+<input type="hidden" name="cmd" value="_s-xclick">
+<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
+"></form>
--- a/posts-by-categories.html
+++ b/posts-by-categories.html
@ -0,0 +1,42 @@
+---
+layout: default
+make-smaller-titles: true
+---
+
+
+<div class="container-fluid index">
+  <div class="row index all-posts">
+
+    <h1 class="header author-header">{{ site.author_name }}</h1>
+    <h2 class="header" itemprop="headline">All posts</h2>
+    <h2 class="header categories" itemprop="headline"><small>grouped by
+
+      <div class="dropdown btn-group">
+        <button class="btn btn-categories dropdown-toggle btn-xs" type="button" data-toggle="dropdown">Categories
+          <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+          <li><a href="{{ site.baseurl }}/posts/">Years</a></li>
+        </ul>
+      </div>
+
+    </small></h2>
+      {% for category in site.categories %}
+      <div class="col-md-12 content-panel articles">
+        <h2 id="{{ category | first }}-ref">{{ category | first }}</h2>
+        <ul>
+          {% for posts in category %}
+            {% for post in posts %}
+              <li>
+                <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+                <small class="hidden-xs">{{ post.date | date: "%B %-d, %Y" }}</small>
+              </li>
+            {% endfor %}
+          {% endfor %}
+
+        </ul>
+      </div>
+      {% endfor %}
+
+  </div>
+</div>
--- a/posts.html
+++ b/posts.html
@ -0,0 +1,55 @@
+---
+layout: default
+make-smaller-titles: true
+---
+
+
+<div class="container-fluid index">
+  <div class="row index all-posts">
+
+    <h1 class="header author-header">{{ site.author_name }}</h1>
+    <h2 class="header" itemprop="headline">All posts</h2>
+    <h2 class="header categories" itemprop="headline"><small>grouped by
+
+      <div class="dropdown btn-group">
+        <button class="btn btn-categories dropdown-toggle btn-xs" type="button" data-toggle="dropdown">Years
+          <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+          <li><a href="{{ site.baseurl }}/posts-by-categories/">Categories</a></li>
+        </ul>
+      </div>
+
+    </small></h2>
+
+      {% for post in site.posts %}
+      {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+      {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
+
+      {% if forloop.first %}
+      <div class="col-md-12 content-panel articles">
+        <h2 id="{{ this_year }}-ref">{{ this_year }}</h2>
+        <ul>
+      {% endif %}
+
+          <li>
+            <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+            <small class="hidden-xs">{{ post.date | date: "%B %-d, %Y" }}</small>
+          </li>
+      {% if forloop.last %}
+        </ul>
+      </div>
+      {% else %}
+        {% if this_year != next_year %}
+          </ul>
+        </div>
+        <div class="col-md-12 content-panel articles">
+          <h2 id="{{ next_year }}-ref">{{next_year}}</h2>
+          <ul>
+        {% endif %}
+    {% endif %}
+
+    {% endfor %}
+    </div>
+
+  </div>
--- a/search.html
+++ b/search.html
@ -0,0 +1,34 @@
+---
+layout: default
+---
+
+<div class="container-fluid index">
+  <div class="row index all-posts">
+
+    <h1 class="header author-header">Search</h1>
+
+    <div id="search-container">
+      <input type="text" id="search-input" placeholder="Type here...">
+      <div class="col-md-12 content-panel articles">
+        <ul id="results-container"><small>Start typing to see some results</small></ul>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+<hr class="search-hr" />
+
+<script src="{{ site.baseurl }}/js/jekyll-search.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+  SimpleJekyllSearch.init({
+    searchInput: document.getElementById('search-input'),
+    resultsContainer: document.getElementById('results-container'),
+    dataSource: '{{ site.baseurl }}/search.json',
+    searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}<\/a><\/li>',
+    noResultsText: 'No results found',
+    limit: 10,
+    fuzzy: true,
+  })
+</script>
--- a/search.json
+++ b/search.json
@ -0,0 +1,14 @@
+---
+layout: none
+---
+[
+  {% for post in site.posts %}
+  {
+    "title"    : "{{ post.title | escape }}",
+    "category" : "{{ post.category }}",
+    "tags"     : "{{ post.tags | join: ', ' }}",
+    "url"      : "{{ site.baseurl }}{{ post.url }}",
+    "date"     : "{{ post.date }}"
+    } {% unless forloop.last %},{% endunless %}
+    {% endfor %}
+  ]