From d5c502b7606fd4463703f2441e8e7294cd774c50 Mon Sep 17 00:00:00 2001
From: nek0 <nek0@chelnok.de>
Date: Mon, 6 Apr 2015 04:37:20 +0200
Subject: [PATCH] beautification

---
 static/css/main.css     | 55 ++++++++++++++++++++++++++++++++++++++++-
 templates/select.hamlet |  4 +++
 2 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/static/css/main.css b/static/css/main.css
index 072022d..d865333 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -19,7 +19,7 @@
 	height: 100%;
 }
 
-.article p{
+.article p {
 	display: inline-block;
 	vertical-align: middle;
 	line-height: normal;
@@ -32,18 +32,71 @@
 	border-radius: 6px;
 }
 
+header {
+	border-bottom: 1px solid black;
+	margin-bottom: 1em;
+}
+
+header a {
+	display: inline-block;
+	height: 5em;
+	line-height: 5em;
+	margin-bottom: 1em;
+	background-color: gold;
+	padding: 0px 1em;
+	border-radius: 6px;
+	box-shadow: 0px 0px 3px #c4c4c4;
+}
+
+header ul {
+	list-style: none outside none;
+}
+
+header li {
+	display: inline-block;
+}
+
 .header ul {
 	list-style: none outside none;
 }
 
 .header li {
 	display: inline-block;
+	padding-left: 1em;
+}
+
+.header a {
+	display: inline-block;
+	height: 5em;
+	line-height: 5em;
+	margin-bottom: 1em;
+	background-color: aliceblue;
+	padding: 0px 1em;
+	border-radius: 6px;
+	box-shadow: 0px 0px 3px #c4c4c4;
 }
 
 footer span {
 	padding-right: 20px;
 }
 
+footer {
+	border-top: 1px solid black;
+	margin-top: 1em;
+}
+
+footer a {
+	margin-top: 1em;
+	display: inline-block;
+	position: relative;
+	height: 5em;
+	line-height: 5em;
+	background-color: aliceblue;
+	padding: 0px 1em;
+	border-radius: 6px;
+	box-shadow: 0px 0px 3px #c4c4c4;
+}
+
 table, td, th {
 	border: 1px solid black;
         border-spacing: 0.5rem;
diff --git a/templates/select.hamlet b/templates/select.hamlet
index c65cbdf..1c35b2e 100644
--- a/templates/select.hamlet
+++ b/templates/select.hamlet
@@ -10,6 +10,10 @@ $doctype 5
 
 <h3>Wähle deinen Artikel, #{userIdent user}
 
+$if null beverages
+  <h1>
+    !!!MATEKALYPSE!!!
+
 $forall (Entity bId bev) <- beverages
   <article .article>
     <a href=@{BuyR uId bId}>