give the website a facelift

2 years ago · ececd3485b
parent da36489d6d
commit ececd3485b
1 changed files with 16 additions and 43 deletions
--- a/index.html
+++ b/index.html
@ -1,42 +1,22 @@
-<html>
-
-<head>
-
+<html><head>
 <title>m3u radio playlists</title>
-
-</head>
-
-<style>
-
-.grid {
-display: grid;
-grid-template-columns: repeat(6, 230px);
-grid-auto-rows: 32px;
+</head><style>
+body {
+background: #222;
+display: flex;
+flex-direction: column;
+width: 50%;
+margin: 4% auto;
+padding: 2%;
+border: 2px solid #666;
 }
-
-span {
-position: absolute;
-left: 50%;
-top: 50%;
-transform: translate(-50%, -50%);
-}
-
-body {background: #222;}
-
-a {color: #ccc;
-border: 1px solid #666;
-padding-left: 15px;
+a {
+color: #ccc;
+text-align: center;
 font-size: 150%;
+margin: 6px;
 }
-
-</style>
-
-<body>
-
-<span>
-
-<div class="grid">
-
+</style><body>
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/---everything-full.m3u">everything-full.m3u</a>
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/---everything-lite.m3u">everything-lite.m3u</a>
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/---randomized.m3u">randomized.m3u</a>
@ -136,11 +116,4 @@ font-size: 150%;
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/various.m3u">various.m3u</a>
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/wave.m3u">wave.m3u</a>
 <a href="https://raw.githubusercontent.com/junguler/m3u-radio-music-playlists/main/world.m3u">world.m3u</a>
-
-</div>
-
-</span>
-
-</body>
-
-</html>
+</body></html>