<!DOCTYPE html>
<html lang="<?= $kirby->language()->code() ?>">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Re Capitulating. Queer | <?= $page->title()->esc() ?></title>
	<style>
		@font-face { font-family: 'Kobata'; src: url('<?= url('assets/Kobata-Bold.woff2') ?>') format('woff2') }
        @font-face { font-family: 'VG5000'; src: url('<?= url('assets/VG5000-Regular_web.woff2') ?>') format('woff2') }
	</style>
	<link rel="stylesheet" type="text/css" href="<?= url('assets/style.css') ?>">
</head>
<body>

<div id="content">

<div id="menu-container">
	<div style="display: flex; height: 36pt; position: absolute; top: 22pt; left: 22pt">
		<div style="margin-left: 1px;">
			<button id="menu_open" aria-label="Menu Open" class="menu-button no-button flex" style="gap: 10px"><div></div><div></div><div></div></button>
			<button id="menu_close" aria-label="Menu Close" class="menu-button no-button" style="margin-top: 4px"><div style="transform: rotate(45deg);"></div><div style="transform: translate(0,-6px) rotate(135deg);"></div></button>
		</div>
	</div>
	
	<nav id="menu" class="bg-white-pink container">
		<div>
		<?php $menu = $site->menuItems() ?>
			<?php if ($menu->isNotEmpty()): ?>
				<?php foreach ($menu->toPages() as $menuPage): ?>
					<a href="<?= $menuPage->url() ?>" class="font-kobata text-30 link uppercase block" style="margin-bottom: 1.5rem"><?= $menuPage->title() ?></a>
				<?php endforeach ?>
			<?php endif ?>
		</div>
	
		<div style="display: flex; justify-content: space-between; align-items: center;">
			<a href="https://www.instagram.com/thealit_fkl/" class="block link">Instagram</a>
			<a href="https://www.thealit.de" class="block link">Thealit</a>
			<a href="https://www.thealit.de/newsletter" class="block link">Newsletter</a>
		</div>
	</nav>
</div>

<div id="lang-switch" class="container">
	<?php foreach($kirby->languages() as $language): ?>
	<?php if ($kirby->language() != $language): ?>
		<a href="<?= $page->url($language->code()) ?>" hreflang="<?= $language->code() ?>" class="font-kobata text-40 uppercase link leading-none">
			<?= html($language->code()) ?>
		</a>
	<?php endif ?>
	<?php endforeach ?>	
</div>
