pascal/larpaso-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reduce the readability section to the opening hours

Browse source 
The section showed the same information twice side by side - a dashed
"PDF" card labelled "So sieht es heute oft aus" against an hours table
labelled "So sieht es nachher aus". Reported as confusing; the file side
is dropped, the table stays.

The copy had to follow: it literally said "Dieselben Angaben, zweimal.
Einmal als Datei ... Einmal als Tabelle", which describes a comparison
that no longer exists. Rewritten to stand on its own, and the heading
"Lesbar schlägt vollständig" with it - it only made sense against the
file.

Also dropped the table's "TAG" header row. It had no counterpart on the
right and was left over from the two-column layout.

Removed throughout rather than hidden: the pdf-card/pdf-icon/pdf-name/
pdf-meta and readability-label/hours-head rules, the two-column grid
including its mobile override, and the four now-meaningless fields in
the admin schema.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Lara 2026-10-04 14:10:54 +02:00
parent ef36d5183f
commit 78ccad9c2d
3 changed files with 12 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
admin/lib/schema.js
View file

@ -87,15 +87,11 @@ module.exports = [
itemFields: [
{
key: 'customImage',
label: 'Eigenes Bild statt des Vergleichs (leer = eingebauten Vergleich anzeigen)',
label: 'Eigenes Bild statt der Tabelle (leer = Öffnungszeiten-Tabelle anzeigen)',
type: 'image',
},
{ key: 'title', label: 'Überschrift', type: 'text' },
{ key: 'lead', label: 'Text', type: 'richtext' },
{ key: 'beforeLabel', label: 'Label links ("vorher")', type: 'text' },
{ key: 'pdfName', label: 'Dateiname im PDF-Beispiel', type: 'text' },
{ key: 'pdfMeta', label: 'Zusatzzeile im PDF-Beispiel', type: 'text' },
{ key: 'afterLabel', label: 'Label rechts ("nachher")', type: 'text' },
{ key: 'hoursTitle', label: 'Titel der Tabelle', type: 'text' },
{
key: 'hoursRows',

8
content/site.json
View file

@ -57,12 +57,8 @@
"lead": "larpaso entwickelt individuelle Websites für Kunden, die sich von der Stange nicht zufriedengeben wollen.",
"readability": {
"customImage": "",
"title": "Lesbar schlägt vollständig.",
"lead": "Dieselben Angaben, zweimal. Einmal als Datei, die man erst herunterladen muss. Einmal als Tabelle, die schon da ist. Angerufen wird nach dem zweiten Weg.",
"beforeLabel": "So sieht es heute oft aus",
"pdfName": "Oeffnungszeiten_2026_final_v3.pdf",
"pdfMeta": "2,4 MB · zum Herunterladen",
"afterLabel": "So sieht es nachher aus",
"title": "Was Kunden suchen, steht auf der Seite.",
"lead": "Wer abends wissen will, ob Sie morgen offen haben, schaut auf dem Handy nach. Findet er die Zeiten sofort, ruft er nicht an. Findet er sie nicht, ruft er woanders an.",
"hoursTitle": "Öffnungszeiten",
"hoursRows": [
{

69
src/pages/index.astro
View file

@ -97,24 +97,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
{warum.readability.customImage ? (
<img class="readability-image" src={warum.readability.customImage} alt="" loading="lazy" />
) : (
<div class="readability-grid">
<div>
<p class="readability-label">{warum.readability.beforeLabel}</p>
<div class="pdf-card">
<span class="pdf-icon">PDF</span>
<div>
<p class="pdf-name">{warum.readability.pdfName}</p>
<p class="pdf-meta">{warum.readability.pdfMeta}</p>
</div>
</div>
</div>
<div>
<p class="readability-label">{warum.readability.afterLabel}</p>
<div class="readability-hours">
<div class="hours-card">
<h4>{warum.readability.hoursTitle}</h4>
<div class="hours-row hours-head">
<span>Tag</span><span></span>
</div>
{warum.readability.hoursRows.map((row) => (
<div class="hours-row">
<span>{row.day}</span><span>{row.time}</span>
@ -122,7 +107,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
))}
</div>
</div>
</div>
)}
</div>
</div>
@ -555,11 +539,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
border-top: 1px solid var(--color-border);
}
.readability-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-6);
.readability-hours {
margin-top: var(--space-6);
max-width: 26rem;
}
.readability-image {
@ -569,44 +551,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
margin-top: var(--space-6);
}
.readability-label {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-text-muted);
margin-bottom: var(--space-3);
}
.pdf-card {
display: flex;
align-items: center;
gap: var(--space-4);
background: var(--color-surface);
border: 1px dashed var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-4);
}
.pdf-icon {
background: var(--color-danger);
color: var(--color-primary-contrast);
font-size: 0.7rem;
font-weight: var(--font-weight-bold);
padding: var(--space-2) var(--space-3);
border-radius: var(--radius-sm);
}
.pdf-name {
margin: 0;
font-weight: var(--font-weight-medium);
}
.pdf-meta {
margin: 0;
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}
.hours-card {
background: var(--color-surface);
border: 1px solid var(--color-border);
@ -630,12 +574,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
border-bottom: none;
}
.hours-head {
color: var(--color-text-muted);
font-size: 0.75rem;
text-transform: uppercase;
}
/* Leistungen */
.leistungen-list {
list-style: none;
@ -919,7 +857,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
position: static;
}
.readability-grid,
.mappe-grid {
grid-template-columns: 1fr;
}