← back to Rentv 2026
Refresh RENTV wordmark → 2026 liquid-glass logo from rentv.com brand
65458b63774447983cea036202af3e77397f6801 · 2026-08-06 08:37:47 -0700 · Steve Abrams
- public/rentv-logo.css: recreates rentv.com's actual mark (blue capsule, REN white + TV gold, 'Real Estate News & Media' tagline) as scalable CSS with a liquid-glass treatment (top sheen + depth + base glow) — no hotlinked JPG, honors the no-linkout rule
- rentv-nav.js buildLogo(): injects the stylesheet and upgrades a.brand + masthead a.logo site-wide (same shared-include delivery as the tab strip)
Verified: renders correctly on light + dark grounds (headless screenshot), CSS serves 200, brand upgrade confirmed via DOM shim. Centering preserved (.brand's translateX untouched).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Files touched
A public/rentv-logo.cssM public/rentv-nav.js
Diff
commit 65458b63774447983cea036202af3e77397f6801
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Thu Aug 6 08:37:47 2026 -0700
Refresh RENTV wordmark → 2026 liquid-glass logo from rentv.com brand
- public/rentv-logo.css: recreates rentv.com's actual mark (blue capsule, REN white + TV gold, 'Real Estate News & Media' tagline) as scalable CSS with a liquid-glass treatment (top sheen + depth + base glow) — no hotlinked JPG, honors the no-linkout rule
- rentv-nav.js buildLogo(): injects the stylesheet and upgrades a.brand + masthead a.logo site-wide (same shared-include delivery as the tab strip)
Verified: renders correctly on light + dark grounds (headless screenshot), CSS serves 200, brand upgrade confirmed via DOM shim. Centering preserved (.brand's translateX untouched).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
public/rentv-logo.css | 42 ++++++++++++++++++++++++++++++++++++++++++
public/rentv-nav.js | 16 ++++++++++++++++
2 files changed, 58 insertions(+)
diff --git a/public/rentv-logo.css b/public/rentv-logo.css
new file mode 100644
index 00000000..9dbad0f7
--- /dev/null
+++ b/public/rentv-logo.css
@@ -0,0 +1,42 @@
+/* rentv-logo.css — RENTV.com brand mark, refreshed for 2026 as a liquid-glass capsule.
+ Faithful to the source rentv.com logo (blue capsule · "REN" white + "TV" gold ·
+ "Real Estate News & Media" tagline), recreated in scalable CSS — no hotlinked JPG.
+ Applied site-wide by rentv-nav.js (upgrades a.brand + masthead a.logo). */
+.rentv-logo{
+ display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
+ padding:5px 16px 6px;border-radius:999px;line-height:1;text-decoration:none;position:relative;
+ isolation:isolate;overflow:hidden;
+ background:linear-gradient(157deg,#2b83e4 0%,#1668ce 42%,#0a49a2 78%,#08397f 100%);
+ box-shadow:0 4px 16px rgba(8,44,104,.34), 0 1px 2px rgba(8,44,104,.4),
+ inset 0 1px 0 rgba(255,255,255,.55), inset 0 -7px 15px rgba(4,24,64,.5),
+ inset 0 0 0 1px rgba(255,255,255,.14);
+}
+/* the "liquid glass" top sheen — a bright meniscus that fades into the body */
+.rentv-logo::before{
+ content:"";position:absolute;left:0;right:0;top:0;height:58%;border-radius:inherit;
+ background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.12) 55%,transparent);
+ mix-blend-mode:screen;pointer-events:none;
+}
+/* a soft caustic glow pooling at the base, so it reads as liquid, not flat plastic */
+.rentv-logo::after{
+ content:"";position:absolute;left:12%;right:12%;bottom:-40%;height:70%;border-radius:50%;
+ background:radial-gradient(ellipse at center,rgba(120,190,255,.5),transparent 70%);
+ filter:blur(6px);pointer-events:none;
+}
+.rentv-logo .wm{
+ font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:21px;letter-spacing:.005em;
+ display:inline-flex;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,20,60,.5));
+}
+.rentv-logo .wm .ren{color:#fff}
+.rentv-logo .wm .tv{
+ color:#ffc233; /* fallback for no background-clip support */
+ background:linear-gradient(180deg,#ffe07a 0%,#ffc233 48%,#f0a000 100%);
+ -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
+}
+.rentv-logo .tag{
+ font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:7.5px;letter-spacing:.16em;
+ text-transform:uppercase;color:rgba(255,255,255,.92);white-space:nowrap;position:relative;z-index:1;
+ margin-top:1px;
+}
+/* NB: .brand already centers itself via left:50% + translateX(-50%); do NOT override transform here. */
+@media(max-width:520px){ .rentv-logo{padding:5px 12px}.rentv-logo .wm{font-size:18px}.rentv-logo .tag{font-size:6.8px;letter-spacing:.13em} }
diff --git a/public/rentv-nav.js b/public/rentv-nav.js
index e58ca5bd..a13e9c0b 100644
--- a/public/rentv-nav.js
+++ b/public/rentv-nav.js
@@ -112,9 +112,25 @@
else { drawer.appendChild(grp); drawer.appendChild(nav); }
}
+ // ---- 3) Refresh the wordmark into the 2026 liquid-glass RENTV logo (faithful to rentv.com) ----
+ function buildLogo() {
+ if (!document.getElementById('rentv-logo-css')) {
+ var l = document.createElement('link'); l.id = 'rentv-logo-css'; l.rel = 'stylesheet'; l.href = '/rentv-logo.css';
+ document.head.appendChild(l);
+ }
+ var MARK = '<span class="wm"><span class="ren">REN</span><span class="tv">TV</span></span><span class="tag">Real Estate News & Media</span>';
+ // a.brand = drawer-chrome header; header.mast a.logo / nav .logo = masthead-chrome header
+ document.querySelectorAll('a.brand, header.mast a.logo, .mast a.logo').forEach(function (el) {
+ if (el.classList.contains('rentv-logo')) return;
+ el.classList.add('rentv-logo');
+ el.innerHTML = MARK;
+ });
+ }
+
function init() {
var st = document.createElement('style'); st.id = 'rentv-nav-css'; st.textContent = CSS;
document.head.appendChild(st);
+ buildLogo();
buildStrip();
buildDrawerGroup();
}
← 6033166b feat(closings-admin): sibling-drift fix — mirror the created
·
back to Rentv 2026
·
fix(deals): parseAmount skips per-unit/per-sf figures so a d 2765e5d0 →