nasg/templates/base.j2.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>
v4.0a 2018-07-20 16:45:42 +01:00			`<!DOCTYPE html>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<html{% block lang %}{% endblock %} prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#">`
v4.0a 2018-07-20 16:45:42 +01:00			`<head>`
- removed google things, for now, it's not useful - relurl filter is ready, but not yet in use, because it's a mess - reworked yearly archives: all page shows all years, no prev/next - removed property= mf2 tags - cleanups in markup - added searchaction schema.org thing - removed everything-the-same-size-font from style 2019-01-31 21:23:16 +00:00			`<title>{% block title %}{% endblock %}</title>`
v4.0a 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" />`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<link rel="icon" href="{{ site.image }}" />`
v4.0a 2018-07-20 16:45:42 +01:00			`{% for key, value in meta.items() %}`
			`<link rel="{{ key }}" href="{{ value }}" />`
			`{% endfor %}`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% macro cssinclude(fname) %}`
			`{% include fname %}`
			`{% endmacro %}`
v4.0a 2018-07-20 16:45:42 +01:00			`<style media="all">`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{{ cssinclude('style.css')\|indent(8)}}`
v4.0a 2018-07-20 16:45:42 +01:00			`</style>`
micropub queue support added; licence now links to spdx.org and uses the identifiers from there 2018-11-10 20:49:13 +00:00			`<style id="css_alt" media="speech">`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{{ cssinclude('style-alt.css')\|indent(8)}}`
v4.0a 2018-07-20 16:45:42 +01:00			`</style>`
			`<style media="print">`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{{ cssinclude('style-print.css')\|indent(8)}}`
v4.0a 2018-07-20 16:45:42 +01:00			`</style>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<script type="application/ld+json">`
			`{{ site\|tojson(indent=4) }}`
			`</script>`
			`{% block meta %}{% endblock %}`
v4.0a 2018-07-20 16:45:42 +01:00			`</head>`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00
microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`<body>`
v4.0a 2018-07-20 16:45:42 +01:00
- removed google things, for now, it's not useful - relurl filter is ready, but not yet in use, because it's a mess - reworked yearly archives: all page shows all years, no prev/next - removed property= mf2 tags - cleanups in markup - added searchaction schema.org thing - removed everything-the-same-size-font from style 2019-01-31 21:23:16 +00:00			`{% macro activemenu(name) %}`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% if (post is defined and post.name == name )`
			`or (post is defined and post.genre == name )`
- removed google things, for now, it's not useful - relurl filter is ready, but not yet in use, because it's a mess - reworked yearly archives: all page shows all years, no prev/next - removed property= mf2 tags - cleanups in markup - added searchaction schema.org thing - removed everything-the-same-size-font from style 2019-01-31 21:23:16 +00:00			`or ( category is defined and category.name == name )%}active{% endif %}`
			`{% endmacro %}`
v4.0a 2018-07-20 16:45:42 +01:00
Back on prismjs <https://prismjs.com/> for syntax highlighting. While Pandoc was generating something sane, the output of CodeHilite puts silly amount of extra text and makes the HTML output completely unreadable. In the end, it still looks like prism.js is a nice and solid solution, even if it's JS. I'll explore other options, but so far, it's either back to Pandoc, or sticking with Prism. 2018-08-02 22:47:49 +01:00			`<header>`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<section>`
			`<nav>`
			`<ul>`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`{% for key, data in menu.items() %}`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<li>`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<a title="{{ data.text }}" href="{{ data.url }}" class="{{ activemenu(key) }}">`
			`<svg width="16" height="16">`
			`<use xlink:href="#icon-{{ key }}" />`
			`</svg>`
			`{{ data.text }}`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`</a>`
			`</li>`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`{% endfor %}`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`</ul>`
			`</nav>`
v4.0a 2018-07-20 16:45:42 +01:00
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<div>`
			`<form class="theme" aria-hidden="true">`
re-adding immediate async processing; is_page added to hide a few footer metatada in page type posts; unused symbols removed, but assets updated; footer extended with a lot of extra information; kcl action replaced; 2018-12-27 19:48:06 +00:00			`<svg width="16" height="16">`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<use xlink:href="#icon-contrast"></use>`
re-adding immediate async processing; is_page added to hide a few footer metatada in page type posts; unused symbols removed, but assets updated; footer extended with a lot of extra information; kcl action replaced; 2018-12-27 19:48:06 +00:00			`</svg>`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<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>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<form role="search" method="get" action="{{ site.potentialAction.url }}">`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`<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>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" />`
theme cleanups of unused bits; better light theme, altered dark theme 2018-12-31 17:22:31 +00:00			`</form>`
			`</div>`
			`</section>`
v4.0a 2018-07-20 16:45:42 +01:00			`</header>`

			`{% block content %}`
			`{% endblock %}`

			`{% block pagination %}`
			`{% endblock %}`

microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`<footer class="p-author h-card vcard">`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<p>`
			`<a href="https://creativecommons.org/">CC</a>,`
			`1999-2019,`
			`<img class="photo avatar u-photo u-avatar"`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`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 }}`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`</a>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<a class="u-email email" rel="me" href="mailto:{{ site.author.email }}">`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<svg width="16" height="16">`
			`<use xlink:href="#icon-mail"></use>`
			`</svg>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{{ site.author.email }}`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`</a>`
			`</p>`
			`<nav>`
			`<ul>`
			`<li>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`<a title="following" href="{{ site.author.follows }}">`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<svg width="16" height="16"><use xlink:href="#icon-following" /></svg>`
			`followings`
			`</a>`
			`</li>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% for url in site.author.sameAs %}`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<li>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% if 'cv.html' in url %}`
			`<a title="CV" href="{{ url }}">`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<svg width="16" height="16"><use xlink:href="#icon-resume" /></svg>`
			`resume`
			`</a>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% elif 'github' in url %}`
			`<a title="github" rel="me" href="{{ url }}">`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`<svg width="16" height="16"><use xlink:href="#icon-github" /></svg>`
			`github`
			`</a>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% endif %}`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`</li>`
- no more microdata or RDFa in HTML: went full JSON-LD - 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 2019-02-07 19:27:15 +00:00			`{% endfor %}`
- theme cleanup - menu is now coming from settings - content block is emptied in base - removed unused SVG icons 2019-01-21 16:10:27 +00:00			`</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>`
v4.0a 2018-07-20 16:45:42 +01:00			`</footer>`

themeswitcher v3 2018-11-15 14:06:35 +00:00			`<script>`
			`{% include 'themeswitcher.js' %}`
redesign, new home ideas 2019-01-15 21:28:58 +00:00			`{% include 'konami.js' %}`
themeswitcher v3 2018-11-15 14:06:35 +00:00			`</script>`

v4.0a 2018-07-20 16:45:42 +01:00			`{% include 'symbols.svg' %}`

- CSS fixes and simplifications - prism.js inlined (only for entries with code blocks) - pandoc is a subclass is str now - added 'nasg' logger - minor bugfixes 2018-08-04 09:30:26 +01:00			`{% block prism %}`
			`{% endblock %}`

v4.0a 2018-07-20 16:45:42 +01:00			`</body>`
			`</html>`