Initial commit

2026-08-25 04:08:13 +00:00
commit e2fec5d3dc
12 changed files with 3273 additions and 0 deletions
@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1.0"
+    >
+
+    <title>{{ concert.artist }} | Pingu Concerts</title>
+
+    <link
+        rel="stylesheet"
+        href="/static/style.css"
+    >
+
+</head>
+
+<body>
+
+<div class="container">
+
+    <a href="/" class="back-link">
+        ← Zurück zum Kalender
+    </a>
+
+
+    <article class="concert-detail">
+
+        {% if concert.flyer_path %}
+
+            <div class="flyer-container">
+
+                <img
+                    src="{{ concert.flyer_path }}"
+                    alt="Flyer {{ concert.artist }}"
+                    class="concert-flyer"
+                >
+
+            </div>
+
+        {% endif %}
+
+
+        <div class="concert-content">
+
+            <h1>
+                {{ concert.artist }}
+            </h1>
+
+
+            <div class="concert-info">
+
+                <div class="info-item">
+
+                    <span class="info-icon">
+                        📅
+                    </span>
+
+                    <div>
+
+                        <strong>
+                            {{ concert.date }}
+                        </strong>
+
+                        <br>
+
+                        {{ concert.time }} Uhr
+
+                    </div>
+
+                </div>
+
+
+                <div class="info-item">
+
+                    <span class="info-icon">
+                        📍
+                    </span>
+
+                    <div>
+
+                        <strong>
+                            {{ concert.venue.name }}
+                        </strong>
+
+                        {% if concert.venue.street %}
+
+                            <br>
+
+                            {{ concert.venue.street }}
+
+                        {% endif %}
+
+
+                        {% if concert.venue.postal_code
+                              or concert.venue.city %}
+
+                            <br>
+
+                            {{ concert.venue.postal_code }}
+                            {{ concert.venue.city }}
+
+                        {% endif %}
+
+                    </div>
+
+                </div>
+
+
+                {% if concert.ticket_price %}
+
+                    <div class="info-item">
+
+                        <span class="info-icon">
+                            🎟️
+                        </span>
+
+                        <div>
+
+                            <strong>
+                                Ticket
+                            </strong>
+
+                            <br>
+
+                            {{ concert.ticket_price }} €
+
+                        </div>
+
+                    </div>
+
+                {% endif %}
+
+            </div>
+
+
+            {% if concert.description %}
+
+                <section class="description">
+
+                    <h2>
+                        Über das Konzert
+                    </h2>
+
+                    <p>
+                        {{ concert.description }}
+                    </p>
+
+                </section>
+
+            {% endif %}
+
+
+            {% if concert.ticket_url %}
+
+                <div class="ticket-button-container">
+
+                    <a
+                        href="{{ concert.ticket_url }}"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="ticket-button"
+                    >
+                        🎟️ Tickets
+                    </a>
+
+                </div>
+
+            {% endif %}
+
+
+            <section class="coming-soon">
+
+                <h2>
+                    🐧 Community
+                </h2>
+
+                <p>
+                    Wer geht hin, wer ist interessiert?
+                    Kommentare und Teilnehmer folgen hier.
+                </p>
+
+            </section>
+
+        </div>
+
+    </article>
+
+</div>
+
+</body>
+
+</html>