Lightstreamer
diff --git a/‎src/css/style.css‎
Lines changed: 27 additions & 3 deletions b/‎src/css/style.css‎
Lines changed: 27 additions & 3 deletions
diff --git a/‎src/images/banner.jpg‎
217 KB b/‎src/images/banner.jpg‎
217 KB
diff --git a/‎src/images/logo.png‎
14 KB b/‎src/images/logo.png‎
14 KB
diff --git a/‎src/index.html‎
Lines changed: 8 additions & 5 deletions b/‎src/index.html‎
Lines changed: 8 additions & 5 deletions
diff --git a/‎src/js/lsClient.js‎
Lines changed: 1 addition & 1 deletion b/‎src/js/lsClient.js‎
Lines changed: 1 addition & 1 deletion
@@ -13,8 +13,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */
-
-/* layout */
+.banner {
+  width: 100%;
+  height: 200px;
+  position: relative;
+  background-image: url("../images/banner.jpg");
+  background-size: cover;
+  background-position: center;
+}  
+.logo {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}  
+.banner p {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: calc(50% + 50px);
+  transform: translateY(-50%);
+  font-family: "Amazon Ember", Arial, Helvetica, Sans-serif;
+  font-size: x-large;
+  color: #689a68;
+  font-weight: bold;
+  text-align: center;
+}
 .ribbon {
   background-color: #003D06;
   overflow: hidden;
@@ -58,7 +82,7 @@ body {
   height: 150px;
 }
 .row.content {
-  top:150px;
+  top:200px;
   bottom: 0;
 }
 
 
@@ -44,14 +44,17 @@
   </head>
   <body ng-cloak>
 
-  <div class="ribbon">
+  <div class="ribbon" style="z-index: 1;">
     <a href="https://github.com/Lightstreamer/Lightstreamer-example-ISSLive-client-javascript">Fork me on GitHub</a>
   </div>
 
-    <div id="header" class="row">
-      <h1>International Space Station Live!</h1>
-      <h2>Telemetry Console</h2>
-    </div>
+  <div class="banner">
+    <img src="images/logo.png" alt="Logo" class="logo">
+    <p>
+      International Space Station Live!<br>
+      Telemetry Console
+    </p>
+  </div>
 
     <div class="content row">
 
 
@@ -16,7 +16,7 @@
 
 define(["LightstreamerClient","StatusWidget"],function(LightstreamerClient,StatusWidget) {
   var lsClient = new LightstreamerClient("https://push.lightstreamer.com","ISSLIVE");
-  lsClient.addListener(new StatusWidget("right", "0px", true));
+  lsClient.addListener(new StatusWidget("left", "0px", true));
   lsClient.addListener({
     onStatusChange: function(newStatus) {
       console.log("Client status:" + newStatus);