init
This commit is contained in:
51
site/snippets/header.php
Normal file
51
site/snippets/header.php
Normal file
@@ -0,0 +1,51 @@
|
||||
<!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') }
|
||||
<?= F::read('assets/style.css') ?>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="position: relative">
|
||||
|
||||
<div id="menu-container">
|
||||
<div style="display: flex; height: 36pt; position: absolute; top: 22pt; left: 22pt">
|
||||
<div style="width: 376pt; 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>
|
||||
Reference in New Issue
Block a user