Make content full height
This commit is contained in:
@@ -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) }
|
||||
|
||||
@@ -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
|
||||
@@ -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>
|
||||
|
||||
@@ -49,3 +49,5 @@
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
|
||||
<div id="inner-content">
|
||||
14
site/snippets/inline_footer.php
Normal file
14
site/snippets/inline_footer.php
Normal 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>
|
||||
@@ -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') ?>
|
||||
@@ -6,4 +6,6 @@
|
||||
|
||||
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
|
||||
|
||||
<?php snippet('inline_footer') ?>
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
@@ -209,4 +209,4 @@ start()
|
||||
})
|
||||
</script>
|
||||
|
||||
<?php snippet('footer', ['dont_show_footer' => true]) ?>
|
||||
<?php snippet('footer') ?>
|
||||
@@ -8,4 +8,6 @@
|
||||
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
|
||||
</div>
|
||||
|
||||
<?php snippet('inline_footer') ?>
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
@@ -22,4 +22,6 @@
|
||||
|
||||
<?php snippet('layouts', ['layouts' => $page->layout()->toLayouts()]) ?>
|
||||
|
||||
<?php snippet('inline_footer') ?>
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
Reference in New Issue
Block a user