Video demo and cloudberry power by change in UI (#267)

* Update index.scala.html * Update main.css * Update index.scala.html * Update main.css * Update main.css * Update main.css * Update index.scala.html * Update index.scala.html * Update index.scala.html
ISG-ICS · Mar 6, 2017 · 7c39cf3 · 7c39cf3
1 parent 806ae72
commit 7c39cf3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 21 deletions.
diff --git a/neo/app/views/index.scala.html b/neo/app/views/index.scala.html
@@ -1,3 +1,4 @@
+
 @(title: String) @main(title){
 <div xmlns="http://www.w3.org/1999/html" ng-controller="AppCtrl">
 
@@ -8,10 +9,16 @@
 
     <div id="logo">
     </div>
+
+    <div id ='powerby'>
+      <div class="btn btn-info btn-sm">
+        <a href="http://cloudberry.ics.uci.edu/" title="A Distributed middleware by ICS,UCI" class="white"> Cloudberry</a>
+          |
+        <a href="https://www.youtube.com/watch?v=XwlRm0jcsU4" target="_blank" class="btn btn-info btn-sm">Video</a>  
+      </div>
+   </div>
 
-    <div id='how-to'>
-      <a href="https://www.youtube.com/watch?v=XwlRm0jcsU4" target="_blank" class="btn btn-info btn-sm">How to use this demo</a>  
-    </div>
+
    </div>
 
    <search-bar></search-bar>
@@ -62,15 +69,7 @@ <h1> About </h1>
     <exception-bar></exception-bar>
   </div>
 
-  <div id ='powerby'>
-    <div class="btn btn-info btn-sm">
-      <a href="http://cloudberry.ics.uci.edu/" title="A Distributed middleware by ICS,UCI" class="white"> Powered by Cloudberry</a>
-      |
-      <a href="http://leafletjs.com" title="A JS library for interactive maps" class="white">Leaflet</a>
-      |
-      <a href="http://mapbox.com" class="white">Mapbox</a>
-    </div>
-  </div>
+
 
 </div>
 

diff --git a/neo/public/stylesheets/main.css b/neo/public/stylesheets/main.css
@@ -26,7 +26,8 @@ body {
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-color: white;
-  opacity: 0.9;
+  opacity: 1.0;
+  z-index: 1;
 }
 
 #sidebar.toggled {
@@ -40,13 +41,6 @@ search-bar {
   width: 50%;
 }
 
-#how-to{
-  position: absolute;
-  bottom: 0%;
-  left: -11%;
-  width: 10%;
-  z-index: 0;
-}
 
 .info {
   padding: 6px 8px;
@@ -114,7 +108,7 @@ search-bar {
 #powerby{
            position: absolute;
            bottom: 0%;
-           left: 71%;
+           left: 70%;
            width: 10%;
            z-index: 0;
 }
@@ -125,6 +119,7 @@ search-bar {
 
 .stats{
   position: absolute;
+
   bottom:0;
   pointer-events: none;
   line-height: 1;