nasg/templates/base.j2.html

<!DOCTYPE html>
<html{% block lang %}{% endblock %}>
<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.favicon }}" />
    {% block licence %}
    <link rel="license" href="https://spdx.org/licenses/{{ site.licence }}.html" type="{{ site.licence }}" />
    {% endblock %}
    {% for key, value in meta.items() %}
    <link rel="{{ key }}" href="{{ value }}" />
    {% endfor %}
    {% block meta %}{% endblock %}
    <style media="all">
        {% include 'style.css' %}
    </style>
    <style id="css_alt" media="speech">
        {% include 'style-alt.css' %}
    </style>
    <style media="print">
        {% include 'style-print.css' %}
    </style>
</head>

<body>

{% 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 %}

<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.search }}" property="potentialAction" typeof="SearchAction" vocab="http://schema.org/">
                <meta property="target" content="{{ site.search }}?q={q}"/>
                <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:" required="required" property="query-input" />
            </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="{{ author.avatar }}"
            alt="Photo of {{ author.name }}" />
        <a class="fn p-name url u-url u-uid org" rel="me" href="{{ site.url }}">
            {{ author.name }}
        </a>
        <a class="u-email email" rel="me" href="mailto:{{ author.email }}">
            <svg width="16" height="16">
                <title>email</title>
                <use xlink:href="#icon-mail"></use>
            </svg>
            {{ author.email }}
        </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>
</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>`
- 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			`<html{% block lang %}{% endblock %}>`
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" />`
- 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			`<link rel="icon" href="{{ site.favicon }}" />`
- 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			`{% block licence %}`
			`<link rel="license" href="https://spdx.org/licenses/{{ site.licence }}.html" type="{{ site.licence }}" />`
			`{% endblock %}`
v4.0a 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">`
- 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			`{% include 'style.css' %}`
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">`
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			`{% include 'style-alt.css' %}`
v4.0a 2018-07-20 16:45:42 +01:00			`</style>`
			`<style media="print">`
			`{% include 'style-print.css' %}`
			`</style>`
			`</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) %}`
			`{% 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 %}`
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>`
microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`<form role="search" method="get" action="{{ site.search }}" property="potentialAction" typeof="SearchAction" vocab="http://schema.org/">`
			`<meta property="target" content="{{ site.search }}?q={q}"/>`
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>`
microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`<input type="search" placeholder="search..." value="" name="q" id="q" title="Search for:" required="required" property="query-input" />`
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"`
			`src="{{ author.avatar }}"`
microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`alt="Photo of {{ author.name }}" />`
			`<a class="fn p-name url u-url u-uid org" rel="me" href="{{ site.url }}">`
			`{{ 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>`
- 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			`<a class="u-email email" rel="me" href="mailto:{{ 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">`
			`<title>email</title>`
			`<use xlink:href="#icon-mail"></use>`
			`</svg>`
microdata => rdfa so I make academics happy 2019-02-03 16:40:08 +00:00			`{{ 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>`
			`<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>`
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>`