c6755e6125
- added og: and article: from open graph to meta - jsonld as tmplvars for most elements - removed unused commented code - indention for inline CSS for readability - merged reactions and comments into a single block
147 lines
4.7 KiB
HTML
147 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html{% block lang %}{% endblock %} prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">
|
|
<head>
|
|
<title>{% block title %}{% endblock %}</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" />
|
|
<link rel="icon" href="{{ site.image }}" />
|
|
{% for key, value in meta.items() %}
|
|
<link rel="{{ key }}" href="{{ value }}" />
|
|
{% endfor %}
|
|
{% macro cssinclude(fname) %}
|
|
{% include fname %}
|
|
{% endmacro %}
|
|
<style media="all">
|
|
{{ cssinclude('style.css')|indent(8)}}
|
|
</style>
|
|
<style id="css_alt" media="speech">
|
|
{{ cssinclude('style-alt.css')|indent(8)}}
|
|
</style>
|
|
<style media="print">
|
|
{{ cssinclude('style-print.css')|indent(8)}}
|
|
</style>
|
|
<script type="application/ld+json">
|
|
{{ site|tojson(indent=4) }}
|
|
</script>
|
|
{% block meta %}{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
{% macro activemenu(name) %}
|
|
{% if (post is defined and post.name == name )
|
|
or (post is defined and post.genre == name )
|
|
or ( category is defined and category.name == name )%}active{% endif %}
|
|
{% endmacro %}
|
|
|
|
<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>
|
|
|
|
<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.potentialAction.url }}">
|
|
<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>
|
|
</header>
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
|
|
{% block pagination %}
|
|
{% endblock %}
|
|
|
|
<footer class="p-author h-card vcard">
|
|
<p>
|
|
<a href="https://creativecommons.org/">CC</a>,
|
|
1999-2019,
|
|
<img class="photo avatar u-photo u-avatar"
|
|
src="{{ site.author.image }}"
|
|
alt="Photo of {{ site.author.name }}" />
|
|
<a class="fn p-name url u-url u-uid org" rel="me" href="{{ site.author.url }}">
|
|
{{ site.author.name }}
|
|
</a>
|
|
<a class="u-email email" rel="me" href="mailto:{{ site.author.email }}">
|
|
<svg width="16" height="16">
|
|
<use xlink:href="#icon-mail"></use>
|
|
</svg>
|
|
{{ site.author.email }}
|
|
</a>
|
|
</p>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a title="following" href="{{ site.author.follows }}">
|
|
<svg width="16" height="16"><use xlink:href="#icon-following" /></svg>
|
|
followings
|
|
</a>
|
|
</li>
|
|
{% for url in site.author.sameAs %}
|
|
<li>
|
|
{% if 'cv.html' in url %}
|
|
<a title="CV" href="{{ url }}">
|
|
<svg width="16" height="16"><use xlink:href="#icon-resume" /></svg>
|
|
resume
|
|
</a>
|
|
{% elif 'github' in url %}
|
|
<a title="github" rel="me" href="{{ url }}">
|
|
<svg width="16" height="16"><use xlink:href="#icon-github" /></svg>
|
|
github
|
|
</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</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>
|
|
</footer>
|
|
|
|
<script>
|
|
{% include 'themeswitcher.js' %}
|
|
{% include 'konami.js' %}
|
|
</script>
|
|
|
|
{% include 'symbols.svg' %}
|
|
|
|
{% block prism %}
|
|
{% endblock %}
|
|
|
|
</body>
|
|
</html>
|