From 84b46ecd44f0d7faea745058e294fca5e6014299 Mon Sep 17 00:00:00 2001
From: Joel Lavikainen <joel.lavikainen@aalto.fi>
Date: Wed, 29 Mar 2017 18:44:35 +0300
Subject: [PATCH] Prettify apy deal site

---
 infoscreen/static/css/apy.css   | 54 +++++++++++++++------------------
 infoscreen/static/html/apy.html | 28 +++++++++--------
 2 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/infoscreen/static/css/apy.css b/infoscreen/static/css/apy.css
index 6dc51c7..fce7b61 100644
--- a/infoscreen/static/css/apy.css
+++ b/infoscreen/static/css/apy.css
@@ -1,42 +1,38 @@
+body {
+	background-image: url(https://diilikone.apy.fi/static/background.jpg);
+	background-size: cover;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+}
+
+#footer {
+	height: 140px;
+}
 .event {
-    font-size: 5vh;
-    font-family: 'Droid Sans Mono', monospace;
+    font-size: 100px;
+    font-weight: bold;
+    margin-left: 20px;	
 }
 .event-col{
     padding-top:1vh;
     padding-bottom:1vh;
-}.event:nth-child(odd){
-    background-color: #d4e2fd;
 }
 
-.black {
-    color: black;
-}
 .header-row{
-    background: #d4e2fd;
-    font-size: 7vh;
-    font-family: 'Droid Sans Mono', monospace;
+	margin: 30px;
+	margin-left: 20px;	
+    font-size: 130px;
     padding-bottom:20px;
+    color:#24a05f;
+    font-weight: bold;
 }
 
 .container {
-    width: 100vw;
-    padding: 0 0 0 0;
-    margin-left: 20px;
-    margin-right: 20px;
-}
-
-.repeat-item.ng-leave {
-    -webkit-transition:0.5s linear all;
-    transition:0.5s linear all;
-}
-
-.repeat-item.ng-leave.ng-leave-active {
-    opacity: 0;
-    font-size:  0vh;
-}
-
-.repeat-item.ng-leave{
-    opacity: 1;
-    font-size: 5vh;
+    width: 95%;
+    height: 95%;
+    margin: 60px;
+    color: #24a5d4;
+    background-color: black;
+  	opacity: 0.88;
 }
diff --git a/infoscreen/static/html/apy.html b/infoscreen/static/html/apy.html
index 4862e08..de4c9f3 100644
--- a/infoscreen/static/html/apy.html
+++ b/infoscreen/static/html/apy.html
@@ -1,16 +1,20 @@
 <link rel="stylesheet" href="/static/css/apy.css">
-<div ng-controller="ApyController">
+<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
+<div id="bg">
+	<div class="container " ng-controller="ApyController">
+		<div id="header-title"
+			KILTADIILIT TOP 3
+		</div>
+		<div class="header-row row">
+	        <div class="col-sm-6">Kilta</div>
+	        <div class="col-sm-6">Lehdet</div>
+	    </div>
+	    <div class="repeat-item row event" ng-repeat="item in items">
+	        <div class="col-sm-6 event-col">{{item.name}}</div>
+	        <div class="col-sm-6 event-col">{{item.size}}</div>
+	    </div>
+	    <div id="footer">
+	    </div>
 
-	<div id="header-title"
-		KILTADIILIT TOP 3
 	</div>
-	<div class="header-row row">
-        <div class="col-sm-9">Kilta</div>
-        <div class="col-sm-3">Lehdet</div>
-    </div>
-    <div class="repeat-item row event" ng-repeat="item in items">
-        <div class="col-sm-9 event-col">{{item.name}}</div>
-        <div class="col-sm-3 event-col">{{item.size}}</div>
-    </div>
-
 </div>
\ No newline at end of file