rentv portal: strip top-banner elements into hamburger menu, move burger to upper-left

c9c45d822fe89582f702a14a084f2636d414c27f · 2026-07-20 15:57:23 -0700 · Steve Abrams
Files touched

M build.mjs
M public/portal.html
Diff

commit c9c45d822fe89582f702a14a084f2636d414c27f
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jul 20 15:57:23 2026 -0700

    rentv portal: strip top-banner elements into hamburger menu, move burger to upper-left
---
 build.mjs          | 10 +++++++---
 public/portal.html | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/build.mjs b/build.mjs
index 5083f86..c49a103 100644
--- a/build.mjs
+++ b/build.mjs
@@ -338,13 +338,16 @@ const app = `<!doctype html><html lang="en"><head>
 *{margin:0;padding:0;box-sizing:border-box}
 body{background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-size:19px;line-height:1.75;-webkit-font-smoothing:antialiased}
 .disp{font-family:'Cormorant Garamond',Georgia,serif}a{color:inherit;text-decoration:none}
-.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:linear-gradient(180deg,rgba(12,16,22,.94),rgba(12,16,22,0));backdrop-filter:blur(5px)}
+.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:flex-start;padding:18px 34px;background:linear-gradient(180deg,rgba(12,16,22,.94),rgba(12,16,22,0));backdrop-filter:blur(5px)}
 .brand{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.28em;text-transform:uppercase}.brand span{color:var(--gold)}
 .brand small{display:block;font-family:'Jost';font-size:9px;letter-spacing:.32em;color:var(--gold);margin-top:2px}
 .burger{width:30px;height:20px;position:relative;cursor:pointer;background:none;border:0}.burger span{position:absolute;left:0;right:0;height:1.6px;background:var(--ink);transition:.35s}
 .burger span:nth-child(1){top:1px}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){top:17px}
 body.nav .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.nav .burger span:nth-child(2){opacity:0}body.nav .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
-.menu{position:fixed;top:0;right:0;bottom:0;width:min(420px,86vw);z-index:39;background:var(--panel);border-left:1px solid var(--line);transform:translateX(100%);transition:.42s cubic-bezier(.6,0,.2,1);padding:92px 40px;overflow:auto}
+.menu{position:fixed;top:0;left:0;bottom:0;width:min(420px,86vw);z-index:39;background:var(--panel);border-right:1px solid var(--line);transform:translateX(-100%);transition:.42s cubic-bezier(.6,0,.2,1);padding:92px 40px;overflow:auto}
+.mbrand{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);margin-bottom:28px}
+.mbrand span{color:var(--gold)}
+.mbrand small{display:block;font-family:'Jost';font-size:9px;letter-spacing:.32em;color:var(--gold);margin-top:4px}
 body.nav .menu{transform:none}body.nav .scrim{opacity:1;pointer-events:auto}
 .scrim{position:fixed;inset:0;z-index:38;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.42s}
 .menu .mh{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
@@ -448,9 +451,10 @@ td.mo{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:18px;wi
 footer{padding:56px clamp(24px,7vw,120px);border-top:1px solid var(--line);color:var(--dim);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
 @media(max-width:640px){.heybox{grid-template-columns:1fr}.metrics{gap:26px}}
 </style></head><body>
-<header class="bar"><a class="brand" href="#">REN<span>TV</span><small>Growth Strategy · 2026</small></a><button class="burger" onclick="document.body.classList.toggle('nav')" aria-label="Menu"><span></span><span></span><span></span></button></header>
+<header class="bar"><button class="burger" onclick="document.body.classList.toggle('nav')" aria-label="Menu"><span></span><span></span><span></span></button></header>
 <div class="scrim" onclick="document.body.classList.remove('nav')"></div>
 <nav class="menu" onclick="if(event.target.tagName==='A')document.body.classList.remove('nav')">
+  <a class="mbrand" href="#summary">REN<span>TV</span>.com<small>Growth Strategy · 2026</small></a>
   <div class="mh">Contents</div>${navLinks}
   <div class="minfo"><div class="mh">RENTV.com, Inc.</div><p>${BIZ.addr}</p>${BIZ.team.map(t=>`<p>${t[0]} — ${t[1]} · ${t[2]}</p>`).join('')}<p><a href="https://rentv.com" target="_blank" rel="noopener">rentv.com ↗</a> · <a href="https://www.rentvreview.com" target="_blank" rel="noopener">The REview ↗</a> · <a href="https://www.linkedin.com/company/rentv.com-inc" target="_blank" rel="noopener">LinkedIn ↗</a></p></div>
 </nav>
diff --git a/public/portal.html b/public/portal.html
index 76f2b30..79b4628 100644
--- a/public/portal.html
+++ b/public/portal.html
@@ -15,13 +15,16 @@
 *{margin:0;padding:0;box-sizing:border-box}
 body{background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-size:19px;line-height:1.75;-webkit-font-smoothing:antialiased}
 .disp{font-family:'Cormorant Garamond',Georgia,serif}a{color:inherit;text-decoration:none}
-.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:linear-gradient(180deg,rgba(12,16,22,.94),rgba(12,16,22,0));backdrop-filter:blur(5px)}
+.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:flex-start;padding:18px 34px;background:linear-gradient(180deg,rgba(12,16,22,.94),rgba(12,16,22,0));backdrop-filter:blur(5px)}
 .brand{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.28em;text-transform:uppercase}.brand span{color:var(--gold)}
 .brand small{display:block;font-family:'Jost';font-size:9px;letter-spacing:.32em;color:var(--gold);margin-top:2px}
 .burger{width:30px;height:20px;position:relative;cursor:pointer;background:none;border:0}.burger span{position:absolute;left:0;right:0;height:1.6px;background:var(--ink);transition:.35s}
 .burger span:nth-child(1){top:1px}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){top:17px}
 body.nav .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.nav .burger span:nth-child(2){opacity:0}body.nav .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
-.menu{position:fixed;top:0;right:0;bottom:0;width:min(420px,86vw);z-index:39;background:var(--panel);border-left:1px solid var(--line);transform:translateX(100%);transition:.42s cubic-bezier(.6,0,.2,1);padding:92px 40px;overflow:auto}
+.menu{position:fixed;top:0;left:0;bottom:0;width:min(420px,86vw);z-index:39;background:var(--panel);border-right:1px solid var(--line);transform:translateX(-100%);transition:.42s cubic-bezier(.6,0,.2,1);padding:92px 40px;overflow:auto}
+.mbrand{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);margin-bottom:28px}
+.mbrand span{color:var(--gold)}
+.mbrand small{display:block;font-family:'Jost';font-size:9px;letter-spacing:.32em;color:var(--gold);margin-top:4px}
 body.nav .menu{transform:none}body.nav .scrim{opacity:1;pointer-events:auto}
 .scrim{position:fixed;inset:0;z-index:38;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.42s}
 .menu .mh{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
@@ -125,9 +128,10 @@ td.mo{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:18px;wi
 footer{padding:56px clamp(24px,7vw,120px);border-top:1px solid var(--line);color:var(--dim);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
 @media(max-width:640px){.heybox{grid-template-columns:1fr}.metrics{gap:26px}}
 </style></head><body>
-<header class="bar"><a class="brand" href="#">REN<span>TV</span><small>Growth Strategy · 2026</small></a><button class="burger" onclick="document.body.classList.toggle('nav')" aria-label="Menu"><span></span><span></span><span></span></button></header>
+<header class="bar"><button class="burger" onclick="document.body.classList.toggle('nav')" aria-label="Menu"><span></span><span></span><span></span></button></header>
 <div class="scrim" onclick="document.body.classList.remove('nav')"></div>
 <nav class="menu" onclick="if(event.target.tagName==='A')document.body.classList.remove('nav')">
+  <a class="mbrand" href="#summary">REN<span>TV</span>.com<small>Growth Strategy · 2026</small></a>
   <div class="mh">Contents</div><a href="#summary">Executive Summary</a><a href="#swot">SWOT Analysis</a><a href="#reputation">Reputation & Authority</a><a href="#empire">The Empire & Sublease.com</a><a href="#competitors">Competitors</a><a href="#advertising">Where to Advertise</a><a href="#timing">Timing & Cadence</a><a href="#audit">Website Audit</a><a href="#teardown">Page-by-Page Teardown</a><a href="#social">Social Media Audit</a><a href="#suggested">Suggested New Websites</a><a href="#partners">Unlikely Partners</a><a href="#revenue">Unlikely Revenue</a><a href="#videos">Video + Brand Films</a><a href="#dealdesk">Live Deal Desk (demo)</a><a href="#roadmap">90-Day Roadmap</a>
   <div class="minfo"><div class="mh">RENTV.com, Inc.</div><p>5757 W. Century Blvd., #700, Los Angeles, CA 90045</p><p>Steve Bloom — Owner / Producer · (310) 213-6409</p><p>Arnie Garfinkel — CRE Talk co-host · (818) 532-7660</p><p>Allen Wolfsheimer — News/Resources · (310) 836-8238</p><p>Daniel Ginzburg — CFO, Dandeana Corp · (424) 251-8405</p><p><a href="https://rentv.com" target="_blank" rel="noopener">rentv.com ↗</a> · <a href="https://www.rentvreview.com" target="_blank" rel="noopener">The REview ↗</a> · <a href="https://www.linkedin.com/company/rentv.com-inc" target="_blank" rel="noopener">LinkedIn ↗</a></p></div>
 </nav>
← 48161fc auto-save: 2026-07-20T12:32:08 (1 files) — data/audit-video/ · back to Consulting Rentv Com · rentv portal: a11y — add aria-expanded/aria-controls to burg 0ddefab →