← back to Rentv 2026
Video Library: voiced walkthrough (Steve cloned VO) + created date/time on every card
c7d9db4c8870631ff37843aa2a2150fa86c9f96e · 2026-07-28 12:57:49 -0700 · Steve Abrams
- 00-full-site-walkthrough.mp4 re-rendered with Steve's ElevenLabs cloned voice, paced to the 51s narration
- videos.json now carries created_at per video; cards show a 🕓 date+time chip (admin-card rule)
- films re-copied with -p so masters show real production dates
TK-10013
Files touched
M public/press/index.htmlM public/press/videos.json
Diff
commit c7d9db4c8870631ff37843aa2a2150fa86c9f96e
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Tue Jul 28 12:57:49 2026 -0700
Video Library: voiced walkthrough (Steve cloned VO) + created date/time on every card
- 00-full-site-walkthrough.mp4 re-rendered with Steve's ElevenLabs cloned voice, paced to the 51s narration
- videos.json now carries created_at per video; cards show a 🕓 date+time chip (admin-card rule)
- films re-copied with -p so masters show real production dates
TK-10013
---
public/press/index.html | 16 ++++++++---
public/press/videos.json | 69 ++++++++++++++++++++++++++++++++----------------
2 files changed, 58 insertions(+), 27 deletions(-)
diff --git a/public/press/index.html b/public/press/index.html
index e03ff23d..4ece3e42 100644
--- a/public/press/index.html
+++ b/public/press/index.html
@@ -20,9 +20,11 @@
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px; }
.card { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.card video { width:100%; display:block; background:#000; aspect-ratio:16/9; }
- .card .body { padding:11px 14px; display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
- .card .body b { font-size:14px; }
- .card .body span { color:var(--muted); font-size:12px; white-space:nowrap; }
+ .card .body { padding:11px 14px 12px; }
+ .card .meta { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
+ .card .meta b { font-size:14px; }
+ .card .meta span { color:var(--muted); font-size:12px; white-space:nowrap; }
+ .card .when { margin-top:6px; color:var(--muted); font-size:11.5px; letter-spacing:.01em; }
.caps { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; }
.caps img { width:100%; border:1px solid var(--line); border-radius:8px; display:block; }
.empty { color:var(--muted); font-size:13px; padding:12px 0; }
@@ -48,8 +50,14 @@
document.getElementById('count').textContent = data.count + ' videos';
document.getElementById('groups').innerHTML = data.groups.map(function (g) {
var cards = g.items.map(function (v) {
+ var when = '';
+ if (v.created_at) {
+ var d = new Date(v.created_at);
+ when = '<div class="when" title="' + v.created_at + '">🕓 '
+ + d.toLocaleString(undefined, { year:'numeric', month:'short', day:'numeric', hour:'numeric', minute:'2-digit' }) + '</div>';
+ }
return '<div class="card"><video controls preload="metadata" src="/press/media/' + v.src + '"></video>'
- + '<div class="body"><b>' + v.title + '</b><span>' + v.sizeMB + ' MB</span></div></div>';
+ + '<div class="body"><div class="meta"><b>' + v.title + '</b><span>' + v.sizeMB + ' MB</span></div>' + when + '</div></div>';
}).join('');
return '<h2>' + g.label + ' <span>' + g.items.length + '</span></h2><div class="grid">' + cards + '</div>';
}).join('');
diff --git a/public/press/videos.json b/public/press/videos.json
index 534e654c..9dc6d7b9 100644
--- a/public/press/videos.json
+++ b/public/press/videos.json
@@ -8,32 +8,38 @@
{
"title": "Full Site Walkthrough",
"src": "films/00-full-site-walkthrough.mp4",
- "sizeMB": 40.7
+ "sizeMB": 43.2,
+ "created_at": "2026-07-28T19:56:37.392Z"
},
{
"title": "Master Reel",
"src": "films/01-master-reel.mp4",
- "sizeMB": 85.6
+ "sizeMB": 85.6,
+ "created_at": "2026-07-23T21:10:44.043Z"
},
{
"title": "Growth Steve Voice",
"src": "films/02-growth-steve-voice.mp4",
- "sizeMB": 70.2
+ "sizeMB": 70.2,
+ "created_at": "2026-07-23T20:56:43.277Z"
},
{
"title": "Sublease Deepdive",
"src": "films/03-sublease-deepdive.mp4",
- "sizeMB": 8.1
+ "sizeMB": 8.1,
+ "created_at": "2026-07-23T20:56:43.284Z"
},
{
"title": "Sublease Swot Brief",
"src": "films/04-sublease-swot-brief.mp4",
- "sizeMB": 6.5
+ "sizeMB": 6.5,
+ "created_at": "2026-07-23T20:56:43.289Z"
},
{
"title": "Advertising Media Plan",
"src": "films/05-advertising-media-plan.mp4",
- "sizeMB": 6.9
+ "sizeMB": 6.9,
+ "created_at": "2026-07-23T21:06:11.265Z"
}
]
},
@@ -43,67 +49,80 @@
{
"title": "Brief",
"src": "walkthroughs/brief.mp4",
- "sizeMB": 0.8
+ "sizeMB": 0.8,
+ "created_at": "2026-07-28T18:47:13.117Z"
},
{
"title": "Build Walkthrough",
"src": "walkthroughs/build-walkthrough.mp4",
- "sizeMB": 16.4
+ "sizeMB": 16.4,
+ "created_at": "2026-07-28T18:47:13.107Z"
},
{
"title": "Compare",
"src": "walkthroughs/compare.mp4",
- "sizeMB": 0.9
+ "sizeMB": 0.9,
+ "created_at": "2026-07-28T18:47:13.124Z"
},
{
"title": "Directory",
"src": "walkthroughs/directory.mp4",
- "sizeMB": 0.6
+ "sizeMB": 0.6,
+ "created_at": "2026-07-28T18:47:13.132Z"
},
{
"title": "Geofix",
"src": "walkthroughs/geofix.mp4",
- "sizeMB": 0.8
+ "sizeMB": 0.8,
+ "created_at": "2026-07-28T18:47:13.203Z"
},
{
"title": "Hub",
"src": "walkthroughs/hub.mp4",
- "sizeMB": 0.9
+ "sizeMB": 0.9,
+ "created_at": "2026-07-28T18:47:13.139Z"
},
{
"title": "Metros",
"src": "walkthroughs/metros.mp4",
- "sizeMB": 0.7
+ "sizeMB": 0.7,
+ "created_at": "2026-07-28T18:47:13.146Z"
},
{
"title": "Pulse",
"src": "walkthroughs/pulse.mp4",
- "sizeMB": 0.8
+ "sizeMB": 0.8,
+ "created_at": "2026-07-28T18:47:13.155Z"
},
{
"title": "Search",
"src": "walkthroughs/search.mp4",
- "sizeMB": 0.9
+ "sizeMB": 0.9,
+ "created_at": "2026-07-28T18:47:13.163Z"
},
{
"title": "Sector",
"src": "walkthroughs/sector.mp4",
- "sizeMB": 0.9
+ "sizeMB": 0.9,
+ "created_at": "2026-07-28T18:47:13.171Z"
},
{
"title": "Syndicate",
"src": "walkthroughs/syndicate.mp4",
- "sizeMB": 1
+ "sizeMB": 1,
+ "created_at": "2026-07-28T18:47:13.179Z"
},
{
"title": "Toolkit",
"src": "walkthroughs/toolkit.mp4",
- "sizeMB": 0.8
+ "sizeMB": 0.8,
+ "created_at": "2026-07-28T18:47:13.187Z"
},
{
"title": "Watchlist",
"src": "walkthroughs/watchlist.mp4",
- "sizeMB": 0.9
+ "sizeMB": 0.9,
+ "created_at": "2026-07-28T18:47:13.195Z"
}
]
},
@@ -113,22 +132,26 @@
{
"title": "Brand film",
"src": "brand.mp4",
- "sizeMB": 1.4
+ "sizeMB": 1.4,
+ "created_at": "2026-07-28T17:06:44.214Z"
},
{
"title": "Daily film",
"src": "daily.mp4",
- "sizeMB": 1
+ "sizeMB": 1,
+ "created_at": "2026-07-28T17:06:44.187Z"
},
{
"title": "Review film",
"src": "review.mp4",
- "sizeMB": 1.4
+ "sizeMB": 1.4,
+ "created_at": "2026-07-28T17:06:44.201Z"
},
{
"title": "Deals film",
"src": "deals.mp4",
- "sizeMB": 1.7
+ "sizeMB": 1.7,
+ "created_at": "2026-07-28T17:06:44.227Z"
}
]
}
← 4ae1c769 Video Library: add RENTV full-site walkthrough as lead Featu
·
back to Rentv 2026
·
Admin: add Social Media command center at /social (LinkedIn- d83ecd5c →