Fix TV artwork, episode layout and focus visibility
This commit is contained in:
parent
34087d8eb5
commit
9d2471c5b1
28 changed files with 466 additions and 117 deletions
50
data/tv-v2/feedback-2026-11-06/delta.json
Normal file
50
data/tv-v2/feedback-2026-11-06/delta.json
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
{
|
||||
"specRevision": 5,
|
||||
"base": "data/tv-v2/focus-2026-11-06/index.html",
|
||||
"baseSha256": "1bb7f4097a5303a58e45ec5e61cf867fa6cfdcbfe12fc7a196f00acacae5e48d",
|
||||
"stagePx": [1920, 1080],
|
||||
"density": 2,
|
||||
"picker": {
|
||||
"gearAlignment": "center of the complete people row",
|
||||
"gearRing": "same accent straddle ring as picker people",
|
||||
"gearFocusScale": 1.08,
|
||||
"navigation": "unchanged: Down from the final person only"
|
||||
},
|
||||
"focus": {
|
||||
"horizontalRule": "second-last-slot lookahead; clamp first/last to real contents",
|
||||
"minimumScreenSideMarginPx": 40,
|
||||
"headingPinPx": 168,
|
||||
"geometricCentering": false,
|
||||
"discoverPosterSlots": 6
|
||||
},
|
||||
"episode": {
|
||||
"artPx": [400, 280],
|
||||
"shelfHeightPx": 432,
|
||||
"gapBeforeCastPx": 68,
|
||||
"artFallback": ["episode Primary", "episode Thumb", "series Backdrop crop", "missing art"],
|
||||
"summaryContext": ["focused episode", "explicitly opened episode", "up-next episode", "show when no episode context"],
|
||||
"focusedCardSummaryLines": 2
|
||||
},
|
||||
"seriesHeader": {
|
||||
"height": "measured copy, actions and caption band plus gap",
|
||||
"gapBeforeSeasonsPx": 40,
|
||||
"otherTitleHeaders": "unchanged"
|
||||
},
|
||||
"discover": {
|
||||
"allLaneHeadingBandPx": 104,
|
||||
"allLaneHeadingToCardGapPx": 60,
|
||||
"posterShelfHeightPx": 652,
|
||||
"serviceShelfHeightPx": 316,
|
||||
"homeHeadingBand": "unchanged"
|
||||
},
|
||||
"images": {
|
||||
"heroDecodeBoundPx": [1920, 1080],
|
||||
"heroPosterDecodeBoundPx": [420, 630],
|
||||
"jellyfinQuality": 96,
|
||||
"memoryCacheMiB": 64,
|
||||
"diskCacheMiB": 128,
|
||||
"concurrentReads": 4
|
||||
},
|
||||
"nativeFrames": "https://pages.justinvisser.org/wolfskin/tv-fb1-visual/",
|
||||
"specification": "../../tv-spec/spec.md"
|
||||
}
|
||||
36
data/tv-v2/feedback-2026-11-06/index.html
Normal file
36
data/tv-v2/feedback-2026-11-06/index.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Wolfskin TV · feedback delta · revision 5</title>
|
||||
<style>
|
||||
:root { color-scheme: dark; font: 16px/1.5 system-ui, sans-serif; }
|
||||
body { max-width: 1440px; margin: 32px auto; padding: 0 24px; background: #07070a; color: #f4f4f6; }
|
||||
a { color: #cfb0f6; } nav { display: flex; flex-wrap: wrap; gap: 24px; }
|
||||
section { margin: 48px 0; } h2 { margin-bottom: 8px; }
|
||||
img { display: block; width: 100%; height: auto; margin: 16px 0; border: 1px solid #33333b; }
|
||||
summary { cursor: pointer; } .note { color: #b9b9c1; }
|
||||
</style>
|
||||
<h1>Wolfskin TV · feedback delta</h1>
|
||||
<p>Specification revision 5. The approved frames remain the baseline; these native 1920×1080 frames show only the requested feedback changes. This is a frame prototype, not a simulated Jellyfin client.</p>
|
||||
<nav><a href="#picker">Who’s watching</a><a href="#home">Home</a><a href="#discover">Discover</a><a href="#series">Series</a><a href="#episodes">Episodes</a><a href="#person">Person</a><a href="delta.json">Exact delta values</a></nav>
|
||||
<section id="picker"><h2>Who’s watching</h2><p>Gear centred beneath everyone, with the person-style focus ring.</p>
|
||||
<img width="1920" height="1080" alt="Native picker after: Settings centred below the complete people row" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/picker.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native picker before: gear below the final person" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/picker.png"></details></section>
|
||||
<section id="home"><h2>Home</h2><p>Approved edge scrolling retained. Short/long poster, tile and wide rows, row changes and native title Back exercise the same visibility contract.</p>
|
||||
<img loading="lazy" width="1920" height="1080" alt="Native Home after: focused card safely inside a long shelf" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/home.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native Home baseline" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/home.png"></details>
|
||||
<details><summary>Real-source hero request comparison</summary><p class="note">Same native renderer and source artwork: old 720p response, then panel-sized response. Intentionally blurred poster washes are unchanged.</p><img loading="lazy" width="1920" height="1080" alt="Native hero using the old 720p source response" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/home-hero.png"><img loading="lazy" width="1920" height="1080" alt="Native hero using the panel-resolution source response" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/home-hero.png"></details></section>
|
||||
<section id="discover"><h2>Discover</h2><p>60 px from lane title to cards; all lanes use the same 104 px heading band.</p>
|
||||
<img loading="lazy" width="1920" height="1080" alt="Native Discover after: more space above every lane's cards" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/discover.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native Discover before: smaller heading gap" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/discover.png"></details></section>
|
||||
<section id="series"><h2>Series header</h2><p>Episode-context summary and a measured header instead of the empty fixed-height spacer. Season chips and thumbnail artwork enter the initial view.</p>
|
||||
<img loading="lazy" width="1920" height="1080" alt="Native Bear series header after: episode overview and visible thumbnail row" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/series.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native Bear series header before: show overview and empty space before seasons" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/series.png"></details></section>
|
||||
<section id="episodes"><h2>Episode shelf</h2><p>Real episode Primary artwork, 400×280 px cards and the focused episode's own overview. Cast retains its Level 2 clearance.</p>
|
||||
<img loading="lazy" width="1920" height="1080" alt="Native Bear episodes after: taller thumbnail cards, focused overview and Cast below" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/episodes.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native Bear episodes before: monitor placeholders" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/episodes.png"></details></section>
|
||||
<section id="person"><h2>Person</h2><p>Six full-width poster columns; no shrinking of the final column.</p>
|
||||
<img loading="lazy" width="1920" height="1080" alt="Native Person after" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/after/person.png">
|
||||
<details><summary>Before</summary><img loading="lazy" width="1920" height="1080" alt="Native Person before" src="https://pages.justinvisser.org/wolfskin/tv-fb1-visual/before/person.png"></details></section>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue