<!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>