← back to Rentv Tour
Add Steve cloned-voice narration (ElevenLabs) + re-pace tour to the 51s VO; mux audio
264d1c9a4945b5f066f3904e945e1ca1a9ba7f25 · 2026-07-28 12:58:34 -0700 · Steve Abrams
Files touched
M generate.mjsM videos/site-tour/index.html
Diff
commit 264d1c9a4945b5f066f3904e945e1ca1a9ba7f25
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Tue Jul 28 12:58:34 2026 -0700
Add Steve cloned-voice narration (ElevenLabs) + re-pace tour to the 51s VO; mux audio
---
generate.mjs | 8 +-
videos/site-tour/index.html | 331 ++++++++++++++++++++++----------------------
2 files changed, 171 insertions(+), 168 deletions(-)
diff --git a/generate.mjs b/generate.mjs
index 99cfb83..2c8dd3c 100644
--- a/generate.mjs
+++ b/generate.mjs
@@ -3,7 +3,8 @@ const M = JSON.parse(fs.readFileSync('videos/site-tour/assets/manifest.json', 'u
const W = 1920, H = 1080;
const esc = (s) => String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
-const FRONT_DUR = 1.25, ADMIN_DUR = 1.6;
+// paced to Steve's 51.4s VO: front tabs end (~30s) as the narration turns to "the admin side"
+const FRONT_DUR = 1.0833, ADMIN_DUR = 2.443;
const clips = []; // {html}
const tweens = []; // gsap lines
@@ -74,8 +75,8 @@ tweens.push(`tl.from('#tag-admin',{autoAlpha:0,duration:0.4},${adminStart.toFixe
t = adminEnd;
// ---- OUTRO ----
-card('outro', '', 'rentv.agentabrams.com', 'One unified app · user + admin', t, 2.5, '#57b0ff');
-const TOTAL = +(t + 2.5).toFixed(2);
+card('outro', '', 'rentv.agentabrams.com', 'One unified app · user + admin', t, 3.0, '#57b0ff');
+const TOTAL = +(t + 3.0).toFixed(2);
const html = `<!doctype html>
<html lang="en">
@@ -111,6 +112,7 @@ const html = `<!doctype html>
<body>
<div id="root" data-composition-id="main" data-start="0" data-width="${W}" data-height="${H}" data-duration="${TOTAL}" data-fps="30">
<div id="bg" class="clip" data-start="0" data-duration="${TOTAL}" data-track-index="0"></div>
+ <audio id="vo" src="assets/rentv-vo.m4a" data-start="0" data-volume="1"></audio>
${clips.join('\n')}
</div>
<script>
diff --git a/videos/site-tour/index.html b/videos/site-tour/index.html
index 733585a..5dc6bd5 100644
--- a/videos/site-tour/index.html
+++ b/videos/site-tour/index.html
@@ -30,8 +30,9 @@
</style>
</head>
<body>
- <div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="49.2" data-fps="30">
- <div id="bg" class="clip" data-start="0" data-duration="49.2" data-track-index="0"></div>
+ <div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="51.6" data-fps="30">
+ <div id="bg" class="clip" data-start="0" data-duration="51.6" data-track-index="0"></div>
+ <audio id="vo" src="assets/rentv-vo.m4a" data-start="0" data-volume="1"></audio>
<section id="title" class="clip card" data-start="0" data-duration="2.5" data-track-index="1">
<div class="card-inner">
<div class="card-tag" id="title-tag" style="color:#57b0ff">RENTV.COM</div>
@@ -46,295 +47,295 @@
<p id="front-act-sub">The public CRE news platform</p>
</div>
</section>
- <div id="f0" class="clip shot" data-start="4" data-duration="1.25" data-track-index="2">
+ <div id="f0" class="clip shot" data-start="4" data-duration="1.0833" data-track-index="2">
<img id="f0-img" class="shot-img" src="assets/front/00-home.png" alt="Home">
</div>
- <div id="f0-lbl" class="clip label" data-start="4" data-duration="1.25" data-track-index="3">
+ <div id="f0-lbl" class="clip label" data-start="4" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f0-lbl-in">
<span class="lbl-num" style="background:#0a6cff">01 / 24</span>
<span class="lbl-txt">Home</span>
</div>
</div>
- <div id="f1" class="clip shot" data-start="5.25" data-duration="1.25" data-track-index="2">
+ <div id="f1" class="clip shot" data-start="5.0832999999999995" data-duration="1.0833" data-track-index="2">
<img id="f1-img" class="shot-img" src="assets/front/01-hub.png" alt="Intelligence Hub">
</div>
- <div id="f1-lbl" class="clip label" data-start="5.25" data-duration="1.25" data-track-index="3">
+ <div id="f1-lbl" class="clip label" data-start="5.0832999999999995" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f1-lbl-in">
<span class="lbl-num" style="background:#0a6cff">02 / 24</span>
<span class="lbl-txt">Intelligence Hub</span>
</div>
</div>
- <div id="f2" class="clip shot" data-start="6.5" data-duration="1.25" data-track-index="2">
+ <div id="f2" class="clip shot" data-start="6.1666" data-duration="1.0833" data-track-index="2">
<img id="f2-img" class="shot-img" src="assets/front/02-search.png" alt="Search">
</div>
- <div id="f2-lbl" class="clip label" data-start="6.5" data-duration="1.25" data-track-index="3">
+ <div id="f2-lbl" class="clip label" data-start="6.1666" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f2-lbl-in">
<span class="lbl-num" style="background:#0a6cff">03 / 24</span>
<span class="lbl-txt">Search</span>
</div>
</div>
- <div id="f3" class="clip shot" data-start="7.75" data-duration="1.25" data-track-index="2">
+ <div id="f3" class="clip shot" data-start="7.2499" data-duration="1.0833" data-track-index="2">
<img id="f3-img" class="shot-img" src="assets/front/03-market-pulse.png" alt="Rates & Capital Markets">
</div>
- <div id="f3-lbl" class="clip label" data-start="7.75" data-duration="1.25" data-track-index="3">
+ <div id="f3-lbl" class="clip label" data-start="7.2499" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f3-lbl-in">
<span class="lbl-num" style="background:#0a6cff">04 / 24</span>
<span class="lbl-txt">Rates & Capital Markets</span>
</div>
</div>
- <div id="f4" class="clip shot" data-start="9" data-duration="1.25" data-track-index="2">
+ <div id="f4" class="clip shot" data-start="8.3332" data-duration="1.0833" data-track-index="2">
<img id="f4-img" class="shot-img" src="assets/front/04-pulse.png" alt="Market Pulse">
</div>
- <div id="f4-lbl" class="clip label" data-start="9" data-duration="1.25" data-track-index="3">
+ <div id="f4-lbl" class="clip label" data-start="8.3332" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f4-lbl-in">
<span class="lbl-num" style="background:#0a6cff">05 / 24</span>
<span class="lbl-txt">Market Pulse</span>
</div>
</div>
- <div id="f5" class="clip shot" data-start="10.25" data-duration="1.25" data-track-index="2">
+ <div id="f5" class="clip shot" data-start="9.4165" data-duration="1.0833" data-track-index="2">
<img id="f5-img" class="shot-img" src="assets/front/05-sector.png" alt="Sector Deep-Dives">
</div>
- <div id="f5-lbl" class="clip label" data-start="10.25" data-duration="1.25" data-track-index="3">
+ <div id="f5-lbl" class="clip label" data-start="9.4165" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f5-lbl-in">
<span class="lbl-num" style="background:#0a6cff">06 / 24</span>
<span class="lbl-txt">Sector Deep-Dives</span>
</div>
</div>
- <div id="f6" class="clip shot" data-start="11.5" data-duration="1.25" data-track-index="2">
+ <div id="f6" class="clip shot" data-start="10.4998" data-duration="1.0833" data-track-index="2">
<img id="f6-img" class="shot-img" src="assets/front/06-metros.png" alt="Deal Flow by Metro">
</div>
- <div id="f6-lbl" class="clip label" data-start="11.5" data-duration="1.25" data-track-index="3">
+ <div id="f6-lbl" class="clip label" data-start="10.4998" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f6-lbl-in">
<span class="lbl-num" style="background:#0a6cff">07 / 24</span>
<span class="lbl-txt">Deal Flow by Metro</span>
</div>
</div>
- <div id="f7" class="clip shot" data-start="12.75" data-duration="1.25" data-track-index="2">
+ <div id="f7" class="clip shot" data-start="11.5831" data-duration="1.0833" data-track-index="2">
<img id="f7-img" class="shot-img" src="assets/front/07-tools.png" alt="CRE Toolkit">
</div>
- <div id="f7-lbl" class="clip label" data-start="12.75" data-duration="1.25" data-track-index="3">
+ <div id="f7-lbl" class="clip label" data-start="11.5831" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f7-lbl-in">
<span class="lbl-num" style="background:#0a6cff">08 / 24</span>
<span class="lbl-txt">CRE Toolkit</span>
</div>
</div>
- <div id="f8" class="clip shot" data-start="14" data-duration="1.25" data-track-index="2">
+ <div id="f8" class="clip shot" data-start="12.6664" data-duration="1.0833" data-track-index="2">
<img id="f8-img" class="shot-img" src="assets/front/08-watchlist.png" alt="Deal Watchlist">
</div>
- <div id="f8-lbl" class="clip label" data-start="14" data-duration="1.25" data-track-index="3">
+ <div id="f8-lbl" class="clip label" data-start="12.6664" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f8-lbl-in">
<span class="lbl-num" style="background:#0a6cff">09 / 24</span>
<span class="lbl-txt">Deal Watchlist</span>
</div>
</div>
- <div id="f9" class="clip shot" data-start="15.25" data-duration="1.25" data-track-index="2">
+ <div id="f9" class="clip shot" data-start="13.749699999999999" data-duration="1.0833" data-track-index="2">
<img id="f9-img" class="shot-img" src="assets/front/09-directory.png" alt="CRE Directory">
</div>
- <div id="f9-lbl" class="clip label" data-start="15.25" data-duration="1.25" data-track-index="3">
+ <div id="f9-lbl" class="clip label" data-start="13.749699999999999" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f9-lbl-in">
<span class="lbl-num" style="background:#0a6cff">10 / 24</span>
<span class="lbl-txt">CRE Directory</span>
</div>
</div>
- <div id="f10" class="clip shot" data-start="16.5" data-duration="1.25" data-track-index="2">
+ <div id="f10" class="clip shot" data-start="14.832999999999998" data-duration="1.0833" data-track-index="2">
<img id="f10-img" class="shot-img" src="assets/front/10-compare.png" alt="Deal Comparison">
</div>
- <div id="f10-lbl" class="clip label" data-start="16.5" data-duration="1.25" data-track-index="3">
+ <div id="f10-lbl" class="clip label" data-start="14.832999999999998" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f10-lbl-in">
<span class="lbl-num" style="background:#0a6cff">11 / 24</span>
<span class="lbl-txt">Deal Comparison</span>
</div>
</div>
- <div id="f11" class="clip shot" data-start="17.75" data-duration="1.25" data-track-index="2">
+ <div id="f11" class="clip shot" data-start="15.9163" data-duration="1.0833" data-track-index="2">
<img id="f11-img" class="shot-img" src="assets/front/11-brief.png" alt="The RENTV Brief">
</div>
- <div id="f11-lbl" class="clip label" data-start="17.75" data-duration="1.25" data-track-index="3">
+ <div id="f11-lbl" class="clip label" data-start="15.9163" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f11-lbl-in">
<span class="lbl-num" style="background:#0a6cff">12 / 24</span>
<span class="lbl-txt">The RENTV Brief</span>
</div>
</div>
- <div id="f12" class="clip shot" data-start="19" data-duration="1.25" data-track-index="2">
+ <div id="f12" class="clip shot" data-start="16.9996" data-duration="1.0833" data-track-index="2">
<img id="f12-img" class="shot-img" src="assets/front/12-syndicate.png" alt="Syndicate">
</div>
- <div id="f12-lbl" class="clip label" data-start="19" data-duration="1.25" data-track-index="3">
+ <div id="f12-lbl" class="clip label" data-start="16.9996" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f12-lbl-in">
<span class="lbl-num" style="background:#0a6cff">13 / 24</span>
<span class="lbl-txt">Syndicate</span>
</div>
</div>
- <div id="f13" class="clip shot" data-start="20.25" data-duration="1.25" data-track-index="2">
+ <div id="f13" class="clip shot" data-start="18.0829" data-duration="1.0833" data-track-index="2">
<img id="f13-img" class="shot-img" src="assets/front/13-financing.png" alt="Sections — Financing">
</div>
- <div id="f13-lbl" class="clip label" data-start="20.25" data-duration="1.25" data-track-index="3">
+ <div id="f13-lbl" class="clip label" data-start="18.0829" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f13-lbl-in">
<span class="lbl-num" style="background:#0a6cff">14 / 24</span>
<span class="lbl-txt">Sections — Financing</span>
</div>
</div>
- <div id="f14" class="clip shot" data-start="21.5" data-duration="1.25" data-track-index="2">
+ <div id="f14" class="clip shot" data-start="19.1662" data-duration="1.0833" data-track-index="2">
<img id="f14-img" class="shot-img" src="assets/front/14-deals.png" alt="Deals">
</div>
- <div id="f14-lbl" class="clip label" data-start="21.5" data-duration="1.25" data-track-index="3">
+ <div id="f14-lbl" class="clip label" data-start="19.1662" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f14-lbl-in">
<span class="lbl-num" style="background:#0a6cff">15 / 24</span>
<span class="lbl-txt">Deals</span>
</div>
</div>
- <div id="f15" class="clip shot" data-start="22.75" data-duration="1.25" data-track-index="2">
+ <div id="f15" class="clip shot" data-start="20.249499999999998" data-duration="1.0833" data-track-index="2">
<img id="f15-img" class="shot-img" src="assets/front/15-markets.png" alt="Markets">
</div>
- <div id="f15-lbl" class="clip label" data-start="22.75" data-duration="1.25" data-track-index="3">
+ <div id="f15-lbl" class="clip label" data-start="20.249499999999998" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f15-lbl-in">
<span class="lbl-num" style="background:#0a6cff">16 / 24</span>
<span class="lbl-txt">Markets</span>
</div>
</div>
- <div id="f16" class="clip shot" data-start="24" data-duration="1.25" data-track-index="2">
+ <div id="f16" class="clip shot" data-start="21.3328" data-duration="1.0833" data-track-index="2">
<img id="f16-img" class="shot-img" src="assets/front/16-la-commercial.png" alt="LA Commercial">
</div>
- <div id="f16-lbl" class="clip label" data-start="24" data-duration="1.25" data-track-index="3">
+ <div id="f16-lbl" class="clip label" data-start="21.3328" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f16-lbl-in">
<span class="lbl-num" style="background:#0a6cff">17 / 24</span>
<span class="lbl-txt">LA Commercial</span>
</div>
</div>
- <div id="f17" class="clip shot" data-start="25.25" data-duration="1.25" data-track-index="2">
+ <div id="f17" class="clip shot" data-start="22.4161" data-duration="1.0833" data-track-index="2">
<img id="f17-img" class="shot-img" src="assets/front/17-review.png" alt="The REview">
</div>
- <div id="f17-lbl" class="clip label" data-start="25.25" data-duration="1.25" data-track-index="3">
+ <div id="f17-lbl" class="clip label" data-start="22.4161" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f17-lbl-in">
<span class="lbl-num" style="background:#0a6cff">18 / 24</span>
<span class="lbl-txt">The REview</span>
</div>
</div>
- <div id="f18" class="clip shot" data-start="26.5" data-duration="1.25" data-track-index="2">
+ <div id="f18" class="clip shot" data-start="23.499399999999998" data-duration="1.0833" data-track-index="2">
<img id="f18-img" class="shot-img" src="assets/front/18-cre-talk.png" alt="CRE Talk">
</div>
- <div id="f18-lbl" class="clip label" data-start="26.5" data-duration="1.25" data-track-index="3">
+ <div id="f18-lbl" class="clip label" data-start="23.499399999999998" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f18-lbl-in">
<span class="lbl-num" style="background:#0a6cff">19 / 24</span>
<span class="lbl-txt">CRE Talk</span>
</div>
</div>
- <div id="f19" class="clip shot" data-start="27.75" data-duration="1.25" data-track-index="2">
+ <div id="f19" class="clip shot" data-start="24.5827" data-duration="1.0833" data-track-index="2">
<img id="f19-img" class="shot-img" src="assets/front/19-conferences.png" alt="Conferences">
</div>
- <div id="f19-lbl" class="clip label" data-start="27.75" data-duration="1.25" data-track-index="3">
+ <div id="f19-lbl" class="clip label" data-start="24.5827" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f19-lbl-in">
<span class="lbl-num" style="background:#0a6cff">20 / 24</span>
<span class="lbl-txt">Conferences</span>
</div>
</div>
- <div id="f20" class="clip shot" data-start="29" data-duration="1.25" data-track-index="2">
+ <div id="f20" class="clip shot" data-start="25.665999999999997" data-duration="1.0833" data-track-index="2">
<img id="f20-img" class="shot-img" src="assets/front/20-blog.png" alt="Blog">
</div>
- <div id="f20-lbl" class="clip label" data-start="29" data-duration="1.25" data-track-index="3">
+ <div id="f20-lbl" class="clip label" data-start="25.665999999999997" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f20-lbl-in">
<span class="lbl-num" style="background:#0a6cff">21 / 24</span>
<span class="lbl-txt">Blog</span>
</div>
</div>
- <div id="f21" class="clip shot" data-start="30.25" data-duration="1.25" data-track-index="2">
+ <div id="f21" class="clip shot" data-start="26.749299999999998" data-duration="1.0833" data-track-index="2">
<img id="f21-img" class="shot-img" src="assets/front/21-about.png" alt="About">
</div>
- <div id="f21-lbl" class="clip label" data-start="30.25" data-duration="1.25" data-track-index="3">
+ <div id="f21-lbl" class="clip label" data-start="26.749299999999998" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f21-lbl-in">
<span class="lbl-num" style="background:#0a6cff">22 / 24</span>
<span class="lbl-txt">About</span>
</div>
</div>
- <div id="f22" class="clip shot" data-start="31.5" data-duration="1.25" data-track-index="2">
+ <div id="f22" class="clip shot" data-start="27.8326" data-duration="1.0833" data-track-index="2">
<img id="f22-img" class="shot-img" src="assets/front/22-advertise.png" alt="Advertise">
</div>
- <div id="f22-lbl" class="clip label" data-start="31.5" data-duration="1.25" data-track-index="3">
+ <div id="f22-lbl" class="clip label" data-start="27.8326" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f22-lbl-in">
<span class="lbl-num" style="background:#0a6cff">23 / 24</span>
<span class="lbl-txt">Advertise</span>
</div>
</div>
- <div id="f23" class="clip shot" data-start="32.75" data-duration="1.25" data-track-index="2">
+ <div id="f23" class="clip shot" data-start="28.915899999999997" data-duration="1.0833" data-track-index="2">
<img id="f23-img" class="shot-img" src="assets/front/23-subscribe.png" alt="Subscribe / Newsletters">
</div>
- <div id="f23-lbl" class="clip label" data-start="32.75" data-duration="1.25" data-track-index="3">
+ <div id="f23-lbl" class="clip label" data-start="28.915899999999997" data-duration="1.0833" data-track-index="3">
<div class="lbl-inner" id="f23-lbl-in">
<span class="lbl-num" style="background:#0a6cff">24 / 24</span>
<span class="lbl-txt">Subscribe / Newsletters</span>
</div>
</div>
- <div id="tag-front" class="clip corner-tag" data-start="4" data-duration="30.000" data-track-index="4"><span class="dot" style="background:#57b0ff"></span>FRONT END · user</div>
- <section id="admin-act" class="clip card" data-start="34" data-duration="1.5" data-track-index="1">
+ <div id="tag-front" class="clip corner-tag" data-start="4" data-duration="25.999" data-track-index="4"><span class="dot" style="background:#57b0ff"></span>FRONT END · user</div>
+ <section id="admin-act" class="clip card" data-start="29.9992" data-duration="1.5" data-track-index="1">
<div class="card-inner">
<div class="card-tag" id="admin-act-tag" style="color:#c8a15a">ACT II</div>
<h1 id="admin-act-title">Admin Backend</h1>
<p id="admin-act-sub">Internal intelligence — admin only</p>
</div>
</section>
- <div id="a0" class="clip shot" data-start="35.5" data-duration="1.6" data-track-index="2">
+ <div id="a0" class="clip shot" data-start="31.4992" data-duration="2.443" data-track-index="2">
<img id="a0-img" class="shot-img" src="assets/admin/00-backend.png" alt="Backend Hub">
</div>
- <div id="a0-lbl" class="clip label" data-start="35.5" data-duration="1.6" data-track-index="3">
+ <div id="a0-lbl" class="clip label" data-start="31.4992" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a0-lbl-in">
<span class="lbl-num" style="background:#c8a15a">01 / 7</span>
<span class="lbl-txt">Backend Hub</span>
</div>
</div>
- <div id="a1" class="clip shot" data-start="37.1" data-duration="1.6" data-track-index="2">
+ <div id="a1" class="clip shot" data-start="33.9422" data-duration="2.443" data-track-index="2">
<img id="a1-img" class="shot-img" src="assets/admin/01-desk.png" alt="Broker & Owner Desk">
</div>
- <div id="a1-lbl" class="clip label" data-start="37.1" data-duration="1.6" data-track-index="3">
+ <div id="a1-lbl" class="clip label" data-start="33.9422" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a1-lbl-in">
<span class="lbl-num" style="background:#c8a15a">02 / 7</span>
<span class="lbl-txt">Broker & Owner Desk</span>
</div>
</div>
- <div id="a2" class="clip shot" data-start="38.7" data-duration="1.6" data-track-index="2">
+ <div id="a2" class="clip shot" data-start="36.3852" data-duration="2.443" data-track-index="2">
<img id="a2-img" class="shot-img" src="assets/admin/02-audience.png" alt="Audience & CRM">
</div>
- <div id="a2-lbl" class="clip label" data-start="38.7" data-duration="1.6" data-track-index="3">
+ <div id="a2-lbl" class="clip label" data-start="36.3852" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a2-lbl-in">
<span class="lbl-num" style="background:#c8a15a">03 / 7</span>
<span class="lbl-txt">Audience & CRM</span>
</div>
</div>
- <div id="a3" class="clip shot" data-start="40.3" data-duration="1.6" data-track-index="2">
+ <div id="a3" class="clip shot" data-start="38.828199999999995" data-duration="2.443" data-track-index="2">
<img id="a3-img" class="shot-img" src="assets/admin/03-admin.png" alt="Admin Dashboards">
</div>
- <div id="a3-lbl" class="clip label" data-start="40.3" data-duration="1.6" data-track-index="3">
+ <div id="a3-lbl" class="clip label" data-start="38.828199999999995" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a3-lbl-in">
<span class="lbl-num" style="background:#c8a15a">04 / 7</span>
<span class="lbl-txt">Admin Dashboards</span>
</div>
</div>
- <div id="a4" class="clip shot" data-start="41.9" data-duration="1.6" data-track-index="2">
+ <div id="a4" class="clip shot" data-start="41.2712" data-duration="2.443" data-track-index="2">
<img id="a4-img" class="shot-img" src="assets/admin/04-versions.png" alt="Site Versions">
</div>
- <div id="a4-lbl" class="clip label" data-start="41.9" data-duration="1.6" data-track-index="3">
+ <div id="a4-lbl" class="clip label" data-start="41.2712" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a4-lbl-in">
<span class="lbl-num" style="background:#c8a15a">05 / 7</span>
<span class="lbl-txt">Site Versions</span>
</div>
</div>
- <div id="a5" class="clip shot" data-start="43.5" data-duration="1.6" data-track-index="2">
+ <div id="a5" class="clip shot" data-start="43.7142" data-duration="2.443" data-track-index="2">
<img id="a5-img" class="shot-img" src="assets/admin/05-consulting.png" alt="Consulting">
</div>
- <div id="a5-lbl" class="clip label" data-start="43.5" data-duration="1.6" data-track-index="3">
+ <div id="a5-lbl" class="clip label" data-start="43.7142" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a5-lbl-in">
<span class="lbl-num" style="background:#c8a15a">06 / 7</span>
<span class="lbl-txt">Consulting</span>
</div>
</div>
- <div id="a6" class="clip shot" data-start="45.1" data-duration="1.6" data-track-index="2">
+ <div id="a6" class="clip shot" data-start="46.1572" data-duration="2.443" data-track-index="2">
<img id="a6-img" class="shot-img" src="assets/admin/06-press.png" alt="Video Library">
</div>
- <div id="a6-lbl" class="clip label" data-start="45.1" data-duration="1.6" data-track-index="3">
+ <div id="a6-lbl" class="clip label" data-start="46.1572" data-duration="2.443" data-track-index="3">
<div class="lbl-inner" id="a6-lbl-in">
<span class="lbl-num" style="background:#c8a15a">07 / 7</span>
<span class="lbl-txt">Video Library</span>
</div>
</div>
- <div id="tag-admin" class="clip corner-tag" data-start="35.5" data-duration="11.200" data-track-index="4"><span class="dot" style="background:#c8a15a"></span>ADMIN · backend</div>
- <section id="outro" class="clip card" data-start="46.7" data-duration="2.5" data-track-index="1">
+ <div id="tag-admin" class="clip corner-tag" data-start="31.4992" data-duration="17.101" data-track-index="4"><span class="dot" style="background:#c8a15a"></span>ADMIN · backend</div>
+ <section id="outro" class="clip card" data-start="48.6002" data-duration="3" data-track-index="1">
<div class="card-inner">
<h1 id="outro-title">rentv.agentabrams.com</h1>
@@ -352,105 +353,105 @@
tl.from('#front-act-tag',{y:-18,autoAlpha:0,duration:0.5,ease:'power2.out'},2.600);
tl.from('#front-act-sub',{y:20,autoAlpha:0,duration:0.5,ease:'power2.out'},2.750);
tl.from('#f0-img',{opacity:0,duration:0.35,ease:'power1.out'},4.000);
- tl.fromTo('#f0-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},4.000);
+ tl.fromTo('#f0-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},4.000);
tl.from('#f0-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},4.050);
- tl.from('#f1-img',{opacity:0,duration:0.35,ease:'power1.out'},5.250);
- tl.fromTo('#f1-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},5.250);
- tl.from('#f1-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},5.300);
- tl.from('#f2-img',{opacity:0,duration:0.35,ease:'power1.out'},6.500);
- tl.fromTo('#f2-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},6.500);
- tl.from('#f2-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},6.550);
- tl.from('#f3-img',{opacity:0,duration:0.35,ease:'power1.out'},7.750);
- tl.fromTo('#f3-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},7.750);
- tl.from('#f3-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},7.800);
- tl.from('#f4-img',{opacity:0,duration:0.35,ease:'power1.out'},9.000);
- tl.fromTo('#f4-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},9.000);
- tl.from('#f4-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},9.050);
- tl.from('#f5-img',{opacity:0,duration:0.35,ease:'power1.out'},10.250);
- tl.fromTo('#f5-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},10.250);
- tl.from('#f5-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},10.300);
- tl.from('#f6-img',{opacity:0,duration:0.35,ease:'power1.out'},11.500);
- tl.fromTo('#f6-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},11.500);
- tl.from('#f6-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},11.550);
- tl.from('#f7-img',{opacity:0,duration:0.35,ease:'power1.out'},12.750);
- tl.fromTo('#f7-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},12.750);
- tl.from('#f7-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},12.800);
- tl.from('#f8-img',{opacity:0,duration:0.35,ease:'power1.out'},14.000);
- tl.fromTo('#f8-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},14.000);
- tl.from('#f8-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},14.050);
- tl.from('#f9-img',{opacity:0,duration:0.35,ease:'power1.out'},15.250);
- tl.fromTo('#f9-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},15.250);
- tl.from('#f9-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},15.300);
- tl.from('#f10-img',{opacity:0,duration:0.35,ease:'power1.out'},16.500);
- tl.fromTo('#f10-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},16.500);
- tl.from('#f10-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},16.550);
- tl.from('#f11-img',{opacity:0,duration:0.35,ease:'power1.out'},17.750);
- tl.fromTo('#f11-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},17.750);
- tl.from('#f11-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},17.800);
- tl.from('#f12-img',{opacity:0,duration:0.35,ease:'power1.out'},19.000);
- tl.fromTo('#f12-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},19.000);
- tl.from('#f12-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},19.050);
- tl.from('#f13-img',{opacity:0,duration:0.35,ease:'power1.out'},20.250);
- tl.fromTo('#f13-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},20.250);
- tl.from('#f13-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},20.300);
- tl.from('#f14-img',{opacity:0,duration:0.35,ease:'power1.out'},21.500);
- tl.fromTo('#f14-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},21.500);
- tl.from('#f14-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},21.550);
- tl.from('#f15-img',{opacity:0,duration:0.35,ease:'power1.out'},22.750);
- tl.fromTo('#f15-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},22.750);
- tl.from('#f15-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},22.800);
- tl.from('#f16-img',{opacity:0,duration:0.35,ease:'power1.out'},24.000);
- tl.fromTo('#f16-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},24.000);
- tl.from('#f16-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},24.050);
- tl.from('#f17-img',{opacity:0,duration:0.35,ease:'power1.out'},25.250);
- tl.fromTo('#f17-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},25.250);
- tl.from('#f17-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},25.300);
- tl.from('#f18-img',{opacity:0,duration:0.35,ease:'power1.out'},26.500);
- tl.fromTo('#f18-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},26.500);
- tl.from('#f18-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},26.550);
- tl.from('#f19-img',{opacity:0,duration:0.35,ease:'power1.out'},27.750);
- tl.fromTo('#f19-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},27.750);
- tl.from('#f19-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},27.800);
- tl.from('#f20-img',{opacity:0,duration:0.35,ease:'power1.out'},29.000);
- tl.fromTo('#f20-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},29.000);
- tl.from('#f20-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},29.050);
- tl.from('#f21-img',{opacity:0,duration:0.35,ease:'power1.out'},30.250);
- tl.fromTo('#f21-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},30.250);
- tl.from('#f21-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},30.300);
- tl.from('#f22-img',{opacity:0,duration:0.35,ease:'power1.out'},31.500);
- tl.fromTo('#f22-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},31.500);
- tl.from('#f22-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},31.550);
- tl.from('#f23-img',{opacity:0,duration:0.35,ease:'power1.out'},32.750);
- tl.fromTo('#f23-img',{scale:1.06},{scale:1.0,duration:1.250,ease:'none'},32.750);
- tl.from('#f23-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},32.800);
+ tl.from('#f1-img',{opacity:0,duration:0.35,ease:'power1.out'},5.083);
+ tl.fromTo('#f1-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},5.083);
+ tl.from('#f1-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},5.133);
+ tl.from('#f2-img',{opacity:0,duration:0.35,ease:'power1.out'},6.167);
+ tl.fromTo('#f2-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},6.167);
+ tl.from('#f2-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},6.217);
+ tl.from('#f3-img',{opacity:0,duration:0.35,ease:'power1.out'},7.250);
+ tl.fromTo('#f3-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},7.250);
+ tl.from('#f3-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},7.300);
+ tl.from('#f4-img',{opacity:0,duration:0.35,ease:'power1.out'},8.333);
+ tl.fromTo('#f4-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},8.333);
+ tl.from('#f4-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},8.383);
+ tl.from('#f5-img',{opacity:0,duration:0.35,ease:'power1.out'},9.416);
+ tl.fromTo('#f5-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},9.416);
+ tl.from('#f5-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},9.466);
+ tl.from('#f6-img',{opacity:0,duration:0.35,ease:'power1.out'},10.500);
+ tl.fromTo('#f6-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},10.500);
+ tl.from('#f6-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},10.550);
+ tl.from('#f7-img',{opacity:0,duration:0.35,ease:'power1.out'},11.583);
+ tl.fromTo('#f7-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},11.583);
+ tl.from('#f7-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},11.633);
+ tl.from('#f8-img',{opacity:0,duration:0.35,ease:'power1.out'},12.666);
+ tl.fromTo('#f8-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},12.666);
+ tl.from('#f8-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},12.716);
+ tl.from('#f9-img',{opacity:0,duration:0.35,ease:'power1.out'},13.750);
+ tl.fromTo('#f9-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},13.750);
+ tl.from('#f9-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},13.800);
+ tl.from('#f10-img',{opacity:0,duration:0.35,ease:'power1.out'},14.833);
+ tl.fromTo('#f10-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},14.833);
+ tl.from('#f10-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},14.883);
+ tl.from('#f11-img',{opacity:0,duration:0.35,ease:'power1.out'},15.916);
+ tl.fromTo('#f11-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},15.916);
+ tl.from('#f11-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},15.966);
+ tl.from('#f12-img',{opacity:0,duration:0.35,ease:'power1.out'},17.000);
+ tl.fromTo('#f12-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},17.000);
+ tl.from('#f12-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},17.050);
+ tl.from('#f13-img',{opacity:0,duration:0.35,ease:'power1.out'},18.083);
+ tl.fromTo('#f13-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},18.083);
+ tl.from('#f13-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},18.133);
+ tl.from('#f14-img',{opacity:0,duration:0.35,ease:'power1.out'},19.166);
+ tl.fromTo('#f14-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},19.166);
+ tl.from('#f14-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},19.216);
+ tl.from('#f15-img',{opacity:0,duration:0.35,ease:'power1.out'},20.249);
+ tl.fromTo('#f15-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},20.249);
+ tl.from('#f15-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},20.299);
+ tl.from('#f16-img',{opacity:0,duration:0.35,ease:'power1.out'},21.333);
+ tl.fromTo('#f16-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},21.333);
+ tl.from('#f16-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},21.383);
+ tl.from('#f17-img',{opacity:0,duration:0.35,ease:'power1.out'},22.416);
+ tl.fromTo('#f17-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},22.416);
+ tl.from('#f17-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},22.466);
+ tl.from('#f18-img',{opacity:0,duration:0.35,ease:'power1.out'},23.499);
+ tl.fromTo('#f18-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},23.499);
+ tl.from('#f18-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},23.549);
+ tl.from('#f19-img',{opacity:0,duration:0.35,ease:'power1.out'},24.583);
+ tl.fromTo('#f19-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},24.583);
+ tl.from('#f19-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},24.633);
+ tl.from('#f20-img',{opacity:0,duration:0.35,ease:'power1.out'},25.666);
+ tl.fromTo('#f20-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},25.666);
+ tl.from('#f20-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},25.716);
+ tl.from('#f21-img',{opacity:0,duration:0.35,ease:'power1.out'},26.749);
+ tl.fromTo('#f21-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},26.749);
+ tl.from('#f21-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},26.799);
+ tl.from('#f22-img',{opacity:0,duration:0.35,ease:'power1.out'},27.833);
+ tl.fromTo('#f22-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},27.833);
+ tl.from('#f22-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},27.883);
+ tl.from('#f23-img',{opacity:0,duration:0.35,ease:'power1.out'},28.916);
+ tl.fromTo('#f23-img',{scale:1.06},{scale:1.0,duration:1.083,ease:'none'},28.916);
+ tl.from('#f23-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},28.966);
tl.from('#tag-front',{autoAlpha:0,duration:0.4},4.000);
- tl.from('#admin-act-title',{y:36,autoAlpha:0,duration:0.6,ease:'power3.out'},34.000);
- tl.from('#admin-act-tag',{y:-18,autoAlpha:0,duration:0.5,ease:'power2.out'},34.100);
- tl.from('#admin-act-sub',{y:20,autoAlpha:0,duration:0.5,ease:'power2.out'},34.250);
- tl.from('#a0-img',{opacity:0,duration:0.35,ease:'power1.out'},35.500);
- tl.fromTo('#a0-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},35.500);
- tl.from('#a0-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},35.550);
- tl.from('#a1-img',{opacity:0,duration:0.35,ease:'power1.out'},37.100);
- tl.fromTo('#a1-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},37.100);
- tl.from('#a1-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},37.150);
- tl.from('#a2-img',{opacity:0,duration:0.35,ease:'power1.out'},38.700);
- tl.fromTo('#a2-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},38.700);
- tl.from('#a2-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},38.750);
- tl.from('#a3-img',{opacity:0,duration:0.35,ease:'power1.out'},40.300);
- tl.fromTo('#a3-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},40.300);
- tl.from('#a3-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},40.350);
- tl.from('#a4-img',{opacity:0,duration:0.35,ease:'power1.out'},41.900);
- tl.fromTo('#a4-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},41.900);
- tl.from('#a4-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},41.950);
- tl.from('#a5-img',{opacity:0,duration:0.35,ease:'power1.out'},43.500);
- tl.fromTo('#a5-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},43.500);
- tl.from('#a5-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},43.550);
- tl.from('#a6-img',{opacity:0,duration:0.35,ease:'power1.out'},45.100);
- tl.fromTo('#a6-img',{scale:1.06},{scale:1.0,duration:1.600,ease:'none'},45.100);
- tl.from('#a6-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},45.150);
- tl.from('#tag-admin',{autoAlpha:0,duration:0.4},35.500);
- tl.from('#outro-title',{y:36,autoAlpha:0,duration:0.6,ease:'power3.out'},46.700);
- tl.from('#outro-sub',{y:20,autoAlpha:0,duration:0.5,ease:'power2.out'},46.950);
+ tl.from('#admin-act-title',{y:36,autoAlpha:0,duration:0.6,ease:'power3.out'},29.999);
+ tl.from('#admin-act-tag',{y:-18,autoAlpha:0,duration:0.5,ease:'power2.out'},30.099);
+ tl.from('#admin-act-sub',{y:20,autoAlpha:0,duration:0.5,ease:'power2.out'},30.249);
+ tl.from('#a0-img',{opacity:0,duration:0.35,ease:'power1.out'},31.499);
+ tl.fromTo('#a0-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},31.499);
+ tl.from('#a0-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},31.549);
+ tl.from('#a1-img',{opacity:0,duration:0.35,ease:'power1.out'},33.942);
+ tl.fromTo('#a1-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},33.942);
+ tl.from('#a1-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},33.992);
+ tl.from('#a2-img',{opacity:0,duration:0.35,ease:'power1.out'},36.385);
+ tl.fromTo('#a2-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},36.385);
+ tl.from('#a2-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},36.435);
+ tl.from('#a3-img',{opacity:0,duration:0.35,ease:'power1.out'},38.828);
+ tl.fromTo('#a3-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},38.828);
+ tl.from('#a3-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},38.878);
+ tl.from('#a4-img',{opacity:0,duration:0.35,ease:'power1.out'},41.271);
+ tl.fromTo('#a4-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},41.271);
+ tl.from('#a4-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},41.321);
+ tl.from('#a5-img',{opacity:0,duration:0.35,ease:'power1.out'},43.714);
+ tl.fromTo('#a5-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},43.714);
+ tl.from('#a5-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},43.764);
+ tl.from('#a6-img',{opacity:0,duration:0.35,ease:'power1.out'},46.157);
+ tl.fromTo('#a6-img',{scale:1.06},{scale:1.0,duration:2.443,ease:'none'},46.157);
+ tl.from('#a6-lbl-in',{y:26,autoAlpha:0,duration:0.4,ease:'power2.out'},46.207);
+ tl.from('#tag-admin',{autoAlpha:0,duration:0.4},31.499);
+ tl.from('#outro-title',{y:36,autoAlpha:0,duration:0.6,ease:'power3.out'},48.600);
+ tl.from('#outro-sub',{y:20,autoAlpha:0,duration:0.5,ease:'power2.out'},48.850);
window.__timelines['main'] = tl;
</script>
</body>
← 83d8a19 RENTV full-site walkthrough video: HyperFrames tour of all 3
·
back to Rentv Tour
·
Cleaner captures: normalize every page to minimal header (ha d354efd →