web/site/_includes/header.njk
Adrian Victor 6a18820875
Some checks failed
Build Eleventy Forgero / build (24.x) (push) Has been cancelled
Updated home text
2026-08-25 17:09:44 -03:00

53 lines
No EOL
3.1 KiB
Text

<header>
<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 }}",
windsArtAlt: "{{ i18n[langKey].windsArtAlt | safe }}",
velkommenArtAlt: "{{ i18n[langKey].velkommenArtAlt | safe }}",
pgArtAlt: "{{ i18n[langKey].pgArtAlt | safe }}",
gearsAlt: "{{ i18n[langKey].gearsAlt | safe }}",
soundOffAlt: "{{ i18n[langKey].soundOffAlt | safe }}",
soundOnAlt: "{{ i18n[langKey].soundOnAlt | safe }}",
volumeSliderAlt: "{{ i18n[langKey].volumeSliderAlt | safe }}",
backgroundCheckAlt: "{{ i18n[langKey].backgroundCheckAlt | safe }}",
sfxCheckboxAlt: "{{ i18n[langKey].sfxCheckboxAlt | safe }}",
songSelectAlt: "{{ i18n[langKey].songSelectAlt | safe }}",
showMore: "{{ i18n[langKey].showMore | safe }}",
showLess: "{{ i18n[langKey].showLess | safe }}",
}
</script>
<div class="headerContent">
<div id="headerTitle">
<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>
</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>
</div>
{# <marquee scrollamount="10vw" style="opacity: .8; background-color: rgb(0,0,0, 0.4); postion: fixed; bottom: 0; left: 0;">test</marquee> #}
</header>
<script type="module" src="{{ '/static/scripts/tumblr-adapt.js' | url }}"></script>