diff --git a/stuff/60s.html b/stuff/60s.html
index 49f968780..4bc55beed 100644
--- a/stuff/60s.html
+++ b/stuff/60s.html
@@ -1,11 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Listen to the 60s playlist</title>
-</head>
+<title>Listen to the playlist</title>
+<head>
 <script src="./m3u-player.js" defer="defer"></script>
-<style> body {background: #222;color: #ccc;margin: 10%;}</style>
+<style> body {background: #222;color: #ccc;}</style>
 <body>
-<audio src="../60s.m3u" controls="controls" autoplay=""></audio>
+<audio src="../60s.m3u" controls="controls"</audio>
 </body>
 </html>
diff --git a/stuff/70s.html b/stuff/70s.html
new file mode 100644
index 000000000..492515eb7
--- /dev/null
+++ b/stuff/70s.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../70s.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/80s.html b/stuff/80s.html
new file mode 100644
index 000000000..72971f8be
--- /dev/null
+++ b/stuff/80s.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../80s.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/90s.html b/stuff/90s.html
new file mode 100644
index 000000000..094618e58
--- /dev/null
+++ b/stuff/90s.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../90s.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/acid_jazz.html b/stuff/acid_jazz.html
new file mode 100644
index 000000000..937beb8e4
--- /dev/null
+++ b/stuff/acid_jazz.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../acid_jazz.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/african.html b/stuff/african.html
new file mode 100644
index 000000000..fa670e771
--- /dev/null
+++ b/stuff/african.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../african.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/alternative.html b/stuff/alternative.html
new file mode 100644
index 000000000..c80e832a9
--- /dev/null
+++ b/stuff/alternative.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../alternative.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/ambient.html b/stuff/ambient.html
new file mode 100644
index 000000000..0f38c95dd
--- /dev/null
+++ b/stuff/ambient.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../ambient.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/americana.html b/stuff/americana.html
new file mode 100644
index 000000000..13a37e7ba
--- /dev/null
+++ b/stuff/americana.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../americana.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/anime.html b/stuff/anime.html
new file mode 100644
index 000000000..780c6ebf6
--- /dev/null
+++ b/stuff/anime.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../anime.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/arabic.html b/stuff/arabic.html
new file mode 100644
index 000000000..ffd9c17ca
--- /dev/null
+++ b/stuff/arabic.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../arabic.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/asian.html b/stuff/asian.html
new file mode 100644
index 000000000..675a2c06e
--- /dev/null
+++ b/stuff/asian.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../asian.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/big_band.html b/stuff/big_band.html
new file mode 100644
index 000000000..139699abd
--- /dev/null
+++ b/stuff/big_band.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../big_band.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/bluegrass.html b/stuff/bluegrass.html
new file mode 100644
index 000000000..35bd57c14
--- /dev/null
+++ b/stuff/bluegrass.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../bluegrass.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/blues.html b/stuff/blues.html
new file mode 100644
index 000000000..f9712edd9
--- /dev/null
+++ b/stuff/blues.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../blues.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/breakbeat.html b/stuff/breakbeat.html
new file mode 100644
index 000000000..c482eedc4
--- /dev/null
+++ b/stuff/breakbeat.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../breakbeat.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/chillout.html b/stuff/chillout.html
new file mode 100644
index 000000000..1d9ab37eb
--- /dev/null
+++ b/stuff/chillout.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../chillout.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/christian.html b/stuff/christian.html
new file mode 100644
index 000000000..c656fc6e3
--- /dev/null
+++ b/stuff/christian.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../christian.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/classical.html b/stuff/classical.html
new file mode 100644
index 000000000..cd404f65d
--- /dev/null
+++ b/stuff/classical.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../classical.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/club.html b/stuff/club.html
new file mode 100644
index 000000000..90efbf592
--- /dev/null
+++ b/stuff/club.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../club.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/college.html b/stuff/college.html
new file mode 100644
index 000000000..8fcd1163c
--- /dev/null
+++ b/stuff/college.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../college.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/comedy.html b/stuff/comedy.html
new file mode 100644
index 000000000..7cce5476c
--- /dev/null
+++ b/stuff/comedy.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../comedy.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/country.html b/stuff/country.html
new file mode 100644
index 000000000..2380793c7
--- /dev/null
+++ b/stuff/country.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../country.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/dance.html b/stuff/dance.html
new file mode 100644
index 000000000..1213792de
--- /dev/null
+++ b/stuff/dance.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../dance.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/deutsch.html b/stuff/deutsch.html
new file mode 100644
index 000000000..e27812543
--- /dev/null
+++ b/stuff/deutsch.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../deutsch.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/disco.html b/stuff/disco.html
new file mode 100644
index 000000000..556f2822f
--- /dev/null
+++ b/stuff/disco.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../disco.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/discofox.html b/stuff/discofox.html
new file mode 100644
index 000000000..725805dfa
--- /dev/null
+++ b/stuff/discofox.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../discofox.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/downtempo.html b/stuff/downtempo.html
new file mode 100644
index 000000000..981dfadc2
--- /dev/null
+++ b/stuff/downtempo.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../downtempo.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/drum_and_bass.html b/stuff/drum_and_bass.html
new file mode 100644
index 000000000..7d8769bf0
--- /dev/null
+++ b/stuff/drum_and_bass.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../drum_and_bass.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/easy_listening.html b/stuff/easy_listening.html
new file mode 100644
index 000000000..c2aa85be0
--- /dev/null
+++ b/stuff/easy_listening.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../easy_listening.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/ebm.html b/stuff/ebm.html
new file mode 100644
index 000000000..b59dbc102
--- /dev/null
+++ b/stuff/ebm.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../ebm.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/electronic.html b/stuff/electronic.html
new file mode 100644
index 000000000..f267bbc6f
--- /dev/null
+++ b/stuff/electronic.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../electronic.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/eurodance.html b/stuff/eurodance.html
new file mode 100644
index 000000000..62f5d84ee
--- /dev/null
+++ b/stuff/eurodance.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../eurodance.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/film.html b/stuff/film.html
new file mode 100644
index 000000000..af76afaf1
--- /dev/null
+++ b/stuff/film.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../film.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/folk.html b/stuff/folk.html
new file mode 100644
index 000000000..4ab3b27ba
--- /dev/null
+++ b/stuff/folk.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../folk.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/france.html b/stuff/france.html
new file mode 100644
index 000000000..eaba1c6d6
--- /dev/null
+++ b/stuff/france.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../france.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/funk.html b/stuff/funk.html
new file mode 100644
index 000000000..a4487f190
--- /dev/null
+++ b/stuff/funk.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../funk.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/goa.html b/stuff/goa.html
new file mode 100644
index 000000000..2d068672d
--- /dev/null
+++ b/stuff/goa.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../goa.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/gospel.html b/stuff/gospel.html
new file mode 100644
index 000000000..43f5fd7c1
--- /dev/null
+++ b/stuff/gospel.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../gospel.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/gothic.html b/stuff/gothic.html
new file mode 100644
index 000000000..aca029b59
--- /dev/null
+++ b/stuff/gothic.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../gothic.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/greek.html b/stuff/greek.html
new file mode 100644
index 000000000..42ef265fa
--- /dev/null
+++ b/stuff/greek.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../greek.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/hardcore.html b/stuff/hardcore.html
new file mode 100644
index 000000000..0fc86772c
--- /dev/null
+++ b/stuff/hardcore.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../hardcore.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/hardrock.html b/stuff/hardrock.html
new file mode 100644
index 000000000..f6efcb4dc
--- /dev/null
+++ b/stuff/hardrock.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../hardrock.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/hip_hop.html b/stuff/hip_hop.html
new file mode 100644
index 000000000..f427dff9c
--- /dev/null
+++ b/stuff/hip_hop.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../hip_hop.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/house.html b/stuff/house.html
new file mode 100644
index 000000000..a750f6006
--- /dev/null
+++ b/stuff/house.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../house.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/india.html b/stuff/india.html
new file mode 100644
index 000000000..b9d670959
--- /dev/null
+++ b/stuff/india.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../india.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/indie.html b/stuff/indie.html
new file mode 100644
index 000000000..3758c7af2
--- /dev/null
+++ b/stuff/indie.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../indie.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/industrial.html b/stuff/industrial.html
new file mode 100644
index 000000000..011f1783d
--- /dev/null
+++ b/stuff/industrial.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../industrial.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/instrumental.html b/stuff/instrumental.html
new file mode 100644
index 000000000..f8399291c
--- /dev/null
+++ b/stuff/instrumental.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../instrumental.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/italian.html b/stuff/italian.html
new file mode 100644
index 000000000..7c20732dc
--- /dev/null
+++ b/stuff/italian.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../italian.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/jazz.html b/stuff/jazz.html
new file mode 100644
index 000000000..054f94f95
--- /dev/null
+++ b/stuff/jazz.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../jazz.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/jpop.html b/stuff/jpop.html
new file mode 100644
index 000000000..214874ca3
--- /dev/null
+++ b/stuff/jpop.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../jpop.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/jungle.html b/stuff/jungle.html
new file mode 100644
index 000000000..7c1f51e0d
--- /dev/null
+++ b/stuff/jungle.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../jungle.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/latin.html b/stuff/latin.html
new file mode 100644
index 000000000..f976dd1f4
--- /dev/null
+++ b/stuff/latin.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../latin.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/links.txt.html b/stuff/links.txt.html
new file mode 100644
index 000000000..df3000296
--- /dev/null
+++ b/stuff/links.txt.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../links.txt.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/lounge.html b/stuff/lounge.html
new file mode 100644
index 000000000..11e5ff39e
--- /dev/null
+++ b/stuff/lounge.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../lounge.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/metal.html b/stuff/metal.html
new file mode 100644
index 000000000..78a2c002f
--- /dev/null
+++ b/stuff/metal.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../metal.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/mixed.html b/stuff/mixed.html
new file mode 100644
index 000000000..5b8cdaad0
--- /dev/null
+++ b/stuff/mixed.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../mixed.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/musical.html b/stuff/musical.html
new file mode 100644
index 000000000..62e917f3a
--- /dev/null
+++ b/stuff/musical.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../musical.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/oldies.html b/stuff/oldies.html
new file mode 100644
index 000000000..4cc83172d
--- /dev/null
+++ b/stuff/oldies.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../oldies.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/opera.html b/stuff/opera.html
new file mode 100644
index 000000000..7fe78060d
--- /dev/null
+++ b/stuff/opera.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../opera.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/polish.html b/stuff/polish.html
new file mode 100644
index 000000000..41b5cf678
--- /dev/null
+++ b/stuff/polish.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../polish.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/polka.html b/stuff/polka.html
new file mode 100644
index 000000000..2707f8303
--- /dev/null
+++ b/stuff/polka.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../polka.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/pop.html b/stuff/pop.html
new file mode 100644
index 000000000..d3c7c1225
--- /dev/null
+++ b/stuff/pop.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../pop.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/portugal.html b/stuff/portugal.html
new file mode 100644
index 000000000..2045bfde0
--- /dev/null
+++ b/stuff/portugal.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../portugal.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/progressive.html b/stuff/progressive.html
new file mode 100644
index 000000000..ee840a268
--- /dev/null
+++ b/stuff/progressive.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../progressive.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/punk.html b/stuff/punk.html
new file mode 100644
index 000000000..848d73d97
--- /dev/null
+++ b/stuff/punk.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../punk.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/quran.html b/stuff/quran.html
new file mode 100644
index 000000000..ad852429d
--- /dev/null
+++ b/stuff/quran.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../quran.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/rap.html b/stuff/rap.html
new file mode 100644
index 000000000..e8b6a6f86
--- /dev/null
+++ b/stuff/rap.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../rap.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/reggae.html b/stuff/reggae.html
new file mode 100644
index 000000000..0a7bf5ba1
--- /dev/null
+++ b/stuff/reggae.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../reggae.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/retro.html b/stuff/retro.html
new file mode 100644
index 000000000..7d59e4d67
--- /dev/null
+++ b/stuff/retro.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../retro.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/rnb.html b/stuff/rnb.html
new file mode 100644
index 000000000..58d3ff7e7
--- /dev/null
+++ b/stuff/rnb.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../rnb.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/rock.html b/stuff/rock.html
new file mode 100644
index 000000000..b01cda956
--- /dev/null
+++ b/stuff/rock.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../rock.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/romanian.html b/stuff/romanian.html
new file mode 100644
index 000000000..0c1c18743
--- /dev/null
+++ b/stuff/romanian.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../romanian.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/russian.html b/stuff/russian.html
new file mode 100644
index 000000000..36c5bc1fc
--- /dev/null
+++ b/stuff/russian.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../russian.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/salsa.html b/stuff/salsa.html
new file mode 100644
index 000000000..ccb078016
--- /dev/null
+++ b/stuff/salsa.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../salsa.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/schlager.html b/stuff/schlager.html
new file mode 100644
index 000000000..73fd3c18f
--- /dev/null
+++ b/stuff/schlager.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../schlager.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/ska.html b/stuff/ska.html
new file mode 100644
index 000000000..1357679cf
--- /dev/null
+++ b/stuff/ska.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../ska.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/smooth_jazz.html b/stuff/smooth_jazz.html
new file mode 100644
index 000000000..6e6136dd0
--- /dev/null
+++ b/stuff/smooth_jazz.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../smooth_jazz.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/soul.html b/stuff/soul.html
new file mode 100644
index 000000000..1bb75d5de
--- /dev/null
+++ b/stuff/soul.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../soul.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/soundtrack.html b/stuff/soundtrack.html
new file mode 100644
index 000000000..ed269033e
--- /dev/null
+++ b/stuff/soundtrack.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../soundtrack.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/spain.html b/stuff/spain.html
new file mode 100644
index 000000000..a87ea9f0f
--- /dev/null
+++ b/stuff/spain.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../spain.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/spiritual.html b/stuff/spiritual.html
new file mode 100644
index 000000000..897ab0a88
--- /dev/null
+++ b/stuff/spiritual.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../spiritual.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/sport.html b/stuff/sport.html
new file mode 100644
index 000000000..4bd6b2ba2
--- /dev/null
+++ b/stuff/sport.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../sport.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/swing.html b/stuff/swing.html
new file mode 100644
index 000000000..9a68b6993
--- /dev/null
+++ b/stuff/swing.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../swing.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/symphonic.html b/stuff/symphonic.html
new file mode 100644
index 000000000..869816e65
--- /dev/null
+++ b/stuff/symphonic.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../symphonic.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/talk.html b/stuff/talk.html
new file mode 100644
index 000000000..653c9b224
--- /dev/null
+++ b/stuff/talk.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../talk.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/techno.html b/stuff/techno.html
new file mode 100644
index 000000000..5ac9e31b3
--- /dev/null
+++ b/stuff/techno.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../techno.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/top_40.html b/stuff/top_40.html
new file mode 100644
index 000000000..dd4a684d5
--- /dev/null
+++ b/stuff/top_40.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../top_40.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/trance.html b/stuff/trance.html
index 08bae7be7..415ad8938 100644
--- a/stuff/trance.html
+++ b/stuff/trance.html
@@ -2,11 +2,11 @@
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Listen to the trance playlist</title>
-</head>
+<title>Listen to the playlist</title>
+<head>
 <script src="./m3u-player.js" defer="defer"></script>
-<style> body {background: #222;color: #ccc;margin: 10%;}</style>
+<style> body {background: #222;color: #ccc;}</style>
 <body>
-<audio src="../trance.m3u" controls="controls" autoplay=""></audio>
+<audio src="../trance.m3u" controls="controls"</audio>
 </body>
 </html>
diff --git a/stuff/turk.html b/stuff/turk.html
new file mode 100644
index 000000000..b25cac5be
--- /dev/null
+++ b/stuff/turk.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../turk.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/urban.html b/stuff/urban.html
new file mode 100644
index 000000000..41fa8e249
--- /dev/null
+++ b/stuff/urban.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../urban.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/usa.html b/stuff/usa.html
new file mode 100644
index 000000000..f5cd18486
--- /dev/null
+++ b/stuff/usa.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../usa.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/various.html b/stuff/various.html
new file mode 100644
index 000000000..015bbdc4f
--- /dev/null
+++ b/stuff/various.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../various.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/wave.html b/stuff/wave.html
new file mode 100644
index 000000000..b7a5d1d9f
--- /dev/null
+++ b/stuff/wave.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../wave.m3u" controls="controls"</audio>
+</body>
+</html>
diff --git a/stuff/world.html b/stuff/world.html
new file mode 100644
index 000000000..985f187d9
--- /dev/null
+++ b/stuff/world.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Listen to the playlist</title>
+<head>
+<script src="./m3u-player.js" defer="defer"></script>
+<style> body {background: #222;color: #ccc;}</style>
+<body>
+<audio src="../world.m3u" controls="controls"</audio>
+</body>
+</html>
