web/site/_includes/header.njk

36 lines
No EOL
2.1 KiB
Text

<header>
<div>
<h1>{{ title or "Adrian Victor" }}</h1>
<p id="headerSubtitle"><i>{{ subtitle or "Fanasy is not a crime, find your castle in the sky." }}</i></p>
<script>
const headeri18n =
{
by: "{{ i18n[langKey].by | safe }}",
options: "{{ i18n[langKey].options | safe }}",
hideBackground: "{{ i18n[langKey].hideBackground | safe }}",
back: "{{ i18n[langKey].back | safe }}",
permissionIssue: "{{ i18n[langKey].permissionIssue | safe }}",
permissionIssueNotificationContent: "{{ i18n[langKey].permissionIssueNotificationContent | safe }}",
notificationDefaultHint: "{{ i18n[langKey].notificationDefaultHint | safe }}",
disableSoundEffects: "{{ i18n[langKey].disableSoundEffects | safe }}"
}
</script>
</div>
<div id="linksHelper">
<div id="music"></div>
<ul id="headerLinks">
{% if langKey %}
<a href="{{ ('/' ~ langKey ~ '/') | url }}"{% if headerLink == "home" %} style="text-decoration: underline; color: white;"{% endif %}>{{ i18n[langKey].home }}</a>
<a href="{{ ('/' ~ langKey ~ '/blog/') | url }}" {% if headerLink == "blog" %} style="text-decoration: underline; color: white;"{% endif %}>blog</a>
<a href="{{ ('/' ~ langKey ~ '/misc/') | url }}" {% if headerLink == "misc" %} style="text-decoration: underline; color: white;"{% endif %}>misc</a>
<a href="{{ ('/' ~ langKey ~ '/social/') | url }}" {% if headerLink == "social" %} style="text-decoration: underline; color: white;"{% endif %}>social</a>
{% endif %}
{% if langKey == undefined %}
<a href="{{ ('/') | url }}">home</a>
{% endif %}
<a rel="me" href="https://mstdn.social/@tenkuma" style="display: none;">Mastodon</a>
<a href="https://github.com/adrianvic" rel="me" style="display: none;">github.com/aaronpk</a>
</ul>
</div>
</header>