1
0

Make content full height

This commit is contained in:
Philip Wagner
2025-03-26 10:57:55 +01:00
parent 93b75d36a5
commit 1fada65891
10 changed files with 54 additions and 22 deletions

View File

@@ -101,12 +101,12 @@ code { font-family: Kobata !important; font-weight: normal; word-break: break-wo
#menu-container button, #menu-container a { pointer-events: initial }
nav { display: none }
nav { height: 100%; padding-top: 89pt !important; justify-content: space-between; flex-direction: column; box-sizing: border-box; }
nav > div { margin-left: -2px }
#lang-switch { position: absolute; top: -7px; right: 0 }
#lang-switch a { line-height: 1rem !important }
#content { position: relative; padding-bottom: calc(22pt + 40pt + 22pt); overflow-wrap: break-word; hyphens: auto }
#content { position: relative; overflow-wrap: break-word; hyphens: auto }
#inner-content { display: grid; grid-template-rows: auto 1fr auto; min-height: calc(100vh - 22pt - 40pt - 22pt); padding-bottom: calc(22pt + 40pt + 22pt) }
footer { background: var(--white); padding: 22pt; position: fixed; left: 0; right: 0; bottom: 0; line-height: 1 !important; }
footer a { line-height: 1 !important; text-align-last: justify; display: block; white-space: nowrap; letter-spacing: 2.8vw }
@media (max-width: 1700px) { footer a { letter-spacing: 2vw } }
@@ -118,7 +118,7 @@ footer a { line-height: 1 !important; text-align-last: justify; display: block;
@media (max-width: 750px) {
#menu { overflow-y: scroll; }
#content { padding-bottom: calc(11pt + 22pt + 11pt) }
#inner-content { min-height: calc(100vh - 11pt - 22pt - 11pt); padding-bottom: calc(11pt + 22pt + 11pt) }
footer { font-size: 22pt !important; letter-spacing: 0 !important; padding: 11pt !important }
.headline { padding-left: 79pt }
.headline h3 { font-size: 16pt; max-width: calc(100dvw - 22pt - 37pt - 37pt - 37pt - 22pt) }

View File

@@ -14,3 +14,19 @@ columns:
extends: sections/calendar
label: Veröffentlich
status: listed
- width: 1
sections:
fields:
type: fields
fields:
text:
type: textarea
size: large
buttons:
- code
- '|'
- link
- email
- '|'
- clear

View File

@@ -1,22 +1,4 @@
<?php $dontShowFooter = isset($dont_show_footer) && $dont_show_footer === true ?>
<?php if (!$dontShowFooter): ?>
<div class="container content-footer <?= remember("") ?>">
<div class="content-footer-socials">
<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>
<div class="text-12" style="word-spacing: 1rem">
<?php $impressum = $pages->findBy('uid', 'impressum') ?>
<a href="<?= $impressum->url() ?>" class="link"><?= $impressum->title() ?></a>
<?php $datenschutz = $pages->findBy('uid', 'datenschutzerklaerung') ?>
<a href="<?= $datenschutz->url() ?>" class="link"><?= $datenschutz->title() ?></a>
</div>
</div>
<?php endif ?>
</div>
<footer class="font-kobata text-40 uppercase border-top"><a href="<?= url("/") ?>" class="link">Re Capitulating. Queer</a></footer>

View File

@@ -49,3 +49,5 @@
<?php endif ?>
<?php endforeach ?>
</div>
<div id="inner-content">

View File

@@ -0,0 +1,14 @@
<div class="container content-footer <?= remember("") ?>">
<div class="content-footer-socials">
<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>
<div class="text-12" style="word-spacing: 1rem">
<?php $impressum = $pages->findBy('uid', 'impressum') ?>
<a href="<?= $impressum->url() ?>" class="link"><?= $impressum->title() ?></a>
<?php $datenschutz = $pages->findBy('uid', 'datenschutzerklaerung') ?>
<a href="<?= $datenschutz->url() ?>" class="link"><?= $datenschutz->title() ?></a>
</div>
</div>

View File

@@ -13,6 +13,14 @@
'bg-white-green',
]; $index = 0; ?>
<?php if ($page->text()->isNotEmpty()): ?>
<div class="container bg-white-green">
<div class="text-22">
<?= $page->text()->kirbytext() ?>
</div>
</div>
<?php endif ?>
<?php foreach ($page->children()->listed() as $page): ?>
<?php $color = $colors[$index++ % 6] ; remember($color); ?>
<section class="container calendar-entry <?= $color ?>">
@@ -24,4 +32,8 @@
</section>
<?php endforeach ?>
<?php snippet('inline_footer') ?>
</div>
<?php snippet('footer') ?>

View File

@@ -6,4 +6,6 @@
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
<?php snippet('inline_footer') ?>
<?php snippet('footer') ?>

View File

@@ -209,4 +209,4 @@ start()
})
</script>
<?php snippet('footer', ['dont_show_footer' => true]) ?>
<?php snippet('footer') ?>

View File

@@ -8,4 +8,6 @@
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
</div>
<?php snippet('inline_footer') ?>
<?php snippet('footer') ?>

View File

@@ -22,4 +22,6 @@
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
<?php snippet('inline_footer') ?>
<?php snippet('footer') ?>