nasg/templates/base.j2.html

142 lines
5 KiB
HTML
Raw Normal View History

2018-07-20 16:45:42 +01:00
<!DOCTYPE html>
<html {% block lang %}lang="{{ post.lang }}"{% endblock %}>
<head>
<title>{% block title %}{{ post.title }} - {{ site.domain }}{% endblock %}</title>
2018-07-20 16:45:42 +01:00
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
2018-11-15 14:06:35 +00:00
<meta name="supported-color-schemes" content="dark light">
<link rel="icon" href="{{ site.favicon }}" />
{% block licence %}{% endblock %}
2018-07-20 16:45:42 +01:00
{% for key, value in meta.items() %}
<link rel="{{ key }}" href="{{ value }}" />
{% endfor %}
{% block meta %}{% endblock %}
<style media="all">
{% include 'style.css' %}
2018-07-20 16:45:42 +01:00
</style>
<style id="css_alt" media="speech">
{% include 'style-alt.css' %}
2018-07-20 16:45:42 +01:00
</style>
<style media="print">
{% include 'style-print.css' %}
</style>
</head>
<body itemscope="" itemtype="http://schema.org/Blog http://schema.org/WebPage">
2018-07-20 16:45:42 +01:00
{% macro activemenu(name) %}{% if (post is defined and post.slug == name ) or (post is defined and post.category == name ) or ( category is defined and category.name == name ) %}active{% endif %}{% endmacro %}
2018-07-20 16:45:42 +01:00
<header>
<section>
<nav>
<ul>
{% for key, data in menu.items() %}
<li>
<a title="{{ data.text }}" href="{{ data.url }}" class="{{ activemenu(key) }}">
<svg width="16" height="16">
<use xlink:href="#icon-{{ key }}" />
</svg>
{{ data.text }}
</a>
</li>
{% endfor %}
</ul>
</nav>
2018-07-20 16:45:42 +01:00
<div>
<form class="theme" aria-hidden="true">
<svg width="16" height="16">
<use xlink:href="#icon-contrast"></use>
</svg>
<span>
<input name="colorscheme" value="dark" id="darkscheme" type="radio">
<label for="darkscheme">dark</label>
</span>
<span>
<input name="colorscheme" value="light" id="lightscheme" type="radio">
<label for="lightscheme">light</label>
</span>
</form>
<form role="search" method="get" action="{{ site.search }}">
<label for="qsub">
<input type="submit" value="search" id="qsub" name="qsub" />
<svg width="16" height="16">
<use xlink:href="#icon-search"></use>
</svg>
</label>
<input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" />
</form>
</div>
</section>
2018-07-20 16:45:42 +01:00
</header>
{% block content %}
{% endblock %}
{% block pagination %}
{% endblock %}
<footer class="p-author h-card vcard" property="p-author h-card" id="author" itemprop="author publisher" itemscope="" itemtype="https://schema.org/Person https://schema.org/Organization">
<p>
<a href="https://creativecommons.org/">CC</a>,
1999-2019,
<span itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
<img class="photo avatar u-photo u-avatar"
property="u-photo u-avatar"
src="{{ author.avatar }}"
alt="Photo of {{ author.name }}"
itemprop="image url" />
</span>
<a class="fn p-name url u-url u-uid" property="p-name u-url u-uid" rel="me" href="{{ site.url }}">
<span itemprop="name">{{ author.name }}</span>
</a>
<a class="u-email email" property="u-email" rel="me" href="mailto:{{ author.email }}">
<svg width="16" height="16">
<title>email</title>
<use xlink:href="#icon-mail"></use>
</svg>
<span itemprop="email">{{ author.email }}</span>
</a>
</p>
<nav>
<ul>
<li>
<a title="following" href="{{ author.following }}">
<svg width="16" height="16"><use xlink:href="#icon-following" /></svg>
followings
</a>
</li>
<li>
<a title="CV" href="{{ author.cv }}">
<svg width="16" height="16"><use xlink:href="#icon-resume" /></svg>
resume
</a>
</li>
<li>
<a title="github" rel="me" href="{{ author.github }}">
<svg width="16" height="16"><use xlink:href="#icon-github" /></svg>
github
</a>
</li>
</ul>
</nav>
<p>
<a href="https://xn--sr8hvo.ws/🇻🇮📢/previous"></a>
Member of <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a>
<a href="https://xn--sr8hvo.ws/🇻🇮📢/next"></a>
</p>
2018-07-20 16:45:42 +01:00
</footer>
2018-11-15 14:06:35 +00:00
<script>
{% include 'themeswitcher.js' %}
2019-01-15 21:28:58 +00:00
{% include 'konami.js' %}
2018-11-15 14:06:35 +00:00
</script>
2018-07-20 16:45:42 +01:00
{% include 'symbols.svg' %}
{% block prism %}
{% endblock %}
2018-07-20 16:45:42 +01:00
</body>
</html>