uikit demo theme ported to pelican (#385)

20 files changed, 567 insertions, 0 deletions

diff --git a/uikit/templates/_sidebar.html b/uikit/templates/_sidebar.html
new file mode 100644
index 0000000..6c8b40e
--- /dev/null
+++ b/uikit/templates/_sidebar.html
@@ -0,0 +1,50 @@
+{% macro limit_items(items, name, link, limit, class, line=False, tuple=False) %}
+  <div class="uk-panel">
+    <h3 class="uk-panel-title">{{ name | capitalize() }}</h3>
+    <ul class="uk-list {% if line %}uk-list-line{% endif %}">
+      {% if limit == 0 %}
+        {% set limit = items|length %}
+      {% endif %}
+        {% for item in items %}
+          {% if (limit > 0) and (loop.index > limit) %}
+          <li class="uk-hidden hidden-{{ name }}"><a href="{% if tuple %}{{item.1}}{% else %}/{{ item.0.url }}{% endif %}" class="{{ class }}">{% if tuple %}{{ item.0 }}{% else %}{{ item.0.name }}{% endif %}</a></li>
+            {% if loop.last %}
+              </ul>
+              <button class="uk-button hidden-{{ name }}" data-uk-toggle="{target:'.hidden-{{ name }}'}">More {{ name | capitalize() }}</button>
+              <button class="uk-hidden uk-button hidden-{{ name }}" data-uk-toggle="{target:'.hidden-{{ name }}'}">Less {{ name | capitalize() }}</button>
+            {% endif %}
+          {% else %}
+          <li><a href="{% if tuple %}{{ item.1 }}{% else %}/{{ item.0.url }}{% endif %}" class="{{ class }}">{% if tuple %}{{ item.0 }}{% else %}{{ item.0.name }}{% endif %}</a></li>
+            {% if (loop.last) %}
+    </ul>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+    </div>
+{% endmacro %}
+
+  <div class="uk-panel uk-panel-box uk-text-center">
+    <a href="/author/{{AUTHOR}}.html">
+      <img alt="A picture of the author of this content." class="uk-border-circle" src="/theme/img/{{AUTHOR_IMAGE}}"/><h3>{{AUTHOR}}</h3></a>
+      <p>
+      Hi there! My name is {{AUTHOR_REAL}}, check out more <a href="{{MOREABOUTMEURL}}">about me</a>.
+      </p>
+  </div>
+
+  <div class="uk-panel">
+      <h3 class="uk-panel-title">Social Links</h3>
+      <div class="icons">
+        {% for name, link in SOCIAL %}
+          <a href="{{ link }}" class="uk-icon-button uk-icon-justify uk-icon-{{name}}"></a>
+        {% endfor %}
+      </div>
+  </div>
+
+{% if DISPLAY_TAGS_ON_SIDEBAR_LIMIT >= 0 %}
+  {{ limit_items(tags, 'tags', SITEURL ~ '/tag/', DISPLAY_TAGS_ON_SIDEBAR_LIMIT, 'uk-icon-tag', True, False) }}
+{% endif %}
+
+{% if DISPLAY_LINKS_ON_SIDEBAR_LIMIT >= 0 %}
+  {{ limit_items(LINKS, 'links', '', DISPLAY_LINKS_ON_SIDEBAR_LIMIT, 'uk-icon-external-link', True, True) }}
+{% endif %}
+
diff --git a/uikit/templates/archives.html b/uikit/templates/archives.html
new file mode 100644
index 0000000..5537bd6
--- /dev/null
+++ b/uikit/templates/archives.html
@@ -0,0 +1,20 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }}
+{% endblock head %}
+{% block titlename %}{{'all articles'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+
+<h1>{{["archives for", SITENAME]|join(' ')|capitalize}}</h1>
+
+<ul>
+{% for article in articles|sort(reverse=True,attribute='date') %}
+    <li><a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="/{{ article.url }}">{{ article.title }}</a></li>
+{% endfor %}
+</ul>
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/article.html b/uikit/templates/article.html
new file mode 100644
index 0000000..43d94fe
--- /dev/null
+++ b/uikit/templates/article.html
@@ -0,0 +1,24 @@
+{% extends "uikit.html" %}
+{% import 'article_macros.html' as article_macros %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(article) }}
+{% endblock head %}
+{% block titlename %}{{article.title|capitalize}}{% endblock titlename %}
+
+{% block content %}
+<article>
+<div class="uk-article">
+    <header>
+    <h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %} uk-article-title">
+        <a href="/{{ article.url }}">{{ article.title }}</a>
+    </h1>
+    <p class="uk-article-meta">
+    {{ article_macros.get_meta(SITEURL, article) }}
+    </p>
+    </header>
+    {{ article.content }}
+</div>
+</article>
+{% endblock content %}
diff --git a/uikit/templates/article_macros.html b/uikit/templates/article_macros.html
new file mode 100644
index 0000000..79f0923
--- /dev/null
+++ b/uikit/templates/article_macros.html
@@ -0,0 +1,21 @@
+{% import 'time_macros.html' as time_macros %}
+
+{% macro get_meta(SITEURL, article, has_category=True) -%}
+
+Published on {{ time_macros.get_time(article, article.date) }}
+    {% if article.modified %}
+    and updated on {{ time_macros.get_time(article, article.locale_modified) }}
+    {% endif %}
+    {% if article.authors %}
+        by {% for author in article.authors %}
+        <a class="url fn" href="/{{ article.author.url }}">{{ author }}</a>
+        {% endfor %}
+    {% endif %}
+    {% if has_category %}
+    posted in <a href="/{{ article.category.url }}">{{ article.category }}</a>
+    {% endif %}
+    <br/>
+    {% for tag in article.tags %}
+    <a href="/{{ tag.url }}" class="uk-icon-tag">{{ tag }}</a>
+    {% endfor %}
+{%- endmacro %}
diff --git a/uikit/templates/articles.html b/uikit/templates/articles.html
new file mode 100644
index 0000000..8454395
--- /dev/null
+++ b/uikit/templates/articles.html
@@ -0,0 +1,20 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }}
+{% endblock head %}
+{% block titlename %}{{'all articles'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+
+<h1>{{'all the articles'|capitalize}}</h1>
+
+<ul>
+{% for article in articles|sort %}
+    <li><a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="/{{ article.url }}">{{ article.title }}</a></li>
+{% endfor %}
+</ul>
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/author.html b/uikit/templates/author.html
new file mode 100644
index 0000000..059dfe2
--- /dev/null
+++ b/uikit/templates/author.html
@@ -0,0 +1,20 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(author) }}
+{% endblock head %}
+{% block titlename %}{{author.name|capitalize}}{% endblock titlename %}
+{#
+#}
+
+{% block heading %}
+{#
+<h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}">
+#}
+<!--
+<h1 class="heading uk-text-primary">
+    Articles by <span class="entity">{{ author }}</span>
+</h1>
+-->
+{% endblock heading %}
diff --git a/uikit/templates/authors.html b/uikit/templates/authors.html
new file mode 100644
index 0000000..bd30e22
--- /dev/null
+++ b/uikit/templates/authors.html
@@ -0,0 +1,26 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(tags) }}
+{% endblock head %}
+{% block titlename %}{{'all authors'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+
+<h1>{{'all authors'|capitalize}}</h1>
+
+{% for author, articles in authors|sort %}
+    <h2>
+        <span class="entity">{{ author }}</span>
+    </h2>
+    <ul>
+    {% for article in articles %}
+        <li><a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="/{{ article.url }}">{{ article.title }}</a></li>
+    {% endfor %}
+    </ul>
+{% endfor %}
+
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/base.html b/uikit/templates/base.html
new file mode 100644
index 0000000..ec788b8
--- /dev/null
+++ b/uikit/templates/base.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="{{ DEFAULT_LANG }}">
+    {#  this template contains the basic structure for a page  #}
+  <head>
+    {% block head %}
+    {% if FEED_ALL_ATOM %}
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
+    {% endif %}
+    {% if FEED_ALL_RSS %}
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
+    {% endif %}
+    {% if FEED_ATOM %}
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
+    {% endif %}
+    {% if FEED_RSS %}
+    <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
+    {% endif %}
+    {% if CATEGORY_FEED_ATOM and category %}
+    <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
+    {% endif %}
+    {% if CATEGORY_FEED_RSS and category %}
+    <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
+    {% endif %}
+    {% if TAG_FEED_ATOM and tag %}
+    <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
+    {% endif %}
+    {% if TAG_FEED_RSS and tag %}
+    <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
+    {% endif %}
+    {% endblock head %}
+  </head>
+  <body>
+    {% block body %}{% endblock body%}
+  </body>
+</html>
diff --git a/uikit/templates/categories.html b/uikit/templates/categories.html
new file mode 100644
index 0000000..7292909
--- /dev/null
+++ b/uikit/templates/categories.html
@@ -0,0 +1,26 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(categories) }}
+{% endblock head %}
+{% block titlename %}{{'all the categories'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+
+
+<h1>{{'all the categories'|capitalize}}</h1>
+
+{% for category, articles in categories %}
+    <h2>
+        <span class="entity">{{ category | capitalize}}</span>
+    </h2>
+    <ul>
+    {% for article in articles|sort(reverse=True,attribute='date') %}
+        <li><a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="/{{ article.url }}">{{ article.title }}</a></li>
+    {% endfor %}
+    </ul>
+{% endfor %}
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/category.html b/uikit/templates/category.html
new file mode 100644
index 0000000..3358ed5
--- /dev/null
+++ b/uikit/templates/category.html
@@ -0,0 +1,18 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(category) }}
+{% endblock head %}
+{% block titlename %}{{category|capitalize}}{% endblock titlename %}
+
+{% block heading %}
+{#
+<h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}">
+#}
+<!--
+<h1 class="heading uk-text-primary">
+    Articles in the category <span class="entity">{{ category }}</span>
+</h1>
+-->
+{% endblock heading %}
diff --git a/uikit/templates/cc_license.html b/uikit/templates/cc_license.html
new file mode 100644
index 0000000..0311232
--- /dev/null
+++ b/uikit/templates/cc_license.html
@@ -0,0 +1,53 @@
+{% macro license(SITEURL, LICENSE={'cc_name':'by', 'hosted':False, 'compact':True, 'brief':True}) %}
+  {% set cc_name = LICENSE['cc_name']|lower|trim|replace("cc-","") %}
+  {% if LICENSE['compact'] %}
+    {% set cc_size = "80x15" -%}
+  {% else %}
+    {% set cc_size = "88x31" -%}
+  {% endif %}
+  {% if not LICENSE['hosted']  %}
+    {% set cc_icon = [SITEURL|lower|trim,
+    "/theme/ico/cc/",
+    cc_name,
+    "/4.0/",
+    cc_size,
+    ".png"
+    ]|join("")
+    %}
+  {% else %}
+    {% set cc_icon = ["https://licensebuttons.net/l/",
+    cc_name,
+    "/4.0/",
+    cc_size,
+    ".png"
+    ]|join("")
+    %}
+  {% endif %}
+  {% set cc_title = ["Creative Commons Attribution 4.0 International",
+    cc_name|upper,
+    " License"
+    ]|join("")
+    %}
+    {% set cc_uri = ["http://creativecommons.org/licenses/",
+      cc_name,
+      "/4.0/"
+      ]|join("")
+    %}
+  {% if not LICENSE['brief']  %}
+    {% set cc_intro = "This work is licensed under a " %}
+    {% set cc_linktext = "Creative Commons CC_NAME 4.0 International License"|replace("CC_NAME", cc_name|upper, 1) %}
+  {% else %}
+    {% set cc_intro = "" %}
+    {% set cc_intro = "License " %}
+    {% set cc_linktext = "CC_NAME 4.0 "|replace("CC_NAME", cc_name|upper, 1) %}
+  {% endif %}
+  {% set license = [
+    '<a class="license" rel="license" href="http://creativecommons.org/licenses/CC_NAME/4.0/">',
+    '<img alt="Creative Commons License" style="border-width:0" src="CC_ICON" /></a>'|replace("CC_ICON", cc_icon|trim),
+    cc_intro,
+    '<a class="license" rel="license" href="http://creativecommons.org/licenses/CC_NAME/4.0/">',
+    cc_linktext,
+    '</a>'
+  ] | join("") %}
+{{ license|replace("CC_NAME", cc_name,2)|trim }}
+{% endmacro %}
diff --git a/uikit/templates/html_macros.html b/uikit/templates/html_macros.html
new file mode 100644
index 0000000..0f2a45f
--- /dev/null
+++ b/uikit/templates/html_macros.html
@@ -0,0 +1,7 @@
+{% macro get_meta(object) -%}
+
+  {% if object.tags %} {% set tags=object.tags|join(", ")|e %} <meta name="tags" content="{{ tags }}" /> {% endif %}
+  {% if object.summary %} {% set summary=object.summary|striptags()|truncate(159)|e %}<meta name="description" content="{{ summary }}" /> {% endif %}
+  {% if object.category %} {% set category=object.tags|join(", ")|e %}<meta name="category" content="{{object.category}}" /> {% endif %}
+  {% if object.categories %} {% set categories=object.categories|join(", ")|e %}<meta name="tags" content="{{object.categories}}" /> {% endif %}
+{%- endmacro %}
diff --git a/uikit/templates/index.html b/uikit/templates/index.html
new file mode 100644
index 0000000..bd3d405
--- /dev/null
+++ b/uikit/templates/index.html
@@ -0,0 +1,32 @@
+{% extends "uikit.html" %}
+{% import 'article_macros.html' as article_macros %}
+{% block head %}
+{{super()}}
+{% endblock head %}
+{% block titlename %}{{'welcome!'|capitalize}}{% endblock titlename %}
+{% block content %}
+{% block heading %}
+<h1 class="heading uk-text-primary">
+{{ HEADING }}
+</h1>
+{% endblock heading %}
+{% if articles %}
+    {% for article in articles|sort(reverse=True,attribute='date') %}
+        <h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %} uk-article-title">
+            <a href="/{{ article.url }}">{{ article.title }}</a>
+        </h1>
+        <p class="uk-article-meta">
+        {{ article_macros.get_meta(SITEURL, article) }}
+        </p>
+        {{ article.summary }}
+        <p>
+        <a class="uk-button uk-button-primary" href="{{SITEURL}}/{{article.url}}">Continue Reading</a>
+        <!--
+        <a class="uk-button" href="">Comments</a>
+        -->
+        </p>
+    {% endfor %}
+    {#
+    #}
+{% endif %}
+{% endblock content %}
diff --git a/uikit/templates/menu_macros.html b/uikit/templates/menu_macros.html
new file mode 100644
index 0000000..bac503b
--- /dev/null
+++ b/uikit/templates/menu_macros.html
@@ -0,0 +1,13 @@
+{% for title, link in MENUITEMS %}
+    <li><a href="{{ link }}">{{ title }}</a></li>
+{% endfor %}
+{% if DISPLAY_PAGES_ON_MENU %}
+  {% for p in PAGES %}
+    <li{% if p == page %} class="uk-active"{% endif %}><a href="/{{ p.url }}">{{ p.title }}</a></li>
+  {% endfor %}
+  {% if DISPLAY_CATEGORIES_ON_MENU %}
+    {% for cat, null in categories %}
+      <li{% if cat == category %} class="uk-active"{% endif %}><a href="/{{ cat.url }}">{{ cat }}</a></li>
+    {% endfor %}
+  {% endif %}
+{% endif %}
diff --git a/uikit/templates/page.html b/uikit/templates/page.html
new file mode 100644
index 0000000..3b1efab
--- /dev/null
+++ b/uikit/templates/page.html
@@ -0,0 +1,20 @@
+{% extends "uikit.html" %}
+{% import 'article_macros.html' as article_macros %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(page) }}
+{% endblock head %}
+{% block titlename %}{{page.title}}{% endblock titlename %}
+
+{% block content %}
+<article class="uk-article">
+    <h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %} uk-article-title">
+        <a href="/{{ page.url }}">{{ page.title }}</a>
+    </h1>
+    <p class="uk-article-meta">
+    {{ article_macros.get_meta(SITEURL, page, False) }}
+    </p>
+    {{ page.content }}
+</article>
+{% endblock content %}
diff --git a/uikit/templates/period_archives.html b/uikit/templates/period_archives.html
new file mode 100644
index 0000000..d134562
--- /dev/null
+++ b/uikit/templates/period_archives.html
@@ -0,0 +1,25 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }}
+{% endblock head %}
+{% block titlename %}{{'all articles'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+<ul>
+{% for article in articles|sort(reverse=True,attribute='date') %}
+{% endfor %}
+</ul>
+
+
+<h1>Archives for {{ period | reverse | join(' ') }}</h1>
+
+<ul>
+{% for article in dates %}
+<li>{{ article.locale_date }} <a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></li>
+{% endfor %}
+</ul>
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/tag.html b/uikit/templates/tag.html
new file mode 100644
index 0000000..ece957b
--- /dev/null
+++ b/uikit/templates/tag.html
@@ -0,0 +1,18 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(tags) }}
+{% endblock head %}
+{% block titlename %}{{tag}}{% endblock titlename %}
+
+{% block heading %}
+{#
+<h1 class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}">
+#}
+<!--
+<h1 class="heading uk-text-primary">
+    Articles with the tag <span class="entity">{{ tag }}</span>
+</h1>
+-->
+{% endblock heading %}
diff --git a/uikit/templates/tags.html b/uikit/templates/tags.html
new file mode 100644
index 0000000..7eb1e07
--- /dev/null
+++ b/uikit/templates/tags.html
@@ -0,0 +1,26 @@
+{% extends "index.html" %}
+{% import 'html_macros.html' as html_macros %}
+
+{% block head %}
+{{ super() }} {{ html_macros.get_meta(tags) }}
+{% endblock head %}
+{% block titlename %}{{'all the tags'|capitalize}}{% endblock titlename %}
+
+{% block content %}
+{% block heading %}
+
+<h1>{{'all the tags'|capitalize}}</h1>
+
+{% for tag, articles in tags|sort %}
+    <h2>
+        <span class="entity">{{ tag }}</span>
+    </h2>
+    <ul>
+    {% for article in articles|sort(reverse=True,attribute='date') %}
+        <li><a class="{% if CAPITALIZE_HEADINGS %}capitalize{% endif %}" href="/{{ article.url }}">{{ article.title }}</a></li>
+    {% endfor %}
+    </ul>
+{% endfor %}
+
+{% endblock heading %}
+{% endblock content %}
diff --git a/uikit/templates/time_macros.html b/uikit/templates/time_macros.html
new file mode 100644
index 0000000..79f0756
--- /dev/null
+++ b/uikit/templates/time_macros.html
@@ -0,0 +1,4 @@
+{% macro get_time(article, date) -%}
+  {% set datetime = date|strftime('%Y-%m-%d') %}
+  <time datetime="{{datetime}}">{{ article.locale_date|trim }}</time>
+{%- endmacro %}
diff --git a/uikit/templates/uikit.html b/uikit/templates/uikit.html
new file mode 100644
index 0000000..34793a6
--- /dev/null
+++ b/uikit/templates/uikit.html
@@ -0,0 +1,109 @@
+{% extends "base.html" %}
+{% from 'cc_license.html' import license %}
+{#  this template contains uikit specific settings  #}
+{% block head %}
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <base href="{{ SITEURL }}">
+
+    <!--
+    favicons generated with:
+    <http://realfavicongenerator.net>
+
+    if you want to generate your own favicon, use this custom path:
+    /theme/ico/favicon/
+    -->
+    <link rel="apple-touch-icon" sizes="57x57" href="/theme/ico/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/theme/ico/favicon/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/theme/ico/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/theme/ico/favicon/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/theme/ico/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/theme/ico/favicon/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/theme/ico/favicon/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/theme/ico/favicon/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/theme/ico/favicon/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="/theme/ico/favicon/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/theme/ico/favicon/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/theme/ico/favicon/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="/theme/ico/favicon/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/theme/ico/favicon/manifest.json">
+    <link rel="mask-icon" href="/theme/ico/favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="shortcut icon" href="/theme/ico/favicon/favicon.ico">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="msapplication-TileImage" content="/theme/ico/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/theme/ico/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+
+    {{ super() }}
+    {#  todo: change to minified version for production  #}
+    {#  todo: rename jquery ?  #}
+    <script src="/theme/js/lib/jquery-1.11.3.js"></script>
+    {% if STYLE == "almost-flat" %}
+    <link rel="stylesheet" type="text/css" href="/theme/css/uikit.almost-flat{% if not DEVELOP %}.min{% endif %}.css" />
+    {% elif STYLE == "gradient" %}
+    <link rel="stylesheet" type="text/css" href="/theme/css/uikit.gradient{% if not DEVELOP %}.min{% endif %}.css" />
+    {% else  %}
+    <link rel="stylesheet" type="text/css" href="/theme/css/uikit{% if not DEVELOP %}.min{% endif %}.css" />
+    {% endif %}
+    <!-- custom css -->
+    <link rel="stylesheet" type="text/css" href="/theme/css/custom{% if not DEVELOP %}.min{% endif %}.css" />
+    <!-- default pygment style is the 'default' style -->
+    <link rel="stylesheet" type="text/css" href="/theme/css/pygment{% if not DEVELOP %}.min{% endif %}.css" />
+    <script src="/theme/js/uikit{% if not DEVELOP %}.min{% endif %}.js"></script>
+    <title>{% block titlename %}{% endblock titlename %} | {{SITENAME}}</title>
+{% endblock head %}
+
+{% block body %}
+{% if DEVELOP %}
+    <div class="uk-alert uk-alert-warning uk-center uk-text-center uk-margin">
+        DEVELOP is True. This means that non-minified css/js/… is used and you'll see warnings. Set DEVELOP=False for production.
+    </div>
+{% endif %}
+<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
+    <nav class="uk-navbar uk-margin-large-bottom">
+        <a class="uk-navbar-brand uk-hidden-small" href="">{{ SITENAME }}</a>
+        <ul class="uk-navbar-nav uk-hidden-small">
+            {#  todo: use jinja 2.8 here and use set menu_macros  #}
+            {#  http://jinja.pocoo.org/docs/dev/templates/#block-assignments  #}
+            {% include 'menu_macros.html' %}
+        </ul>
+        <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
+        <div class="uk-navbar-brand uk-navbar-center uk-visible-small">{{ SITENAME }}</div>
+    </nav>
+    <div class="uk-grid" data-uk-grid-margin="">
+        <main class="uk-width-medium-3-4">
+        {% block content %}
+        {% endblock content %}
+        </main>
+        <aside class="uk-width-medium-1-4">
+        {% include '_sidebar.html' %}
+        </aside>
+    </div>
+    <footer class="uk-margin-bottom uk-panel uk-panel-box uk-text-center uk-margin-large-top">
+    {% block footer %}
+        Generated by <a href="https://github.com/getpelican/pelican" class="uk-icon-external-link">pelican</a>
+        and styled with <a href="http://getuikit.com" class="uk-icon-external-link">uikit</a>
+        and themed by <a href="http://inktrap.org" class="uk-icon-external-link">inktrap</a>
+        and made with <a class="uk-icon-heart"></a>
+        {#  TODO add link to theme site  #}
+        <br/>
+        {{ license(SITEURL, LICENSE) }}
+        {% if page_name %}
+            <br/>
+            <a class="uk-icon-rss-square"></a><a href="/{{page_name}}.xml">Feed</a> for this page
+        {% endif %}
+    {% endblock %}
+    </footer>
+</div>
+
+<div id="offcanvas" class="uk-offcanvas">
+    <div class="uk-offcanvas-bar">
+        <ul class="uk-nav uk-nav-offcanvas">
+            {% include 'menu_macros.html' %}
+        </ul>
+    </div>
+</div>
+{% endblock %}
+
+