baff6f0467
Stopp Button in die Titelzeile verlegt, als Symbol dargestellt und wird nur angezeigt, wenn auch ein Sender abgespielt wird. Header Bereich nur immer fix oben sichtbar.
48 lines
2.7 KiB
HTML
48 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Radioplayer mit Presets</title> <!-- Dieser Titel wird dynamisch aktualisiert -->
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
<script defer src="https://stats.thepipes.ch/script.js" data-website-id="9d65de5b-b789-424e-ac4c-fe51477b8eb6"></script>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="titel">
|
|
<img src="/img/icon.png" alt="Logo des Radioplayers, dass einem alten Kofferradio nachempfunden ist" height="35" width="35">
|
|
<h1>Radioplayer <button class="stop-button hidden"><i class="fas fa-stop"></i></button></h1>
|
|
</div>
|
|
<div class="current-station">
|
|
<span id="aktueller-sender"><span id="current-station-name">Wähle einen Sender aus</span></span>
|
|
</div>
|
|
</div>
|
|
<div class="preset-container" id="preset-container"></div>
|
|
<div class="new-preset-container">
|
|
<form id="new-preset-form">
|
|
<input type="text" id="new-preset-name" name="preset-name" placeholder="Sendername" required>
|
|
<input type="text" id="new-preset-url" name="preset-url" placeholder="Stream-URL" required>
|
|
<button type="submit" id="add-new-preset">Neuen Sender hinzufügen</button>
|
|
</form>
|
|
</div>
|
|
<div class="button-container">
|
|
<button id="export-button" class="export-button">Presets exportieren</button>
|
|
<button id="import-button" class="import-button">Presets importieren</button>
|
|
</div>
|
|
<div class="preset-set">
|
|
Ein Set an Presets findest du <a href="#" id="load-presets-link">hier</a>.
|
|
</div>
|
|
<footer>
|
|
<div class="footer">
|
|
© 2024-<span id="current-year"></span> <img src="/img/favicon-16x16.png" alt="Radioplayer" height="14" width="14"> <span id="server-name"></span> // View on <a target="_blank" href="https://codeberg.org/simonpipe/Radioplayer-with-Presets"> <img src="/img/codeberg_16px.ico" alt="Codeberg" height="12" width="12"> Codeberg</a>.
|
|
</div>
|
|
</footer>
|
|
<!-- Externe Skripte am Ende des Body für bessere Performance -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|