make stuff pretty

LemiSt24 · Jul 25, 2019 · 46e4901 · 46e4901
1 parent 443b04a
commit 46e4901
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 2 deletions.
diff --git a/static/header.html b/static/header.html
@@ -3,9 +3,39 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Lied w&uuml;nschen</title>
+        <title>Lied w&uuml;nschen</title>
+        <style type="text/css">
+			body {
+                margin: 0;
+                font-family: sans-serif;
+				height: 100%;
+				width: 100%;
+				background:
+				radial-gradient(black 15%, transparent 16%) 0 0,
+				radial-gradient(black 15%, transparent 16%) 8px 8px,
+				radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
+				radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
+				background-color:#282828;
+				background-size:16px 16px;
+			}
+            .header {
+                font-weight: bold;
+            }
+            table {
+                width: 100%;
+            }
+            tr:nth-child(odd) {
+                background: rgba(255,255,255,.7);
+            }
+            tr:nth-child(even) {
+                background: rgba(128,128,128,.7);
+            }
+            td {
+                border: 1px grey solid;
+            }
+		</style>
 	</head>
 	<body>
 		<form method="POST">
             <table>
-                <tr><td>Titel</td><td>K&uuml;nstler</td><td>Album</td><td></td></tr>
+                <tr class="header"><td>Titel</td><td>K&uuml;nstler</td><td>Album</td><td></td></tr>
diff --git a/static/index.html b/static/index.html
@@ -4,6 +4,38 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Lied w&uuml;nschen</title>
+		<style type="text/css">
+			body {
+				height: 100%;
+				width: 100%;
+				background:
+				radial-gradient(black 15%, transparent 16%) 0 0,
+				radial-gradient(black 15%, transparent 16%) 8px 8px,
+				radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
+				radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
+				background-color:#282828;
+				background-size:16px 16px;
+			}
+			form {
+				text-align: center;
+				height: 100px;
+				width: 400px;
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				margin-left: -200px;
+				margin-top: -50px;
+			}
+			input {
+				position: relative;
+				margin-top: 25px;
+				height: 50px;
+				width: 290px;
+			}
+			input[type="submit"] {
+				width: 92px;
+			}
+		</style>
 	</head>
 	<body>
 		<form method="POST">