init

site/templates/home.php

@@ -0,0 +1,30 @@
+<?php snippet('header') ?>
+
+<style>
+#info { display: none; position: absolute; left: 498px; top: 0; bottom: 0 }
+</style>
+
+<div class="container" style="padding-left: calc(498px + 22pt)">
+    <button id="info_open" aria-label="Info Open" class="menu-button no-button flex font-kobata text-40 uppercase">Info</button>
+</div>
+
+<div id="info" class="bg-white-green container">
+	<button id="info_close" aria-label="Info Close" class="menu-button no-button flex" style="margin-top: 4px"><div style="transform: rotate(45deg); "></div><div style="transform: translate(0,-6px) rotate(135deg);"></div></button>
+	<div class="text-22" style="margin-top: 34pt">
+	<?= $page->text() ?>
+	</div>
+</div>
+
+<script defer>
+    const $info = document.getElementById('info')
+	document.getElementById('info_open').addEventListener('click', () => {
+		$info.classList.add('block')
+	})
+	document.getElementById('info_close').addEventListener('click', () => {
+		$info.classList.remove('block')
+	})
+</script>
+
+
+
+<?php snippet('footer', ['dont_show_footer' => true]) ?>