From f3c9feaf9794be010dea62d2f7ed57030bbd6947 Mon Sep 17 00:00:00 2001
From: George Powell <geohpowell@gmail.com>
Date: Thu, 26 Feb 2026 00:52:00 -0500
Subject: [PATCH] removed verse snippet from share

---
 src/lib/components/StreakCounter.svelte | 10 ++++++----
 src/lib/components/WinScreen.svelte     | 12 +++++++-----
 src/lib/utils/share.ts                  |  8 ++++----
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/StreakCounter.svelte b/src/lib/components/StreakCounter.svelte
index eb21cd5..ebc5262 100644
--- a/src/lib/components/StreakCounter.svelte
+++ b/src/lib/components/StreakCounter.svelte
@@ -12,17 +12,19 @@
 	class="flex flex-col items-center justify-center bg-white/50 backdrop-blur-sm px-4 py-4 rounded-2xl border border-white/50 shadow-sm flex-1 text-center"
 >
 	<p
-		class="text-4xl font-triodion font-black text-orange-500 leading-none tabular-nums"
+		class="text-5xl font-triodion font-black text-orange-500 leading-none tabular-nums"
 	>
 		{streak}
 	</p>
 	<p
-		class="text-xs uppercase tracking-[0.2em] text-gray-500 font-bold mt-1 leading-tight"
+		class="text-xs uppercase justify-center tracking-widest text-gray-500 font-triodion font-bold py-2 leading-tight"
 	>
-		day{streak === 1 ? "" : "s"}<br />in a row
+		day{streak === 1 ? "" : "s"} in a row
 	</p>
 	{#if streakPercentile !== null && streakPercentile <= 50}
-		<p class="text-xs text-gray-700 font-semibold mt-2">
+		<p
+			class="text-xs text-black w-full tracking-widest uppercase font-semibold border-t border-t-stone-400 pt-2"
+		>
 			Top {streakPercentile}%
 		</p>
 	{/if}
diff --git a/src/lib/components/WinScreen.svelte b/src/lib/components/WinScreen.svelte
index b669e63..e5e84a9 100644
--- a/src/lib/components/WinScreen.svelte
+++ b/src/lib/components/WinScreen.svelte
@@ -103,7 +103,7 @@
 	>
 		<div class="flex flex-col gap-3">
 			<p class="text-2xl sm:text-3xl md:text-4xl leading-tight">
-				{congratulationsMessage} The verse is from<br />
+				{congratulationsMessage} The verse is from
 				<span class="font-black font-triodion text-3xl md:text-4xl"
 					>{bookName}</span
 				>.
@@ -112,11 +112,13 @@
 				You guessed correctly after {guessCount}
 				{guessCount === 1 ? "guess" : "guesses"}.
 			</p>
-			{#if streak >= 7}
-				<p class="text-gray-700! big-text">
-					Thank you for making Bibdle part of your daily routine!
+			<!-- {#if streak >= 7}
+				<p
+					class="italic tracking-wider px-8 font-semibold text-gray-500"
+				>
+					Thank you for making BIBDLE part of your daily routine!
 				</p>
-			{/if}
+			{/if} -->
 		</div>
 	</Container>
 
diff --git a/src/lib/utils/share.ts b/src/lib/utils/share.ts
index d319915..dbd95c9 100644
--- a/src/lib/utils/share.ts
+++ b/src/lib/utils/share.ts
@@ -17,7 +17,7 @@ export function getVerseSnippet(verseText: string): string {
 	}
 
 	const start = posAfterWord(10);
-	const end = posAfterWord(25);
+	const end = posAfterWord(18);
 
 	// Find first punctuation mark between words 10 and 25
 	const range = text.substring(start, end);
@@ -74,13 +74,13 @@ export function generateShareText(params: {
 	const bookEmoji = isLoggedIn ? "📜" : "📖";
 
 	const guessWord = guesses.length === 1 ? "guess" : "guesses";
-	const streakPart = streak !== undefined && streak > 1 ? ` (${streak} days🔥)` : "";
+	const streakPart = streak !== undefined && streak > 1 ? ` ${streak} days 🔥` : "";
 	const chapterStar = guesses.length === 1 && chapterCorrect ? " ⭐" : "";
 
 	const lines = [
 		`${bookEmoji} Bibdle | ${formattedDate} ${bookEmoji}`,
-		getVerseSnippet(verseText),
-		`${emojis}${chapterStar} ${guesses.length} ${guessWord}${streakPart}`,
+		`${guesses.length} ${guessWord},${streakPart}`,
+		`${emojis}${chapterStar}`,
 		origin,
 	];