webseite comedy

button test
HTML webseite
2026-03-12 11:43:38 +01:00 · 2026-03-12 11:00:51 +01:00 · 2026-03-12 10:53:32 +01:00
3 changed files with 123 additions and 0 deletions
--- a/estelle-köhler.html
+++ b/estelle-köhler.html
@ -0,0 +1,122 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Estelle's Comedy Show</title>
    <style>
        :root {
            --bg-color: #111;
            --text-color: #eee;
            --accent-color: #ff69b4; /* pink accent */
            --accent2-color: #9370db; /* lila accent */
            --font-stack: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            margin: 0;
            font-family: var(--font-stack);
            color: var(--text-color);
            background-color: var(--bg-color);
            text-align: center;
            overflow-x: hidden;
        }
        header {
            background-color: #222;
            padding: 1rem;
            text-align: center;
        }
        header h1 {
            margin: 0;
            font-size: 2.5rem;
        }
        .hero {
            padding: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .hero img {
            max-height: 400px;
            width: auto;
            border-radius: 8px;
            border: 4px solid var(--accent-color);
        }
        .tour {
            padding: 2rem;
        }
        .tour table {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            border-collapse: collapse;
        }
        .tour th, .tour td {
            border: 1px solid #444;
            padding: 0.5rem;
            text-align: center;
        }
        .tour th {
            background-color: #222;
        }
        @media (max-width: 600px) {
            .hero img {
                max-width: 200px;
            }
        }
    </style>
 </head>
 <body>
    <header>
        <h1>Estelle's Comedy Show</h1>
    </header>
    <section class="hero">
        <h2>Live on stage!</h2>
        <img src="image_2e567a.png" alt="Estelle auf der Bühne">
    </section>
    <section class="tour">
        <h2>Tour-Daten</h2>
        <table>
            <thead>
                <tr><th>Datum</th><th>Ort</th><th>Status</th></tr>
            </thead>
            <tbody>
                <tr><td>15. April 2026</td><td>Zürich</td><td>Tickets verfügbar</td></tr>
                <tr><td>22. April 2026</td><td>Bern</td><td>Ausverkauft</td></tr>
                <tr><td>30. April 2026</td><td>Basel</td><td>Tickets verfügbar</td></tr>
                <tr><td>5. Mai 2026</td><td>Lausanne</td><td>Vorverkauf</td></tr>
            </tbody>
        </table>
    </section>
    <footer>
        <p>&copy; 2026 Estelle's Comedy Show</p>
    </footer>
    <script>
        // cursor laugh effect
        document.addEventListener('mousemove', function(e) {
            const span = document.createElement('span');
            span.textContent = 'Ha Ha Ha';
            span.style.position = 'fixed';
            span.style.left = e.pageX + 'px';
            span.style.top = e.pageY + 'px';
            span.style.color = 'var(--accent-color)';
            span.style.pointerEvents = 'none';
            span.style.opacity = '1';
            span.style.transition = 'transform 1s ease-out, opacity 1s ease-out';
            const size = Math.random() * 10 + 14;
            span.style.fontSize = size + 'px';
            span.style.transform = `translate(-50%, -50%) rotate(${(Math.random()*40-20)}deg)`;
            document.body.appendChild(span);
            requestAnimationFrame(() => {
                span.style.transform += ' translateY(-30px)';
                span.style.opacity = '0';
            });
            setTimeout(() => document.body.removeChild(span), 1000);
        });
    </script>
 </body>
 </html>
--- a/estelle-köhler.txt
+++ b/estelle-köhler.txt
@ -0,0 +1 @@
 Welcome to the chaos
--- a/estelle.webp
+++ b/estelle.webp
Author	SHA1	Message	Date
Estelle Köhler	5a6b363093	webseite comedy	2026-03-12 11:43:38 +01:00
Estelle Köhler	52af606d12	button test	2026-03-12 11:00:51 +01:00
Estelle Köhler	3f01bebd36	HTML webseite	2026-03-12 10:53:32 +01:00