-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·68 lines (60 loc) · 1.97 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Sebi Siebenschläfer</title>
<meta name="author" content="name">
<meta name="description" content="GEMA-freie, Creative-Commons-lizensierte Musik für kleine und große Kinder von Sebi Siebenschläfer">
<meta name="keywords" content="Sebi Siebenschläfer,Musik für Kinder">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<link rel="icon" type="image/png" href="images/cover-web-rgb.jpeg">
</head>
<body>
<header>
<h1 id="page-title">Sebi Siebenschläfer</h1>
</header>
<main>
<div id="album-img-container">
<img
src="images/cover-web-rgb.jpeg"
alt="Cover des Albums SO VIELES ZU ENTDECKEN von Sebi Siebenschläfer. Darauf zu sehen ist eine Rakete, die duch den Weltraum fliegt. Durch das Fenster der Rakete sieht man mehrere Tiere, die staunend aus dem Fenster schauen."
id="cover-image"
>
<p>
Creative-Commons-lizensierte, GEMA-freie Musik für kleine und große Kinder.
</p>
</div>
<p>
<button id="play-album-button">Album abspielen</button>
</p>
<div id="tracks"></div>
<audio id="player" controls data-index="-1"></audio>
<p>
<a
class="service-link"
href="https://open.spotify.com/intl-de/album/5WXdZ1B6AEFE7azKxYLl3Q?si=wku82RMFT0evteYbEJSI2Q">
Mit Spotify anhören
</a>
</p>
<p>
<a
class="service-link"
href="https://music.amazon.de/albums/B0CR5PBLJR">
Mit Amazon Music anhören
</a>
</p>
</main>
<footer>
<p>
Kontakt: <a href="mailto:sz@outlook.de">sz@outlook.de</a>
<br>
Lizenz:
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.de">
CC BY-NC-ND 4.0
</a>
</p>
</footer>
<script src="script.js"></script>
</body>
</html>