30 lines
1.0 KiB
PHP
30 lines
1.0 KiB
PHP
<?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]) ?>
|