diff --git a/infoscreen/static/css/infoscreen.css b/infoscreen/static/css/infoscreen.css
new file mode 100644
index 0000000..1df6617
--- /dev/null
+++ b/infoscreen/static/css/infoscreen.css
@@ -0,0 +1,21 @@
+#infocontent {
+    width: 100%; 
+    height: 100%; 
+    position: fixed; 
+    left: 0px; 
+    top: 0px;
+    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
+}
+
+.stretch {
+    width:100%;
+    height:100%;
+}
+
+.fit {
+	width: auto;
+	min-height: 100%;
+	display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
\ No newline at end of file
diff --git a/infoscreen/static/html/test1.html b/infoscreen/static/html/test1.html
index 1682f05..8f0ce55 100644
--- a/infoscreen/static/html/test1.html
+++ b/infoscreen/static/html/test1.html
@@ -1 +1 @@
-<h1>testi1 {{ testparam }}</h1>
+<img ng-src="{{imagepath}}" class="fit"/>
\ No newline at end of file
diff --git a/infoscreen/static/img/teekkaribileet.jpg b/infoscreen/static/img/teekkaribileet.jpg
new file mode 100644
index 0000000..9d0c472
Binary files /dev/null and b/infoscreen/static/img/teekkaribileet.jpg differ
diff --git a/infoscreen/static/js/infoscreen_controllers.js b/infoscreen/static/js/infoscreen_controllers.js
index efe85f0..10ad32b 100644
--- a/infoscreen/static/js/infoscreen_controllers.js
+++ b/infoscreen/static/js/infoscreen_controllers.js
@@ -1,16 +1,18 @@
 var app = angular.module('infoApp', []);
 
+
+
 app.controller('infoscreen_main', function($scope, $http,$timeout){
     var index = -1;
     var templates = [
         {
             template: "/static/html/test1.html",
-            onload: function(){$scope.testparam = "foo";}
+            onload: function(){$scope.imagepath = "/static/img/siklogo.jpg";}
         },{
             template: "/static/html/test2.html"
         },{
             template: "/static/html/test1.html",
-            onload: function(){$scope.testparam = "bar";}
+            onload: function(){$scope.imagepath = "/static/img/teekkaribileet.jpg";}
         },{
             template: "/static/html/test3.html"
         },
diff --git a/infoscreen/templates/infoscreen_index.html b/infoscreen/templates/infoscreen_index.html
index 9ea4aad..11c529f 100644
--- a/infoscreen/templates/infoscreen_index.html
+++ b/infoscreen/templates/infoscreen_index.html
@@ -11,11 +11,24 @@
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></link>
-         <script src="/static/js/infoscreen_controllers.js"></script>
+        <link rel="stylesheet" href="/static/css/infoscreen.css">
+        <script src="/static/js/infoscreen_controllers.js"></script>
     </head>
     <body>
-        <div class="jumbotron" ng-controller="infoscreen_main">
+        <div ng-controller="infoscreen_main" >
             <div id="infocontent" ng-include="active.template" onload="active.onload()"></div>
         </div>
+        <script type="text/javascript">
+			var elem = document.getElementById("infocontent");
+			if (elem.requestFullscreen) {
+				elem.requestFullscreen();
+			} else if (elem.webkitRequestFullscreen) {
+				elem.webkitRequestFullscreen();
+			} else if (elem.mozRequestFullScreen) {
+				elem.mozRequestFullScreen();
+			} else if (elem.msRequestFullscreen) {
+				elem.msRequestFullscreen();
+			}
+        </script>
     </body>
 </html>
