From 2173802c7032af20eb6005be838cd701f04856ef Mon Sep 17 00:00:00 2001
From: jay <thejayman77@gmail.com>
Date: Mon, 22 Jun 2026 09:39:02 -0400
Subject: [PATCH] home3: rename Daily Moment -> Entertainment; add skinny
 Word/Quote-of-the-day strip (placeholder)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/routes/home3/+page.svelte | 32 +++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/home3/+page.svelte b/frontend/src/routes/home3/+page.svelte
index 845e72a..4bba575 100644
--- a/frontend/src/routes/home3/+page.svelte
+++ b/frontend/src/routes/home3/+page.svelte
@@ -127,14 +127,28 @@
       </a>
       <div class="card moment">
         <div class="moment-top">
-          <span class="label" style="color:#3F9A66">DAILY MOMENT</span>
+          <span class="label" style="color:#3F9A66">ENTERTAINMENT</span>
           <span class="soon">SOON</span>
         </div>
-        <p class="moment-line">A small calm to carry with you.</p>
-        <span class="moment-meta">Breathing, sound &amp; stillness.</span>
+        <p class="moment-line">A little something to enjoy.</p>
+        <span class="moment-meta">Shows, clips, and curiosities. Coming soon.</span>
       </div>
     </div>
     </div>
+
+    <!-- skinny Word / Quote of the day strip (placeholder content; real engine wired later) -->
+    <div class="card wotd">
+      <div class="wotd-half">
+        <span class="label">WORD OF THE DAY</span>
+        <span class="word">Serene</span>
+        <span class="def">Calm, peaceful, and untroubled.</span>
+      </div>
+      <div class="wotd-half">
+        <span class="label">QUOTE OF THE DAY</span>
+        <span class="quote">“Very little is needed to make a happy life.”</span>
+        <span class="quote-by">Marcus Aurelius</span>
+      </div>
+    </div>
     </div>
   </main>
 
@@ -285,6 +299,16 @@
   .moment-line { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-size: 18px; line-height: 1.3; color: #214a35; margin: 14px 0 0; }
   .moment-meta { margin-top: auto; padding-top: 16px; font-size: 13px; color: #6f9683; }
 
+  /* skinny Word / Quote of the day strip — warm neutral, two halves split by a divider */
+  .wotd { flex: none; display: flex; align-items: stretch; background: #f1ece1; border: 1px solid #e6ddc9; }
+  .wotd-half { flex: 1; padding: 15px 22px; display: flex; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; }
+  .wotd-half + .wotd-half { border-left: 1px solid #e6ddc9; }
+  .wotd .label { color: var(--muted); }
+  .wotd .word { font-family: 'Newsreader', Georgia, serif; font-weight: 600; font-size: 20px; color: var(--ink); }
+  .wotd .def { font-size: 13px; color: var(--body); }
+  .wotd .quote { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-size: 15px; line-height: 1.3; color: #2d2a25; }
+  .wotd .quote-by { font-size: 12px; color: var(--muted); }
+
   .foot {
     text-align: center; max-width: 1180px; width: 100%; margin: 14px auto 0; box-sizing: border-box;
     padding: 20px clamp(18px, 5vw, 44px) 30px; font-size: 13px; color: var(--muted);
@@ -300,5 +324,7 @@
     .art { flex-direction: column; }
     .art-swatch { width: 100%; min-height: 130px; }
     .pair { grid-template-columns: 1fr; }
+    .wotd { flex-direction: column; }
+    .wotd-half + .wotd-half { border-left: none; border-top: 1px solid #e6ddc9; }
   }
 </style>