From 01e8c448af8d3f6ef486399400df3f3e89aa3d24 Mon Sep 17 00:00:00 2001
From: Aarni <aarni.halinen@aalto.fi>
Date: Tue, 25 Oct 2016 18:55:43 +0300
Subject: [PATCH] Sosso infoscreen page

---
 infoscreen/static/css/sosso.css   | 17 +++++++++++++++++
 infoscreen/static/html/sosso.html | 22 +++++++++-------------
 2 files changed, 26 insertions(+), 13 deletions(-)
 create mode 100644 infoscreen/static/css/sosso.css

diff --git a/infoscreen/static/css/sosso.css b/infoscreen/static/css/sosso.css
new file mode 100644
index 0000000..7cd8c18
--- /dev/null
+++ b/infoscreen/static/css/sosso.css
@@ -0,0 +1,17 @@
+#sossoimage { 
+    height:300px;
+    width:1920px;
+    position: relative; 
+    left: 0px; 
+    top: 0px;
+  }
+
+.stretch {
+    width:100%;
+    height:100%;
+}
+
+#post {
+  height: 540px;
+  border:2px solid black;
+}
\ No newline at end of file
diff --git a/infoscreen/static/html/sosso.html b/infoscreen/static/html/sosso.html
index a5dea0a..8fd763e 100644
--- a/infoscreen/static/html/sosso.html
+++ b/infoscreen/static/html/sosso.html
@@ -1,19 +1,15 @@
+<link rel="stylesheet" href="/static/css/sosso.css">
 <div ng-controller="SossoController">
-    <div class="row" style="max-height:300px">
-        <div class="col-xs-4 col-xs-offset-1" style="padding-top:30px;padding-bottom:30px"><img src=""></div>
-        <div class="col-xs-7" style="font-size:100px;padding-top:30px">JUTUT</div>
+	<div style="height: 320px;">
+    	<img src="http://sosso.fi/sosso16logo2.png" id="sossoimage" class="stretch">
     </div>
-
-    <div class="row" ng-repeat="post in data.posts" style="height:150px;border:2px solid black;color:#33333">
-    	<div class="row" style="max-height:100px">
-        	<div class="col-xs-1 col-xs-offset-2"><img ng-src="{{ post.thumbnail }}" style="height:150px;"></div>
-        	<div class="col-xs-8 col-xs-offset-1"> 
-                <h1 style="font-size:48px">{{ post.title }}</h1>
-                <div class="row">
-                    <div class="col-xs-offset-6" style="font-size:12px">{{ post.author.first_name }} {{ post.author.last_name }}</div>
-                    <div class="col-xs-offset-6" style="font-size:12px">{{ post.date }}</div>
-                </div>
+    <div id="container" ng-repeat="post in data.posts">
+        <div class="row" style="height:260px;">
+            <div class="col-md-4" style="max-height: 200px;">
+            	<img ng-src="{{ post.thumbnail_images.medium.url }}" style="max-height: 200px;">
             </div>
+            <div><h1 class="col-md-6" style="font-size:48px;">{{ post.title }}</h1></div>
+            <div class="bottom-align-text col-md-6" style="font-size:24px">{{ post.date }}</div>
         </div>
     </div>
 </div>