70 lines
2.4 KiB
PHP
70 lines
2.4 KiB
PHP
<?php
|
|
/*
|
|
Snippets are a great way to store code snippets for reuse
|
|
or to keep your templates clean.
|
|
|
|
This footer snippet is reused in all templates.
|
|
|
|
More about snippets:
|
|
https://getkirby.com/docs/guide/templates/snippets
|
|
*/
|
|
?>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="grid">
|
|
<?php
|
|
$homePage = page('home');
|
|
$footerImage = $homePage ? $homePage->image('Lichterei.png') : null;
|
|
?>
|
|
<?php
|
|
$language = kirby()->language()?->code() ?? 'en';
|
|
$blackoutMessage = $language === 'de'
|
|
? 'Wer hat den Lichtschalter berührt?'
|
|
: 'Who touched the light switch?';
|
|
?>
|
|
<div class="column footer-main footer-magnet" style="--columns: 8" data-footer-magnet>
|
|
<h2 class="footer-magnet" data-footer-magnet><a href="https://b.mindboost.team/media/">Made with fun.</a></h2>
|
|
<p class="blackout-message" data-blackout-message>
|
|
<?= esc($blackoutMessage) ?>
|
|
</p>
|
|
<p class="footer-magnet" data-footer-magnet>
|
|
<?php if ($footerImage): ?>
|
|
<img
|
|
class="footer-dim-image"
|
|
data-footer-magnet
|
|
data-brightness-index="0"
|
|
src="<?= $footerImage->url() ?>"
|
|
alt="<?= $footerImage->alt()->or('Lichterei') ?>"
|
|
>
|
|
<?php else: ?>
|
|
Kirby: the file-based CMS that adapts to any project, loved by developers and editors alike
|
|
<?php endif ?>
|
|
</p>
|
|
</div>
|
|
<?php
|
|
$secretHeading = $site->footerSecretsHeading()->or('Secrets');
|
|
$secretOne = $site->footerSecretOne()->or('Our source of inspiration');
|
|
$secretTwo = $site->footerSecretTwo()->or('The forbidden glow hacks');
|
|
$secretLink = 'https://b.mindboost.team/media';
|
|
?>
|
|
<div class="column secret-column footer-magnet" style="--columns: 4" data-footer-magnet>
|
|
<h2 class="footer-magnet" data-footer-magnet><?= esc($secretHeading) ?></h2>
|
|
<ul class="secret-links">
|
|
<li class="footer-magnet" data-footer-magnet><a class="secret-link" href="<?= $secretLink ?>"><?= esc($secretOne) ?></a></li>
|
|
<li class="footer-magnet" data-footer-magnet><a class="secret-link" href="<?= $secretLink ?>"><?= esc($secretTwo) ?></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<?= js([
|
|
'assets/js/prism.js',
|
|
'assets/js/lightbox.js',
|
|
'assets/js/index.js',
|
|
'@auto'
|
|
]) ?>
|
|
|
|
</body>
|
|
</html>
|