52 lines
2.2 KiB
PHP
52 lines
2.2 KiB
PHP
<!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 style="position: relative">
|
|
|
|
<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>
|