SFBadSteben/schachfreunde-badsteben
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update layout and styling, extend memorial page content

Browse Source 
Enhanced layout snippet with conditional styling support for dark mode. Updated typography and grid classes for improved text and visual consistency. Added additional memorial section content, including headings and text fields for tributes. Expanded blueprint definitions with new block types (`line`, `gallery`, and `quote`). Adjusted chessboard piece and square dimensions in `pgn4web.css` for refined appearance.
This commit is contained in:
Tobias Feigel
2025-07-06 17:00:58 +02:00
parent 364045a99b
commit b6f077a8c4
10 changed files with 89 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/png4web.css → assets/css/pgn4web.css
+4 -6
View File
@@ -19,21 +19,19 @@ td {
border-style: double;
border-color: black;
border-width: 3px;
width: 600px;
height: 600px;
}
.pieceImage {
width: 60px;
height: 60px;
width: 55px;
height: 55px;
}
.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare {
width: 55px;
height: 55px;
width: 60px;
height: 60px;
border-style: solid;
border-width: 1px;
}
content/4_verein/5_memoriam/blockpage.txt
+52
View File
@@ -5,6 +5,15 @@ Title: In Memoriam
Blocks:
[
{
"content": {
"level": "h1",
"text": "Roland Martius - † 17.02.2016"
},
"id": "a14dd385-7207-4f43-b5a7-4dd12ac06359",
"isHidden": false,
"type": "heading"
},
{
"content": {
"location": "kirby",
@@ -55,6 +64,45 @@ Blocks:
"id": "fb61c744-c18b-4b43-b1b1-fcb91602a9aa",
"isHidden": false,
"type": "pgn4web"
},
{
"content": [],
"id": "da7c4d70-4f23-4dfa-aeb9-a274799147f2",
"isHidden": false,
"type": "line"
},
{
"content": {
"level": "h1",
"text": "Dieter Munzert - † 12.01.2021"
},
"id": "15f0a908-83bd-452b-974b-1b0e93ac2170",
"isHidden": false,
"type": "heading"
},
{
"content": {
"text": "<p>Die Schachfreunde Bad Steben trauern um Gründungsmitglied Dieter Munzert.</p>"
},
"id": "7202e67b-348e-40ab-bce1-28e89e27ab47",
"isHidden": false,
"type": "text"
},
{
"content": {
"text": "<p>Unser Gründungsmitglied Dieter verstarb am 12. Januar 2021 im Alter von 67 Jahren im Krankenhaus. Unser Mitgefühl gilt seiner Frau Waltraud und allen Angehörigen!</p>"
},
"id": "e2e32907-05a9-43c2-b0c5-0332004f6f3f",
"isHidden": false,
"type": "text"
},
{
"content": {
"text": "<p>Wir werden Dieter, der immer ein zuverlässiger und eifriger Schachspieler war, stets in Erinnerung behalten!</p>"
},
"id": "d38742d7-683c-4b12-8553-21ebcb4b994b",
"isHidden": false,
"type": "text"
}
]
@@ -64,4 +112,8 @@ Herotext: In ehrender Erinnerung gedenken wir unserer verstorbenen Mitglieder, d
----
Dark: true
----
Uuid: ko01ys2cbv2pafa8
site/blueprints/pages/blockpage.yml
+3
View File
@@ -8,6 +8,9 @@ fields:
- heading
- text
- image
- line
- gallery
- quote
- type: fen
label: FEN-Diagramm
preview: fields
site/blueprints/pages/verein.yml
+1 -2
View File
@@ -16,5 +16,4 @@ columns:
pages:
type: pages
files:
type: files
type: files
site/snippets/blocks/pgn4web.php
+1 -1
View File
@@ -18,7 +18,7 @@
</script>
<div class="gap-2 grid grid-cols-1 lg:grid lg:grid-cols-2 lg:px-8 max-w-7xl mx-auto px-4 py-8 sm:px-6 text-black">
<div class="gap-2 grid grid-cols-1 lg:grid lg:grid-cols-2 lg:px-8 max-w-7xl mx-auto px-4 py-8 sm:px-6">
<div>
<div class="w-full" id="GameBoard"></div>
<div class="hover:cursor-pointer" id="GameButtons"></div>
site/snippets/layout.php
+13 -5
View File
@@ -36,11 +36,19 @@
<?php snippet('titel') ?>
<?php endif ?>
<section class="py-24 bg-sf_grau-50">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<?= $slot ?>
</div>
</section>
<?php if ($page->dark()->isNotEmpty()): ?>
<section id="content" class="py-24 bg-sf_grau-900 text-sf_grau-50">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<?= $slot ?>
</div>
</section>
<?php else: ?>
<section id="content" class="py-24 bg-sf_grau-50 text-sf_grau-900">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<?= $slot ?>
</div>
</section>
<?php endif ?>
</main>
<footer class="bg-sf_grau-400 w-full" id="footer">
site/snippets/titel.php
+1 -1
View File
@@ -1,6 +1,6 @@
<section class="bg-sf_blau-500 py-24" id="titel">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 lg:gap-12 lg:grid lg:grid-cols-2 text-red-50">
<div class="grid grid-cols-1 lg:gap-12 lg:grid lg:grid-cols-2 text-sf_grau-50">
<div class="w-full max-w-lg">
<h1 class="text-6xl font-bold"><?= $page->title() ?></h1>
</div>
site/templates/blockpage.php
+3 -3
View File
@@ -24,8 +24,8 @@ function fenToBoard($fen) {
<?php
snippet('layout', slots: true) ?>
<?= $page->blocks()->toBlocks() ?>
<div class="blockpage">
<?= $page->blocks()->toBlocks() ?>
</div>
<?php
endsnippet() ?>
site/templates/impressum.php
+1 -1
View File
@@ -1,7 +1,7 @@
<?php snippet('layout', slots: true) ?>
<section class="bg-sf_grau-50 py-24">
<div class="lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
<div class="impressum lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
<h1 class="text-3xl">Impressum</h1>
</div>
<div class="grid grid-cols-1 lg:grid lg:grid-cols-2 lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
src/css/input.css
+10 -10
View File
@@ -43,19 +43,19 @@
@layer components {
p {
font-family: var(--font-serif);
@apply text-2xl font-serif;
}
h1 {
font-family: var(--font-sans);
font-size: var(--text-3xl);
font-weight: var(--font-weight-semibold);
padding-bottom: 1rem;
@apply text-6xl font-sans py-8;
}
h2 {
font-family: var(--font-sans);
font-size: var(--text-xl);
font-weight: var(--font-weight-semibold);
padding-top: 0.7rem;
padding-bottom: 0.7rem;
@apply text-3xl font-sans py-4;
}
.blockpage p {
@apply py-4;
}
}