Init Commit

2026-05-18 11:46:02 +02:00
commit 2de3502fbc
382 changed files with 19583 additions and 0 deletions
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <title>{{ .Title }} | Deepwater Survival</title>
+        <link rel="stylesheet" href="/css/style.css">
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
+    </head>
+
+    <body>
+        {{ partial "header.html" . }}
+        <main>
+            {{ block "main" . }}{{ end }}
+            <div class="spacer"></div>
+        </main>
+        {{ partial "footer.html" . }}
+    </body>
+
+</html>
@@ -0,0 +1,8 @@
+{{ define "main" }}
+<h1>{{ .Title }}</h1>
+<ul>
+{{ range .Pages }}
+<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+{{ end }}
+</ul>
+{{ end }}
@@ -0,0 +1,6 @@
+{{ define "main" }}
+<article>
+<h1>{{ .Title }}</h1>
+{{ .Content }}
+</article>
+{{ end }}
@@ -0,0 +1,15 @@
+{{ define "main" }}
+<link rel="stylesheet" href="/css/carousel.css">
+<script defer src="/js/carousel.js"></script>
+<section class="carousel">
+  <div class="carousel-inner">
+    {{ range $index, $img := .Params.images }}
+      <div class="carousel-item {{ if eq $index 0 }}active{{ end }}">
+        <img src="{{ $img }}" alt="Slide {{ add $index 1 }}">
+      </div>
+    {{ end }}
+  </div>
+  <button class="prev">&#10094;</button>
+  <button class="next">&#10095;</button>
+</section>
+{{ end }}
@@ -0,0 +1,27 @@
+{{ define "main" }}
+<section>
+    <link rel="stylesheet" href="/css/index.css">
+    <div id="main_image">
+        <img src="/img/AlbumReleaseParty_Stage_compressed.jpg" alt="" width="1000" height="667">    
+    </div>
+    <section style="padding: 2rem; max-width: 800px; margin: auto; line-height: 1.6; ">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem; text-align: center;">Deepwater Survival – Frischer Wind aus der deutschen Punk-Szene</h1>
+        
+        <p>Mit energiegeladenem Punkrock, ehrlichen Texten und unverblümter Direktheit meldet sich <strong>Deepwater Survival</strong> zurück. Die Band aus Trier besticht durch einen Sound, der roh, mitreißend und ehrlich ist – und schafft es damit, sowohl alteingesessene Punkfans als auch neue Hörer:innen zu begeistern.</p>
+        
+        <p>Bevor das Debütalbum <strong>„Ocean Tales“</strong> 2025 erschien, veröffentlichte die Band bereits eine Reihe kraftvoller Singles: <em>„Chirus“ (2023), „Let It Go“ (2024) sowie „Addiction“ und „My Own Home“</em>. Diese Songs, die fast unverändert auf dem Album zu finden sind, geben einen klaren Einblick in die musikalische und emotionale Bandbreite von Deepwater Survival.</p>
+        
+        <p>Die Texte greifen Themen wie Identität, Zugehörigkeit, Abschied und Neuanfang auf – universelle Inhalte, die in der Hektik unserer Zeit für viele relevant sind. Die Musik von Deepwater Survival lädt dazu ein, laut mitzusingen, nachzudenken und gemeinsam mit der Band ein Stück Erinnerung und Hoffnung zu teilen.</p>
+        
+        <p><strong>Deepwater Survival</strong> steht für Punk mit Haltung – klar, ungeschönt, direkt. Für alle, die Musik nicht nur hören, sondern fühlen wollen.</p>
+        </section>
+
+        <div>
+            <h2 style="text-align: center;">Intresse geweckt? Dann gerne hier melden: info@deepwatersurvival.de</h2>
+        </div>
+
+        <div id="spotify_link">
+            <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/artist/2TQ9HNBTNCmUthpg9ippHs?utm_source=generator&theme=0" width="40%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
+        </div>
+</section>
+{{ end }}
@@ -0,0 +1,18 @@
+<link rel="stylesheet" href="/css/footer.css">
+
+<footer id="site_footer">
+  <div class="footer-container">
+    <div class="footer-left">
+      <p>© 2025 Deepwater Survival</p>
+      <p>
+        <a href="/impressum/" target="_self" rel="noopener">Impressum</a> |
+        <a href="/datenschutz/" target="_self" rel="noopener">Datenschutzerklärung</a>
+      </p>
+    </div>
+    <div class="footer-right">
+      <a href="https://open.spotify.com/artist/2TQ9HNBTNCmUthpg9ippHs" target="_blank" rel="noopener">Spotify</a>
+      <a href="https://www.instagram.com/deepwatersurvival/" target="_blank" rel="noopener">Instagram</a>
+      <a href="https://www.youtube.com/@deepwatersurvival730" target="_blank" rel="noopener">YouTube</a>
+    </div>
+  </div>
+</footer>
@@ -0,0 +1,14 @@
+<header>
+    <link rel="stylesheet" href="/css/header.css">
+        <div id="logo">
+            <img src="/img/Logo_compressed.png" alt="" height="218" width="600">
+        </div>
+    
+        <nav id="main_navigation">
+            <a href="/">Home</a>
+            <a href="/about/">Über uns</a>
+            <a href="/shows/">Shows</a>
+            <a href="/music/">Musik</a>
+        </nav>
+
+</header>
@@ -0,0 +1,59 @@
+{{ define "main" }}
+
+    <h1>{{ .Title }}</h1>
+    <ul>
+        {{ range .Pages }}
+
+        <div id="shows">
+            <div class="shows-row">
+                <div id="shows-image">
+                    <img src="{{ .Params.poster}}" width="300" height="300">
+                </div>
+                <div class="shows-text">
+                    <strong>{{ .Params.date.Format "2006-01-02" }}</strong> – {{ .Params.location }} – {{ .Title }}
+                </div>
+                
+            </div>
+        </div>
+
+        {{ end }}
+    </ul>
+
+<style>
+#shows {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+.shows-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 2rem 0;
+    gap: 2rem;
+}
+
+.shows-text {
+    flex: 1;
+}
+
+.shows-image img {
+    width: 300px;
+    height: auto;
+    border-radius: 10px;
+}
+
+@media (max-width: 768px) {
+    .shows-row {
+        flex-direction: column-reverse;
+        text-align: center;
+    }
+    .shows-image img {
+        width: 80%;
+        margin: 0 auto;
+    }
+}
+</style>
+{{ end }}
+