From 12441b7bf46d492fbe8daf848eecd47ad1ba958b Mon Sep 17 00:00:00 2001 From: Zac Gaetano Date: Mon, 6 Apr 2026 19:41:07 -0400 Subject: [PATCH] feat: VPM branding + Built by footer MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Added VPM logo (vpm-logo.png) to login card and header left side (subtle, opacity 50%, auto-inverted in light mode) - Footer at bottom of app: "Built by Zac Gaetano & Wild Dragon LLC · In partnership with Broadcast Management Group" Co-Authored-By: Claude Sonnet 4.6 --- public/index.html | 21 +++++++++++++++++++++ public/vpm-logo.png | Bin 0 -> 12048 bytes 2 files changed, 21 insertions(+) create mode 100755 public/vpm-logo.png diff --git a/public/index.html b/public/index.html index 470cd7f..e6549f8 100644 --- a/public/index.html +++ b/public/index.html @@ -165,6 +165,8 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips .login-icon-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem} .login-dragon-icon{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(30,75,216,.4));animation:dragonFloat 4s ease-in-out infinite} .login-wordmark{display:none} +.login-vpm-logo{height:22px;object-fit:contain;opacity:.55;margin-top:.15rem} +[data-theme="light"] .login-vpm-logo{filter:invert(1)} .login-product{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.18em;margin-top:.25rem} .login-field{width:100%;padding:.75rem 1rem;font-family:'Outfit',sans-serif;font-size:.9rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);outline:none;transition:all .2s;margin-bottom:.75rem} @@ -186,6 +188,8 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips .header-left{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1} .header-dragon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(30,75,216,.5));flex-shrink:0} .header-wordmark{display:none} +.header-vpm-logo{height:20px;object-fit:contain;opacity:.5;flex-shrink:0;border-left:1px solid var(--border);padding-left:.85rem;margin-left:.1rem} +[data-theme="light"] .header-vpm-logo{filter:invert(1)} [data-theme="light"] .header{background:rgba(240,242,247,.9)} [data-theme="light"] .header-dragon{filter:none} .header-product-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--dragon-bright);text-transform:uppercase;letter-spacing:.15em;background:var(--dragon-glow);border:1px solid rgba(224,92,26,.25);border-radius:4px;padding:.15rem .45rem;flex-shrink:0} @@ -196,6 +200,12 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips .theme-toggle{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .2s} .theme-toggle:hover{border-color:var(--blue);color:var(--blue-bright)} +/* FOOTER */ +.app-footer{text-align:center;padding:2rem 2rem 1.5rem;border-top:1px solid var(--border);margin-top:3rem} +.app-footer-text{font-size:.68rem;color:var(--text-dim);line-height:1.8;letter-spacing:.02em} +.app-footer-text strong{color:var(--text-secondary);font-weight:600} +.app-footer-divider{display:inline-block;margin:0 .5rem;opacity:.35} + /* NAV TABS */ .nav-tabs{display:flex;padding:0 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)} .nav-tab{padding:.65rem 1.1rem;font-size:.78rem;font-weight:600;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;user-select:none;-webkit-user-select:none} @@ -413,6 +423,7 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips + @@ -432,6 +443,7 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips Wild Dragon Wild Dragon Dragon Wind +
@@ -666,6 +678,15 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips
+ +
+ +
+