petermolnar/nasg
1
0
Fork 0
Code Issues Pull requests 5 Projects Releases Packages Wiki Activity Actions
nasg/templates/base.j2.html

195 lines
6.7 KiB
HTML
Raw Normal View History

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>
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<!--[if lt IE 9]>
<script src="{{ site.url}}/html5shiv-printshiv.js"></script>
<![endif]-->
- 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" />
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
<meta name="author" content="{{ site.author.name }} ({{ site.author.email }})" />
- 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 }}" />
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<!-- <base href="{{ baseurl }}" /> -->
v4.0a
2018-07-20 16:45:42 +01:00
{% for key, value in meta.items() %}
<link rel="{{ key }}" href="{{ value }}" />
{% endfor %}
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% block meta %}{% endblock %}
v4.0a
2018-07-20 16:45:42 +01:00
<style media="all">
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +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">
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% include('style-alt.css') %}
v4.0a
2018-07-20 16:45:42 +01:00
</style>
<style media="print">
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% include('style-print.css') %}
v4.0a
2018-07-20 16:45:42 +01:00
</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) %}
- 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 )
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
or ( category is defined and category.name == name )%}class="active"{% endif %}
- 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
{% 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>
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<a title="{{ data.text }}" href="{{ data.url|relurl(baseurl) }}" {{ activemenu(key) }} >
- 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-{{ 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>
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% for action in site.potentialAction %}
{% if 'SearchAction' == action['@type'] %}
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<form role="search" method="get" action="{{ action.url|relurl(baseurl) }}">
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>
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% endif %}
{% endfor %}
theme cleanups of unused bits; better light theme, altered dark theme
2018-12-31 17:22:31 +00:00
</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">
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
<section>
<p>
<a href="https://creativecommons.org/">CC</a>,
1999-2019,
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<img class="u-photo photo" src="{{ site.author.image|relurl(baseurl) }}" alt="Photo of {{ site.author.name }}" />
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
<a class="p-name u-url fn url" href="{{ site.author.url }}" rel="me"> {{ 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>
{% for action in site.potentialAction %}
{% if 'FollowAction' == action['@type'] %}
<li>
<a href="{{ action.url }}">
<svg width="16" height="16"><use xlink:href="#icon-{{ action['@type'] }}" /></svg>
{{ action.name }}
</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
{% endif %}
once more with feeling: on-the-fly representation is schema.org json-ld for everything, becase it's easy to write, forces me to use some sort of structure, and it might come handy. However, the end HTML is microformats v1 and v2 - v1 for google, search engines, etc, v2 for anything indieweb.
2019-02-08 23:32:52 +00:00
{% endfor %}
<li>
<a 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 href="{{ url }}" class="u-url">
<svg width="16" height="16"><use xlink:href="#icon-resume" /></svg>
resume
</a>
{% elif 'github' in url %}
<a rel="me" href="{{ url }}">
<svg width="16" height="16"><use xlink:href="#icon-github" /></svg>
github
</a>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
<nav>
<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>
</nav>
</section>
- relative urls! - got rid of bleach and reacji detection, nobody is using it - removed google vision and google text classification - 410 for ^/tag and ^/comment - 80x15 SVG bottom banners - better code syntax hightlight CSS
2019-02-16 00:14:12 +00:00
<section>
<nav>
<ul>
<li>
<a href="https://indieweb.org/">
<svg width="80" height="15">
<use xlink:href="#button-indieweb"/>
</svg>
</a>
</li>
<li>
<a href="http://microformats.org/">
<svg width="80" height="15">
<use xlink:href="#button-microformats"/>
</svg>
</a>
</li>
<li>
<a href="https://www.w3.org/TR/webmention/">
<svg width="80" height="15">
<use xlink:href="#button-webmention"/>
</svg>
</a>
</li>
{% block cc %}
<li>
<a href="{{ site.license }}">
<svg width="80" height="15">
<use xlink:href="#button-cc"/>
</svg>
</a>
</li>
{% endblock %}
</ul>
</nav>
</section>
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>
Reference in a new issue Copy permalink