thejayman77/upbeatBytes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home3: rename Daily Moment -> Entertainment; add skinny Word/Quote-of-the-day strip (placeholder)

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
jay
2026-06-22 09:39:02 -04:00
parent de94d179bd
commit 2173802c70
1 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/home3/+page.svelte
+29 -3
View File
@@ -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>