templates/base.j2.html (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 |
<!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>
|