beautification

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;

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}>