Replace fake Programm with Was laeuft bei FOLX about-section + 3 info blocks; refresh genres
This commit is contained in:
Sebastjan
parent
0695810639
commit
ea54a1f78b
114
views/index.ejs
114
views/index.ejs
@ -324,39 +324,35 @@
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.programm-list {
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.programm-item {
|
||||
/* Info blocks (3-column under "Was läuft bei FOLX") */
|
||||
.info-blocks {
|
||||
display: grid;
|
||||
grid-template-columns: 200px 1fr 180px;
|
||||
gap: 32px;
|
||||
padding: 24px 0;
|
||||
border-bottom: 1px solid var(--border);
|
||||
align-items: start;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 2px;
|
||||
background: var(--border);
|
||||
border: 1px solid var(--border);
|
||||
margin-top: 32px;
|
||||
}
|
||||
.programm-name {
|
||||
.info-block {
|
||||
background: var(--bg-1);
|
||||
padding: 32px 28px;
|
||||
}
|
||||
.info-icon {
|
||||
font-size: 32px;
|
||||
margin-bottom: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.info-title {
|
||||
font-family: 'Archivo Black', sans-serif;
|
||||
font-size: 18px;
|
||||
letter-spacing: -0.01em;
|
||||
margin-bottom: 8px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.programm-desc {
|
||||
.info-desc {
|
||||
color: var(--text-muted);
|
||||
font-size: 14.5px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.programm-desc strong {
|
||||
color: var(--text);
|
||||
font-weight: 700;
|
||||
}
|
||||
.programm-time {
|
||||
font-family: 'Archivo Black', sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--folx-magenta);
|
||||
text-transform: uppercase;
|
||||
text-align: right;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
@ -423,8 +419,7 @@
|
||||
/* Responsive */
|
||||
@media (max-width: 900px) {
|
||||
.features { grid-template-columns: repeat(2, 1fr); }
|
||||
.programm-item { grid-template-columns: 1fr; gap: 6px; }
|
||||
.programm-time { text-align: left; }
|
||||
.info-blocks { grid-template-columns: 1fr; }
|
||||
.footer-inner { grid-template-columns: 1fr; gap: 32px; }
|
||||
.foot-copy { flex-direction: column; gap: 12px; }
|
||||
}
|
||||
@ -490,60 +485,57 @@
|
||||
<div class="features">
|
||||
<div class="feature">
|
||||
<div class="feature-num">01</div>
|
||||
<div class="feature-title">24 / 7 Live</div>
|
||||
<div class="feature-desc">Rund um die Uhr das Beste aus der Volksmusik- und Schlagerszene — ohne Unterbrechung.</div>
|
||||
<div class="feature-title">Oberkrainer</div>
|
||||
<div class="feature-desc">Die Wurzeln der alpenländischen Volksmusik — Polka, Walzer und unvergessliche Klänge der Oberkrainer-Tradition.</div>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature-num">02</div>
|
||||
<div class="feature-title">Oberkrainer</div>
|
||||
<div class="feature-desc">Die Legenden der Oberkrainer Musik, traditionell und modern interpretiert.</div>
|
||||
<div class="feature-title">Bayrisch</div>
|
||||
<div class="feature-desc">Bayerische und österreichische Volksmusik in ihrer ganzen Vielfalt — von der Blaskapelle bis zum Alpenrock.</div>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature-num">03</div>
|
||||
<div class="feature-title">Bayrisch</div>
|
||||
<div class="feature-desc">Von klassischer Blasmusik bis zeitgenössischem Schlager aus Bayern und Tirol.</div>
|
||||
<div class="feature-title">Zillertaler</div>
|
||||
<div class="feature-desc">Pure alpine Lebensfreude aus dem Herzen der Tiroler Berge — Ländler, Polka und Tiroler Klassiker.</div>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<div class="feature-num">04</div>
|
||||
<div class="feature-title">Zillertaler</div>
|
||||
<div class="feature-desc">Pure alpine Lebensfreude aus dem Herzen der Zillertaler Berge.</div>
|
||||
<div class="feature-title">Schlager</div>
|
||||
<div class="feature-desc">Vom Klassiker bis zum Sommerhit — die größten Schlagerstars und neuen Talente aus DE, AT und CH.</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="section-label">Programm</div>
|
||||
<h2 class="section-head">Das läuft bei FOLX</h2>
|
||||
<div class="section-label">Über FOLX</div>
|
||||
<h2 class="section-head">Was läuft bei FOLX</h2>
|
||||
<p class="section-intro">
|
||||
Ob junge Menschen, Mid Ager oder Best Ager — für jeden ist etwas dabei. Die größten Stars,
|
||||
die modernsten Videos und die beste volkstümliche Musik, die das Herz jedes Fans höher schlagen lässt.
|
||||
FOLX Music Television ist der private Fernsehsender für Volksmusik, Schlager und alpine Klänge
|
||||
in Deutschland, Österreich und der Schweiz. Wir senden das Beste aus der volkstümlichen
|
||||
Musikszene — von Andreas Gabalier bis Helene Fischer, von Andrea Berg bis zu den jungen
|
||||
Talenten der Alpen.
|
||||
</p>
|
||||
<p class="section-intro">
|
||||
Zwischen den Musikvideos bieten wir Tele-Shopping mit ausgewählten Produkten sowie Berichte
|
||||
aus der Volksmusik- und Schlagerszene. Kein festes Programm — einfach die Musik, die Sie
|
||||
lieben, jederzeit.
|
||||
</p>
|
||||
|
||||
<div class="programm-list">
|
||||
<div class="programm-item">
|
||||
<div class="programm-name">Morgenstund hat Gold im Mund</div>
|
||||
<div class="programm-desc">Folx TV macht das Aufstehen zum Genuss. Starten Sie Ihren Tag mit der besten Musik und den neuesten Informationen.</div>
|
||||
<div class="programm-time">Täglich ab 06:00</div>
|
||||
<div class="info-blocks">
|
||||
<div class="info-block">
|
||||
<div class="info-icon">🎤</div>
|
||||
<div class="info-title">Musik</div>
|
||||
<div class="info-desc">Das Beste aus Volksmusik & Schlagerszene</div>
|
||||
</div>
|
||||
<div class="programm-item">
|
||||
<div class="programm-name">Folx Interaktiv</div>
|
||||
<div class="programm-desc">Unsere Moderatoren und Zuschauer werden von den Gästen aus der Volks- und Schlagermusikszene begleitet. Täglich aktuelle News, Sport, Klatsch und Tratsch.</div>
|
||||
<div class="programm-time">Di & Do ab 14:00</div>
|
||||
<div class="info-block">
|
||||
<div class="info-icon">📺</div>
|
||||
<div class="info-title">Tele-Shopping</div>
|
||||
<div class="info-desc">Ausgewählte Produkte zwischen den Musikvideos</div>
|
||||
</div>
|
||||
<div class="programm-item">
|
||||
<div class="programm-name">Folx Box</div>
|
||||
<div class="programm-desc">Eine unwiderstehliche Mischung. Sie kriegen nie genug von Ihren beliebtesten volkstümlichen Musikvideos — hier entscheiden SIE, was gespielt wird.</div>
|
||||
<div class="programm-time">Di & Do ab 20:00</div>
|
||||
</div>
|
||||
<div class="programm-item">
|
||||
<div class="programm-name">Folx Live</div>
|
||||
<div class="programm-desc"><strong>100 % Live.</strong> Gruppen, die sich noch wagen live zu spielen. Ein echter Ohrenschmaus.</div>
|
||||
<div class="programm-time">Freitag ab 20:15</div>
|
||||
</div>
|
||||
<div class="programm-item">
|
||||
<div class="programm-name">Folx Stadl</div>
|
||||
<div class="programm-desc">Legenden der Volksmusik- und Schlagerszene präsentieren sich im einzigartigen Hüttenambiente.</div>
|
||||
<div class="programm-time">Samstag ab 20:15</div>
|
||||
<div class="info-block">
|
||||
<div class="info-icon">📻</div>
|
||||
<div class="info-title">Rund um die Uhr</div>
|
||||
<div class="info-desc">24 Stunden Live — weltweit empfangbar über folx.live</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user