sebastjan/folx-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Header: omeji na sirino playerja (900px), odstrani Auf Sendung, ostane logo + ura

Browse Source
This commit is contained in:
Sebastjan 2026-07-07 09:42:07 +00:00
parent ed2059886e
commit a89400b1bc
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
views/index.ejs
View File

@ -29,10 +29,9 @@
input[type="range"].fxvol { accent-color: var(--akzent); } input[type="range"].fxvol { accent-color: var(--akzent); }
::selection { background: var(--akzent); color: #fff; } ::selection { background: var(--akzent); color: #fff; }
.wrap { min-height: 100vh; background: #000; display: flex; flex-direction: column; } .wrap { min-height: 100vh; background: #000; display: flex; flex-direction: column; }
header.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,0.14); } header.top { padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.top-inner { width: min(900px, 100%); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
header.top .logo { height: 64px; width: auto; display: block; margin: -14px 0; } header.top .logo { height: 64px; width: auto; display: block; margin: -14px 0; }
.badge-live { display: inline-flex; align-items: center; gap: 8px; background: var(--akzent); color: #fff; padding: 8px 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
.badge-live .d { width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: fx-pulse 1s infinite; }
.uhr { font-family: var(--font-mono); font-size: 13px; color: #B8B8B8; letter-spacing: 0.06em; } .uhr { font-family: var(--font-mono); font-size: 13px; color: #B8B8B8; letter-spacing: 0.06em; }
main.stage-wrap { width: min(1240px, 100%); margin: 0 auto; padding: clamp(16px,3vw,40px) clamp(12px,2.5vw,24px) 0; flex: 1; } main.stage-wrap { width: min(1240px, 100%); margin: 0 auto; padding: clamp(16px,3vw,40px) clamp(12px,2.5vw,24px) 0; flex: 1; }
.player-col { width: min(900px, 100%); margin: 0 auto; } .player-col { width: min(900px, 100%); margin: 0 auto; }
@ -61,11 +60,10 @@
<body> <body>
<div class="wrap"> <div class="wrap">
<header class="top"> <header class="top">
<div class="top-inner">
<img class="logo" src="/brand/folx-logo-neg.png" alt="FOLX Music Television" /> <img class="logo" src="/brand/folx-logo-neg.png" alt="FOLX Music Television" />
<div style="display:flex; align-items:center; gap:12px;"> <div class="uhr" id="uhr"></div>
<div class="badge-live"><span class="d"></span> Auf Sendung</div> </div>
<div class="uhr" id="uhr"></div>
</div>
</header> </header>
<main class="stage-wrap"> <main class="stage-wrap">