Release 0.1.1

src/routes/fundus/+page.svelte

@@ -27,11 +27,8 @@
 <div class="page-wrap">
 	<header class="page-heading split-heading">
 		<div>
-			<p class="eyebrow">Redaktioneller Fundus</p>
-			<h1>Gute Stücke, sofort griffbereit.</h1>
-			<p class="page-intro">
-				Vorbereitete Ideen, Gespräche und Fundstücke für die nächste Sendung.
-			</p>
+			<h1>Fundus</h1>
+			<p class="page-intro">Vorbereitete Inhalte für kommende Sendungen.</p>
 		</div>
 		<div class="heading-stat" aria-label={`${data.pieces.length} Inhalte im Beispieldatensatz`}>
 			<strong>{data.pieces.length}</strong><span>Inhalte</span>
@@ -65,22 +62,26 @@
 		<div class="piece-grid">
 			{#each filteredPieces as piece (piece.id)}
 				<article class="piece-card" style={`--category: ${piece.categoryColor}`}>
-					<div class="piece-card-topline">
+					<div class="piece-primary">
+						<h2>{piece.title}</h2>
+						<p>{piece.summary}</p>
+					</div>
+					<div class="piece-classification">
 						<span class="category-label"><i></i>{piece.category}</span>
+						<div class="piece-tags">
+							<span>{piece.format}</span>
+							{#each piece.topics as topic (topic)}<span>{topic}</span>{/each}
+						</div>
+					</div>
+					<div class="piece-state">
 						<span class:ready={piece.status === 'ready'} class="status-label"
 							>{statusLabel[piece.status]}</span
 						>
+						<span class="piece-facts">
+							<span><b>{formatClock(piece.durationSeconds)}</b> geplant</span>
+							<span>{piece.sourceCount} {piece.sourceCount === 1 ? 'Quelle' : 'Quellen'}</span>
+						</span>
 					</div>
-					<h2>{piece.title}</h2>
-					<p>{piece.summary}</p>
-					<div class="piece-tags">
-						<span>{piece.format}</span>
-						{#each piece.topics as topic (topic)}<span>{topic}</span>{/each}
-					</div>
-					<footer>
-						<span><b>{formatClock(piece.durationSeconds)}</b> geplant</span>
-						<span>{piece.sourceCount} {piece.sourceCount === 1 ? 'Quelle' : 'Quellen'}</span>
-					</footer>
 				</article>
 			{/each}
 		</div>