FestivalServer/Public/festival/festival.html
2022-03-26 19:56:49 +01:00

72 lines
4.2 KiB
HTML

<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1" />
<!-- Prevent search engine indexing -->
<meta name="robots" content="noindex" />
<link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/festival/icons/festival.ico" />
<link rel="apple-touch-icon" href="/festival/icons/festival.png" />
<link rel="icon" href="/festival/icons/festival.png">
<title>CC Festival</title>
<meta name="author" content="Christoph Hagen & Charlotte Strohofer" />
<meta property="og:title" content="CC Festival" />
<meta property="og:description" content="Presented by Charlotte & Christoph">
<link rel="canonical" href="https://christophhagen.de/festival.html" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="assets/festival.css?v=1">
<script src="assets/festival.js?v=10"></script>
</head>
<body>
<div class="wrapper">
<div class="bokeh">
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>
</div>
<div class="texts" id="text-container">
<div class="title-text">CC Festival</div>
<div class="date-text normal-text">30.Juli 2022&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;14:00 Uhr</div>
<div class="location-text normal-text">Geiselwind</div>
<div class="register-button button normal-text" id="register-button" onclick="showRegisterForm()">Registrieren</div>
<form class="name-form" id="name-form">
<input type="text" id="guest-name" name="fname" placeholder="Namen eingeben">
</form>
<div class="participation-buttons" id="participation-buttons">
<span class="not-participate-button button half-button normal-text" id="not-participate-button" onclick="participate(false)">Ablehnen</span>
<span class="participate-button button half-button normal-text" id="participate-button" onclick="participate(true)">Zusagen</span>
</div>
<div class="error-text normal-text final-text" id="error-text">Registrierung fehlgeschlagen</div>
<div class="registered-text normal-text final-text" id="registered-text">Registrierung erfolgreich</div>
<div class="declined-text normal-text final-text" id="declined-text">Einladung abgelehnt</div>
<div class="add-calender-event button-text" id="add-calender-event" onclick="download('/festival/festival.ics')">Kalendereintrag</div>
<a class="button-text info-button" href="/festival/info.html">Mehr Infos</a>
</div>
<audio loop autoplay id="audio">
<source src="/festival/since77.mp3" type="audio/mp3">
</audio>
<div class="music-control" onclick="playPause()">
<img src="assets/play.svg" class="player-icon" id="play-button"/>
<img src="assets/pause.svg" class="player-icon" id="pause-button"/>
<div class="player-text" id="playing-text">Paul Kalkbrenner - Since 77</div>
<div class="player-text" id="paused-text">Musik</div>
</div>
</div>
</body>
</html>