Added EPK
Deploy Hugo Site / deploy (push) Canceled after 0s

This commit is contained in:
lucashahmann committed 2026-10-19 22:23:47 +02:00
1 parent f98785b26a
commit 8cf5ed7b86
4 files changed
+457

No files matched your search

Binary file not shown.
+26
View File
@@ -0,0 +1,26 @@
# Erzeugt das EPK-PDF aus epk.html (Chrome oder Edge headless).
#
# .\epk\build.ps1
$ErrorActionPreference = "Stop"
Set-Location $PSScriptRoot
$browser = @(
"C:\Program Files\Google\Chrome\Application\chrome.exe",
"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe"
) | Where-Object { Test-Path $_ } | Select-Object -First 1
if (-not $browser) { throw "Weder Chrome noch Edge gefunden." }
$html = (Resolve-Path "epk.html").Path
$pdf = Join-Path $PSScriptRoot "Deepwater_Survival_EPK.pdf"
if (Test-Path $pdf) { Remove-Item $pdf }
# Start-Process -Wait, weil chrome.exe sonst zurückkehrt, bevor das PDF geschrieben ist
Start-Process -FilePath $browser -Wait -WindowStyle Hidden -ArgumentList @(
"--headless=new", "--disable-gpu", "--no-pdf-header-footer",
"--allow-file-access-from-files", "--virtual-time-budget=5000",
"--print-to-pdf=`"$pdf`"", "`"file:///$($html -replace '\\','/')`""
)
if (-not (Test-Path $pdf)) { throw "PDF wurde nicht erzeugt." }
Write-Host "EPK erzeugt: $pdf"
+410
View File
@@ -0,0 +1,410 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Deepwater Survival – EPK</title>
<style>
@font-face { font-family: "Big Shoulders Display"; src: url("../static/fonts/big-shoulders-display-latin-800-normal.woff2") format("woff2"); font-weight: 800; }
@font-face { font-family: "Big Shoulders Display"; src: url("../static/fonts/big-shoulders-display-latin-900-normal.woff2") format("woff2"); font-weight: 900; }
@font-face { font-family: "Archivo"; src: url("../static/fonts/archivo-latin-400-normal.woff2") format("woff2"); font-weight: 400; }
@font-face { font-family: "Archivo"; src: url("../static/fonts/archivo-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; }
@font-face { font-family: "Archivo"; src: url("../static/fonts/archivo-latin-600-normal.woff2") format("woff2"); font-weight: 600; }
:root {
--deep: #081226;
--deep-2: #0f1f42;
--line: #22386a;
--bolt: #fff200;
--red: #e5232b;
--foam: #eef1f6;
--mist: #9fb0cf;
--display: "Big Shoulders Display", Impact, sans-serif;
--body: "Archivo", Arial, sans-serif;
}
@page { size: A4; margin: 0; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--deep);
color: var(--foam);
font-family: var(--body);
font-size: 10.5pt;
line-height: 1.55;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 .8em; }
h1, h2, h3 { margin: 0; line-height: .95; }
.page {
position: relative;
width: 210mm;
height: 297mm;
overflow: hidden;
page-break-after: always;
break-after: page;
background: var(--deep);
}
.page:last-child { page-break-after: auto; break-after: auto; }
.inner { padding: 16mm 16mm 0; }
.display {
font-family: var(--display);
font-weight: 900;
text-transform: uppercase;
letter-spacing: .01em;
}
.kicker {
font-family: var(--display);
font-weight: 800;
text-transform: uppercase;
letter-spacing: .12em;
font-size: 11pt;
color: var(--bolt);
}
.h2 { font-size: 40pt; margin: 2mm 0 6mm; }
.mist { color: var(--mist); }
strong { color: var(--foam); font-weight: 600; }
.pagefoot {
position: absolute;
left: 16mm; right: 16mm; bottom: 9mm;
display: flex;
justify-content: space-between;
font-size: 8pt;
color: var(--mist);
border-top: 1px solid var(--line);
padding-top: 3mm;
letter-spacing: .04em;
}
/* ---------- Cover ---------- */
.cover-photo {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 60%;
}
.cover-shade {
position: absolute; inset: 0;
background:
linear-gradient(180deg, rgba(8,18,38,.92) 0%, rgba(8,18,38,.15) 30%, rgba(8,18,38,.2) 55%, rgba(8,18,38,.97) 82%);
}
.cover-top {
position: absolute; top: 16mm; left: 16mm; right: 16mm;
display: flex; justify-content: space-between; align-items: baseline;
}
.cover-logo {
position: absolute; top: 30mm; left: 50%;
transform: translateX(-50%);
width: 150mm;
}
.cover-bottom {
position: absolute; left: 16mm; right: 16mm; bottom: 16mm;
}
.cover-title { font-size: 66pt; line-height: .85; }
.cover-title span { color: var(--bolt); }
.cover-sub {
margin-top: 5mm;
font-size: 13pt;
max-width: 130mm;
}
.slash {
display: inline-block;
background: var(--bolt);
color: var(--deep);
padding: 1.2mm 4mm .8mm;
transform: skewX(-14deg);
font-family: var(--display);
font-weight: 900;
text-transform: uppercase;
font-size: 12pt;
letter-spacing: .06em;
}
.slash > span { display: inline-block; transform: skewX(14deg); }
.cover-meta {
margin-top: 8mm;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4mm;
border-top: 2px solid var(--bolt);
padding-top: 4mm;
}
.cover-meta dt { font-size: 7.5pt; text-transform: uppercase; letter-spacing: .12em; color: var(--mist); }
.cover-meta dd { margin: .5mm 0 0; font-family: var(--display); font-weight: 800; font-size: 15pt; text-transform: uppercase; line-height: 1.05; }
/* ---------- Bio ---------- */
.bio-photo {
width: 100%;
height: 112mm;
object-fit: cover;
object-position: 50% 45%;
clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
}
.bio-grid {
display: grid;
grid-template-columns: 1fr 58mm;
gap: 10mm;
}
.lead {
font-size: 13pt;
line-height: 1.45;
}
.quote {
font-family: var(--display);
font-weight: 900;
text-transform: uppercase;
font-size: 24pt;
line-height: .95;
color: var(--bolt);
margin: 5mm 0 0;
}
.facts { border-left: 2px solid var(--red); padding-left: 5mm; }
.facts dt { font-size: 7.5pt; text-transform: uppercase; letter-spacing: .12em; color: var(--mist); margin-top: 3.5mm; }
.facts dt:first-child { margin-top: 0; }
.facts dd { margin: .3mm 0 0; font-weight: 600; font-size: 10pt; line-height: 1.35; }
/* ---------- Band ---------- */
.members {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4mm;
}
.member img {
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
filter: grayscale(1) contrast(1.05);
}
.member h3 { font-family: var(--display); font-weight: 900; text-transform: uppercase; font-size: 20pt; margin-top: 2.5mm; }
.member p { margin: .5mm 0 0; font-size: 8.5pt; color: var(--mist); line-height: 1.3; }
.album {
margin-top: 14mm;
display: grid;
grid-template-columns: 70mm 1fr;
gap: 8mm;
align-items: start;
}
.album img { width: 70mm; height: 70mm; box-shadow: 0 0 0 1px var(--line); }
.album .display { font-size: 34pt; margin: 1mm 0 3mm; }
.singles {
margin-top: 12mm;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 3.5mm;
}
.single img { width: 100%; aspect-ratio: 1; object-fit: cover; box-shadow: 0 0 0 1px var(--line); }
.single b { display: block; margin-top: 1.5mm; font-family: var(--display); font-weight: 800; text-transform: uppercase; font-size: 11pt; line-height: 1; }
.single span { font-size: 7.5pt; color: var(--mist); }
/* ---------- Live & Kontakt ---------- */
.live-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10mm;
}
.next {
background: var(--deep-2);
border-left: 3px solid var(--bolt);
padding: 4mm 5mm;
margin-bottom: 3mm;
}
.next .date { font-family: var(--display); font-weight: 900; font-size: 20pt; color: var(--bolt); line-height: 1; }
.next .name { font-weight: 600; font-size: 11pt; }
.next .where { font-size: 9pt; color: var(--mist); }
.history { list-style: none; margin: 0; padding: 0; }
.history li {
display: grid;
grid-template-columns: 17mm 1fr;
gap: 3mm;
padding: 1.6mm 0;
border-bottom: 1px solid var(--line);
font-size: 9pt;
line-height: 1.3;
}
.history li span:first-child { color: var(--mist); font-variant-numeric: tabular-nums; }
.history .loc { color: var(--mist); }
.posters {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3mm;
margin-top: 8mm;
}
.posters img { width: 100%; height: auto; box-shadow: 0 0 0 1px var(--line); }
.contact {
position: absolute;
left: 0; right: 0; bottom: 0;
height: 66mm;
background: var(--bolt);
color: var(--deep);
padding: 12mm 16mm 0;
clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%);
}
.contact-grid {
margin-top: 6mm;
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 8mm;
align-items: end;
}
.contact .display { font-size: 38pt; }
.contact .mail { font-family: var(--display); font-weight: 900; font-size: 22pt; text-transform: lowercase; }
.contact ul { list-style: none; margin: 0; padding: 0; font-size: 9pt; line-height: 1.6; }
.contact ul b { display: inline-block; width: 22mm; font-weight: 600; }
.contact small { display: block; margin-top: 3mm; font-size: 7.5pt; opacity: .75; }
</style>
</head>
<body>
<!-- ================= 1 · Cover ================= -->
<section class="page">
<img class="cover-photo" src="../static/img/AlbumReleaseParty_Stage_compressed.jpg" alt="">
<div class="cover-shade"></div>
<div class="cover-top">
<span class="kicker">Electronic Press Kit</span>
<span class="kicker" style="color:var(--mist)">2026</span>
</div>
<img class="cover-logo" src="../static/img/logo-crop.png" alt="Deepwater Survival">
<div class="cover-bottom">
<span class="slash"><span>Punkrock aus Trier</span></span>
<h1 class="display cover-title" style="margin-top:5mm">Roh, laut<br><span>und ehrlich.</span></h1>
<p class="cover-sub">Energiegeladener Punkrock, ehrliche Texte und unverblümte Direktheit. Debütalbum <strong>„Ocean Tales“</strong> überall, wo es Musik gibt.</p>
<dl class="cover-meta">
<div><dt>Genre</dt><dd>Punkrock</dd></div>
<div><dt>Herkunft</dt><dd>Trier</dd></div>
<div><dt>Debütalbum</dt><dd>Ocean Tales<br>2025</dd></div>
<div><dt>Live seit</dt><dd>2022 · 15+ Shows</dd></div>
</dl>
</div>
</section>
<!-- ================= 2 · Bio ================= -->
<section class="page">
<img class="bio-photo" src="../static/img/about/Gruppenbild_compressed.jpg" alt="Deepwater Survival Gruppenbild">
<div class="inner" style="padding-top:8mm">
<span class="kicker">Über die Band</span>
<h2 class="display h2">Punk mit Haltung</h2>
<div class="bio-grid">
<div>
<p class="lead">Mit energiegeladenem Punkrock, ehrlichen Texten und unverblümter Direktheit meldet sich <strong>Deepwater Survival</strong> zurück. Die Band aus Trier spielt einen Sound, der roh, mitreißend und ehrlich ist – für alteingesessene Punkfans genauso wie für neue Hörer:innen.</p>
<p>Bevor 2025 das Debütalbum <strong>„Ocean Tales“</strong> erschien, kamen bereits die Singles „Chirus“ (2023), „Let It Go“ (2024), „Addiction“ und „My Own Home“ heraus. Die Songs sind fast unverändert auf dem Album gelandet und zeigen die musikalische und emotionale Bandbreite der Band.</p>
<p>Die Texte drehen sich um Identität, Zugehörigkeit, Abschied und Neuanfang. Die Musik lädt dazu ein, laut mitzusingen, nachzudenken und gemeinsam mit der Band ein Stück Erinnerung und Hoffnung zu teilen.</p>
<p class="quote">Klar, ungeschönt, direkt.</p>
<p class="mist" style="margin-top:1.5mm">Für alle, die Musik nicht nur hören, sondern fühlen wollen.</p>
</div>
<dl class="facts">
<dt>Besetzung</dt>
<dd>Olly · Lucas · Ahrens · Felix</dd>
<dt>Instrumente</dt>
<dd>Zwei Gitarren, Bass, Schlagzeug, Gesang</dd>
<dt>Releases</dt>
<dd>1 Album, 5 Singles</dd>
<dt>Bühnen u. a.</dt>
<dd>Altstadtfest Trier, Tufa Trier, Rothaus Trier, Palastgarten Trier, Moselrock</dd>
<dt>Streaming</dt>
<dd>Spotify, YouTube und alle gängigen Plattformen</dd>
</dl>
</div>
</div>
<div class="pagefoot"><span>DEEPWATER SURVIVAL · EPK</span><span>Foto: Lukas Ittenbach (@shot__itt)</span></div>
</section>
<!-- ================= 3 · Band & Musik ================= -->
<section class="page">
<div class="inner">
<span class="kicker">Die Band</span>
<h2 class="display h2">Vier Leute. Ein Lärm.</h2>
<div class="members">
<div class="member"><img src="../static/img/about/Olly_compressed.jpg" alt=""><h3>Olly</h3><p>Leadgitarre &amp; Gesang</p></div>
<div class="member"><img src="../static/img/about/Lucas_compressed.jpg" alt=""><h3>Lucas</h3><p>Rhythmusgitarre</p></div>
<div class="member"><img src="../static/img/about/Ahrens_compressed.jpg" alt=""><h3>Ahrens</h3><p>Schlagzeug</p></div>
<div class="member"><img src="../static/img/about/Felix_compressed.jpg" alt=""><h3>Felix</h3><p>Bass</p></div>
</div>
<div class="album">
<img src="../releases/20250718_Album_OceanTales.jpg" alt="Ocean Tales Cover">
<div>
<span class="kicker">Debütalbum · 18.07.2025</span>
<h2 class="display">Ocean Tales</h2>
<p>Das erste Album von Deepwater Survival – gefeiert mit einer Release Party im Rothaus Trier. Mit dabei sind auch die Singles „My Own Home“, „Chirus“, „Let It Go“ und „Addiction“.</p>
<p class="mist" style="font-size:9pt">Spotify: open.spotify.com/artist/2TQ9HNBTNCmUthpg9ippHs</p>
</div>
</div>
<div class="singles">
<div class="single"><img src="../releases/20250627_Single_Addiction.jpg" alt=""><b>Addiction</b><span>Single · 2025</span></div>
<div class="single"><img src="../releases/20240619_Single_Let_It_Go.jpg" alt=""><b>Let It Go</b><span>Single · 2024</span></div>
<div class="single"><img src="../releases/20231118_Single_Chirus.jpg" alt=""><b>Chirus</b><span>Single · 2023</span></div>
<div class="single"><img src="../releases/20230630_Single_I'm_So_Glad.jpg" alt=""><b>I’m So Glad</b><span>Single · 2023</span></div>
<div class="single"><img src="../releases/20230421_Single_My_Own_Home.jpg" alt=""><b>My Own Home</b><span>Single · 2023</span></div>
</div>
</div>
<div class="pagefoot"><span>DEEPWATER SURVIVAL · EPK</span><span>deepwatersurvival.de</span></div>
</section>
<!-- ================= 4 · Live & Kontakt ================= -->
<section class="page">
<div class="inner">
<span class="kicker">Live</span>
<h2 class="display h2">On Stage</h2>
<div class="live-grid">
<div>
<p class="mist" style="font-size:8pt;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2mm">Nächste Shows</p>
<div class="next"><div class="date">31.10.2026</div><div class="name">Halloween Rock</div><div class="where">Gutweiler</div></div>
<div class="next"><div class="date">23.12.2026</div><div class="name">Neue Show</div><div class="where">Details folgen</div></div>
<div class="posters" style="grid-template-columns:repeat(2,1fr);margin-top:5mm">
<img src="../static/img/shows/2026_Altstadtfest.jpeg" alt="">
<img src="../static/img/shows/2025_Album_Release_Party.jpeg" alt="">
</div>
</div>
<div>
<p class="mist" style="font-size:8pt;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2mm">Bisherige Shows</p>
<ul class="history">
<li><span>07/2026</span><span>Highway to Kell <span class="loc">· Kell</span></span></li>
<li><span>06/2026</span><span>Altstadtfest Trier <span class="loc">· Hauptmarkt Bühne</span></span></li>
<li><span>05/2026</span><span>Lucky´s Luke <span class="loc">· Trier</span></span></li>
<li><span>08/2025</span><span>Bullenhitze <span class="loc">· Salmtal</span></span></li>
<li><span>07/2025</span><span>Album Release Party <span class="loc">· Rothaus Trier</span></span></li>
<li><span>02/2025</span><span>Riez Kapellen-Contest <span class="loc">· Riez Rockbar, Bausendorf</span></span></li>
<li><span>12/2024</span><span>Rock im Gehege <span class="loc">· Piesbach</span></span></li>
<li><span>07/2024</span><span>Rock für Ruanda <span class="loc">· Butzweiler</span></span></li>
<li><span>06/2024</span><span>Pink Future <span class="loc">· Palastgarten Trier</span></span></li>
<li><span>09/2023</span><span>Pink Future <span class="loc">· Skatehalle Trier West</span></span></li>
<li><span>05/2023</span><span>Moselrock <span class="loc">· Wasserliesch</span></span></li>
<li><span>12/2022</span><span>Tefftival <span class="loc">· Tufa Trier</span></span></li>
<li><span>08/2022</span><span>JUKUFE Light <span class="loc">· Skatehalle Trier</span></span></li>
<li><span>07/2022</span><span>Rock im Gehege <span class="loc">· Piesbach</span></span></li>
<li><span>07/2022</span><span>Konz wird Laut <span class="loc">· Haus der Jugend Konz</span></span></li>
</ul>
</div>
</div>
</div>
<div class="contact">
<div class="contact-grid">
<div>
<h2 class="display">Booking &amp; Presse</h2>
<div class="mail">info@deepwatersurvival.de</div>
</div>
<div>
<ul>
<li><b>Web</b>deepwatersurvival.de</li>
<li><b>Instagram</b>@deepwatersurvival</li>
<li><b>YouTube</b>@deepwatersurvival730</li>
<li><b>Spotify</b>Deepwater Survival</li>
</ul>
<small>Fotos &amp; Videos: Lukas Ittenbach · instagram.com/shot__itt</small>
</div>
</div>
</div>
</section>
</body>
</html>