From d6c5dde2c11c3eb296065db0e05a03dc65e3b1b0 Mon Sep 17 00:00:00 2001
From: Stan Runge <stan@stanrunge.dev>
Date: Sun, 25 Oct 2026 13:48:05 +0000
Subject: [PATCH] reading: hide book-only stats on the papers/articles tabs,
 site letter on articles without an image

---
 src/routes/trackers/books/+page.svelte        | 48 ++++++++++---------
 .../trackers/books/[id=integer]/+page.svelte  | 13 ++++-
 2 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/src/routes/trackers/books/+page.svelte b/src/routes/trackers/books/+page.svelte
index 1420693..c0fbd24 100644
--- a/src/routes/trackers/books/+page.svelte
+++ b/src/routes/trackers/books/+page.svelte
@@ -277,29 +277,31 @@
 		{/if}
 	{/if}
 
-	<dl class={['stats mb-10', kind !== 'book' && 'hidden']}>
-		<div>
-			<dt>finished in {data.stats.year}</dt>
-			<dd>{numberFormat.format(data.stats.finishedThisYear)}</dd>
-		</div>
-		<div>
-			<dt>pages read in {data.stats.year}</dt>
-			<dd>{numberFormat.format(data.stats.pagesThisYear)}</dd>
-		</div>
-		<div>
-			<dt>currently reading</dt>
-			<dd>{data.stats.reading}</dd>
-		</div>
-		<div>
-			<dt>in the library</dt>
-			<dd>
-				{numberFormat.format(data.stats.total)}
-				{#if placeholders}<small title="Books without a file yet"
-						>{placeholders} placeholder{placeholders === 1 ? '' : 's'}</small
-					>{/if}
-			</dd>
-		</div>
-	</dl>
+	{#if kind === 'book'}
+		<dl class="stats mb-10">
+			<div>
+				<dt>finished in {data.stats.year}</dt>
+				<dd>{numberFormat.format(data.stats.finishedThisYear)}</dd>
+			</div>
+			<div>
+				<dt>pages read in {data.stats.year}</dt>
+				<dd>{numberFormat.format(data.stats.pagesThisYear)}</dd>
+			</div>
+			<div>
+				<dt>currently reading</dt>
+				<dd>{data.stats.reading}</dd>
+			</div>
+			<div>
+				<dt>in the library</dt>
+				<dd>
+					{numberFormat.format(data.stats.total)}
+					{#if placeholders}<small title="Books without a file yet"
+							>{placeholders} placeholder{placeholders === 1 ? '' : 's'}</small
+						>{/if}
+				</dd>
+			</div>
+		</dl>
+	{/if}
 
 	{#if reading.length && !filtering}
 		<section class="mb-12" aria-labelledby="now-reading">
diff --git a/src/routes/trackers/books/[id=integer]/+page.svelte b/src/routes/trackers/books/[id=integer]/+page.svelte
index adc4d93..800d51f 100644
--- a/src/routes/trackers/books/[id=integer]/+page.svelte
+++ b/src/routes/trackers/books/[id=integer]/+page.svelte
@@ -126,7 +126,9 @@
 		<aside class="side">
 			{#if isArticle}
 				<div class="article-image" style:--hue={coverHue(book.site ?? book.title)}>
-					{#if book.cover}<img src={book.cover} alt="" referrerpolicy="no-referrer" />{/if}
+					{#if book.cover}<img src={book.cover} alt="" referrerpolicy="no-referrer" />{:else}<span
+							class="article-letter">{(book.site ?? book.title).charAt(0).toUpperCase()}</span
+						>{/if}
 				</div>
 			{:else}
 				<div class="cover-box">
@@ -591,6 +593,15 @@
 		);
 		box-shadow: 0 8px 24px -12px rgb(0 0 0 / 0.5);
 	}
+	.article-letter {
+		position: absolute;
+		inset: 0;
+		display: grid;
+		place-items: center;
+		font-size: 3.5rem;
+		font-weight: 700;
+		color: rgb(255 255 255 / 0.9);
+	}
 	.article-image img {
 		width: 100%;
 		height: 100%;