shii.moe

Source for `shii.moe' website.
git clone git://git.knutsen.co/shii.moe
Log | Files | Refs | README | LICENSE

layout.html (2866B)


<!DOCTYPE html>

{% macro nav_link(link, title) -%}
	{% if request.path == link %}
		<div class="titleButton"><a href="/">Hjem</a></div>
	{% else %}
		<div class="titleButton"><a href="{{ link }}">{{ title }}</a></div>
	{% endif %}
{%- endmacro %}

<html lang="en-GB">
<head>
	{% block meta %}
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% endblock %}
	{% block head %}
	{% endblock %}
	{% block default_head %}
	<link rel="stylesheet" type="text/css" href="/style.css"/>
	<link rel="icon" type="image/png" href="/mascots/{{ mascot }}-square.png">
	<link rel="preload" as="image" href="/background-300x300.png">
	<link rel="alternate" type="application/atom+xml" title="RSS/Atom feed for shii.moe" href="/rss.xml">
	<title>{% block title %}{% endblock %} – Shiimoe!!</title>
	<script src="https://unpkg.com/tex-linebreak2@latest/dist/lib.js"></script>
	<script src="https://mnater.github.io/Hyphenopoly/min/Hyphenopoly_Loader.js"></script>
	<script>
	const flow = () => {
	    // Only immediate children paragraphs of article tag are considered content.
	    const paragraphs = document.querySelectorAll("article > p");
	    texLinebreak.texLinebreakDOM(paragraphs, {
	        align: 'justify'
	    });
	};
	const hyphenConfig = {
            require: {
                "en-gb": "FORCEHYPHENOPOLY",
            },
            paths: {
                patterndir: "https://mnater.github.io/Hyphenopoly/min/patterns/",
                maindir: "https://mnater.github.io/Hyphenopoly/min/"
            },
            setup: {
		CORScredentials: "omit",
                selectors: {
                    "article": {}
                }
            },
	    handleEvent: {
		hyphenopolyEnd: flow
	    }
        };
	document.fonts.ready.then(() => {
	    Hyphenopoly.config(hyphenConfig);
	});
	</script>
	<noscript>
            <style>
            .article {
                hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                text-aling: justify;
            }
            </style>
        </noscript>
	{% endblock %}
</head>
<body>
	<div id="content">
		{% block header %}
		{% endblock %}
		{% block nav %}
		<div class="titleBar">
			{{ nav_link('/music',  'Musikk') }}
			{{ nav_link('/school', 'Skole') }}
			{{ nav_link('/norsk',  'Norsk') }}
			{{ nav_link('/books',  'Bøker') }}
			{{ nav_link('/blog',    'Blog') }}
		</div>
		{% endblock %}
		{% block content %}
		{% endblock %}
	</div>
	{% block scripts %}
		<!-- Mascot -->
		<noscript><style>#mascot { opacity: 0.85; }</style></noscript>
		<img src="/mascots/{{ mascot }}.png" id="mascot"></img>
		<script src="/colours.js"></script>
		<script src="/image.js"></script>
		<script>randomMascot(NOVELTY);</script>
	{% endblock %}
</body>
</html>