b89ada7d3d
Neu erstelle index.html Datei. PHP Code wurde durch Javascript Code ersetzt. Dementsprechend wurde auch die script.js Datei geändert und dabei auch gleich der Code aufgeräumt.
58 lines
2.8 KiB
HTML
58 lines
2.8 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>
|
|
<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="Radioplayer" height="35" width="35">
|
|
<h1>Radioplayer</h1>
|
|
</div>
|
|
<div class="current-station">
|
|
<span id="aktueller-sender">Aktueller Sender: <span id="current-station-name">Kein Sender ausgewählt</span></span>
|
|
<button class="stop-button">Stop</button>
|
|
</div>
|
|
</div>
|
|
<div class="preset-container" id="preset-container">
|
|
</div>
|
|
<div class="new-preset-container">
|
|
<input type="text" id="new-preset-name" placeholder="Sendername">
|
|
<input type="text" id="new-preset-url" placeholder="Stream-URL">
|
|
<button id="add-new-preset">Neuen Sender hinzufügen</button>
|
|
</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>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
<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>
|
|
</html>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Aktuelles Jahr einfügen
|
|
const currentYear = new Date().getFullYear();
|
|
document.getElementById('current-year').textContent = currentYear;
|
|
|
|
// Server-Name einfügen
|
|
const serverName = window.location.hostname;
|
|
document.getElementById('server-name').textContent = serverName;
|
|
});
|
|
</script>
|