Sosso infoscreen page

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

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>