`public/versions/magazine.html`

34 lines
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>RENTV — Magazine (version)</title><meta name="description" content="One oversized hero feature + two secondaries. Editorial and image-led.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Newsreader:wght@400;700&family=Libre+Franklin:wght@400;600;800&family=Source+Serif+4:wght@400;700&family=IBM+Plex+Serif:wght@400;700&family=IBM+Plex+Sans:wght@400;600;700&family=DM+Serif+Display&family=Archivo:wght@400;600;800&family=Spectral:wght@400;700&family=Space+Grotesk:wght@400;700&family=Fraunces:wght@400;700&family=Lora:wght@400;700&family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<style>
:root{--a:#b84a1e;--ink:#1e1712;--sub:#6b5a4e;--ln:#e0d4c8;--bg:#fdf8f3;--wa:#f5ede3;--se:'Fraunces',Georgia,serif;--sa:'Libre Franklin',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sa);background:var(--bg);color:var(--ink);line-height:1.5}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.vbar{background:var(--ink);color:var(--bg);font-size:12px}.vbar .wrap{display:flex;justify-content:space-between;align-items:center;height:36px}
.vbar a{color:var(--bg);opacity:.85}.vbar b{color:var(--a)}
.mast{border-bottom:2px solid var(--ink);padding:18px 0 12px;text-align:center}
.logo{font-family:var(--se);font-weight:700;font-size:40px;letter-spacing:-1px}.logo span{color:var(--a)}
.logo small{display:block;font-family:var(--sa);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--sub);margin-top:3px}
nav{border-bottom:1px solid var(--ln);position:sticky;top:0;background:var(--bg);z-index:20}
nav .wrap{display:flex;gap:2px;align-items:center;height:46px}
.ham{display:none;background:none;border:0;font-size:24px;line-height:1;color:var(--ink);cursor:pointer;padding:8px 12px 8px 0;margin-left:auto}
.nl{display:flex;gap:2px;align-items:center;overflow-x:auto}
nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:13px 8px;white-space:nowrap;color:var(--ink);border-bottom:3px solid transparent}
nav a:hover{color:var(--a);border-color:var(--a)}
@media(max-width:860px){.ham{display:block}.nl{display:none;position:absolute;top:46px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--ln);box-shadow:0 12px 26px rgba(0,0,0,.25);z-index:30;max-height:78vh;overflow-y:auto}.nl.open{display:flex}.nl a{padding:14px 20px;border-bottom:1px solid var(--ln)}}
.chip{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--a)}
.byl{font-size:12px;color:var(--sub)}
h1,h2,h3,h4{font-family:var(--se);font-weight:700;line-height:1.14}
#app{padding:26px 0 60px;min-height:50vh}.load{color:var(--sub);padding:40px 0}
.imgph{background:linear-gradient(135deg,var(--wa),var(--ln));border-radius:6px}
footer{border-top:1px solid var(--ln);color:var(--sub);font-size:12px;padding:26px 0;text-align:center}
</style></head><body data-ver="magazine">
<div class="vbar"><div class="wrap"><span>RENTV · Version — <b>Magazine</b></span><a href="/versions">← compare all 10 versions</a></div></div>
<header class="mast"><div class="wrap"><a class="logo" href="/">REN<span>TV</span>.com<small>Commercial Real Estate News · Magazine</small></a></div></header>
<nav><div class="wrap"><button class="ham" id="hb" aria-label="Menu" aria-expanded="false">☰</button>
<div class="nl" id="nl"><a href="/">Home</a><a href="/?cat=Sales">Sales</a><a href="/?cat=Leases">Leases</a><a href="/?cat=Financing">Financing</a><a href="/?cat=Development">Development</a><a href="/?cat=Multifamily">Multifamily</a><a href="/?cat=Industrial">Industrial</a><a href="/?cat=Retail">Retail</a><a href="/markets">Markets</a><a href="/review">The REview</a><a href="/cre-talk">CRE Talk</a><a href="/conferences">Conferences</a></div></div></nav>
<div class="wrap"><main id="app"><div class="load">Loading live rentv.com stories…</div></main></div>
<footer><div class="wrap">RENTV.com · version preview · live data from rentv.com — <a href="/versions" style="color:var(--a)">back to all versions</a></div></footer>
<script>var hb=document.getElementById('hb');if(hb)hb.addEventListener('click',function(){var o=document.getElementById('nl').classList.toggle('open');hb.setAttribute('aria-expanded',o);});</script>
<script src="/versions/render.js"></script></body></html>