Added a watermark.

vasl_templates/webapp/static/css/main.css

@@ -11,6 +11,11 @@ body { height: 100% ; overflow: hidden ; }
 .PopMenu-Item a { padding: 5px 10px 5px 10px ; }
 .PopMenu-Icon { display: none ; }
 
+#watermark { position: absolute ; left: 8px ; right: 8px ; bottom: 6px ; height: 30% ; }
+#watermark { background: url("../images/watermark2.png") left bottom repeat-x ; background-size: auto 100% ; z-index: -999 ; }
+#watermark img { height: 100% ; }
+#tabs { opacity: 0.9 ; }
+
 /* -------------------------------------------------------------------- */
 
 #tabs {

vasl_templates/webapp/static/main.js

@@ -27,6 +27,11 @@ $(document).ready( function () {
         } ) ;
     }
 
+    // initialize the watermark
+    $( "#watermark img" ).on( "load", function() {
+        $("#watermark").fadeIn( 5*1000 ) ;
+    } ).attr( "src", gImagesBaseUrl+"/watermark.png" ) ;
+
     // initialize the menu
     var $menu = $("#menu input") ;
     $menu.popmenu( {

vasl_templates/webapp/templates/index.html

@@ -239,6 +239,8 @@
 
 </div>
 
+<div id="watermark" style="display:none;"> <img src=""> </div>
+
 <!-- ----------------------------------------------------------------- -->
 
 <div id="edit-template" style="display:none;">