feat: VPM branding + Built by footer
- 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 <noreply@anthropic.com>
This commit is contained in:
parent
cde70d386d
commit
12441b7bf4
2 changed files with 21 additions and 0 deletions
|
|
@ -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
|
|||
<img class="login-dragon-icon" src="/dragon-icon.png" alt="Wild Dragon"/>
|
||||
<img class="login-wordmark" src="/wilddragon-logo.png" alt="Wild Dragon"/>
|
||||
<div class="login-product">Dragon Wind · Broadcast Platform</div>
|
||||
<img class="login-vpm-logo" src="/vpm-logo.png" alt="VPM"/>
|
||||
</div>
|
||||
<input class="login-field" id="login-user" type="text" placeholder="Username" autocomplete="username"/>
|
||||
<input class="login-field" id="login-pass" type="password" placeholder="Password" autocomplete="current-password"/>
|
||||
|
|
@ -432,6 +443,7 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips
|
|||
<img class="header-dragon" src="/dragon-icon.png" alt="Wild Dragon"/>
|
||||
<img class="header-wordmark" src="/wilddragon-logo.png" alt="Wild Dragon"/>
|
||||
<span class="header-product-tag">Dragon Wind</span>
|
||||
<img class="header-vpm-logo" src="/vpm-logo.png" alt="VPM"/>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<span class="header-user" id="header-user"></span>
|
||||
|
|
@ -666,6 +678,15 @@ body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellips
|
|||
|
||||
<div class="toast-container" id="toast-container"></div>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="app-footer">
|
||||
<div class="app-footer-text">
|
||||
Built by <strong>Zac Gaetano</strong> & <strong>Wild Dragon LLC</strong>
|
||||
<span class="app-footer-divider">·</span>
|
||||
In partnership with <strong>Broadcast Management Group</strong>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// ============================================================
|
||||
// SPLASH ANIMATION
|
||||
|
|
|
|||
BIN
public/vpm-logo.png
Executable file
BIN
public/vpm-logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Loading…
Reference in a new issue