From 46a0054d784ba638435257ee6b75e5cea43f0983 Mon Sep 17 00:00:00 2001
From: Dominic Clifton <me@dominicclifton.name>
Date: Tue, 24 Feb 2015 02:06:00 +0000
Subject: [PATCH] Add SVG watermark image to log view and some tabs.

---
 main.css             | 32 ++++++++++++++++++++++----------
 main.html            |  2 +-
 tabs/cli.html        |  1 +
 tabs/dataflash.html  |  1 +
 tabs/logging.html    |  1 +
 tabs/motors.html     |  1 +
 tabs/pid_tuning.html |  1 +
 tabs/ports.html      |  1 +
 tabs/receiver.html   |  1 +
 tabs/sensors.html    |  1 +
 10 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/main.css b/main.css
index c066167726..b0b4c3b93b 100755
--- a/main.css
+++ b/main.css
@@ -39,21 +39,33 @@ input[type="number"]::-webkit-inner-spin-button {
     height: calc(100% - 5px);
 }
 
+#content-watermark {
+    position: absolute;
+    bottom: 40px;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    overflow: hidden;
+    background-image: url("images/light-wide-1.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: 600px;
+    height: 174px;
+    opacity: 0.25;
+}
+
 #watermark {
     position: absolute;
-    text-align: center;
-    top: 35px;
-    left: 0;
-    bottom: 0;
+    top: 30px;
+    height: 67px;
     right: 0;
     z-index: -1;
     overflow: hidden;
-
-    font-family: monospace;
-    color: grey;
-    font-size: 50px;
-    font-variant: small-caps;
-    letter-spacing: 0.5em;
+    background-image: url("images/light-wide-1.svg");
+    background-repeat: no-repeat;
+    width: 340px;
+    background-position: 0px 0px;
+    background-size: 85%;
 }
 
 #port-picker {
diff --git a/main.html b/main.html
index 432ef9c89e..e7afaf498b 100755
--- a/main.html
+++ b/main.html
@@ -126,7 +126,7 @@
             </div>
             <div class="clear-both"></div>
             <div id="log">
-                <div id="watermark">CleanFlight</div>
+                <div id="watermark"></div>
                 <div class="wrapper">
                 </div>
             </div>
diff --git a/tabs/cli.html b/tabs/cli.html
index 3c9c585ed8..f83d8620b0 100644
--- a/tabs/cli.html
+++ b/tabs/cli.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-cli">
     <p i18n="cliInfo">
     </p>
diff --git a/tabs/dataflash.html b/tabs/dataflash.html
index a3a391a471..70d46b8906 100644
--- a/tabs/dataflash.html
+++ b/tabs/dataflash.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-dataflash">
     <div class="require-dataflash">
         <div class="note" i18n="dataflashNote">
diff --git a/tabs/logging.html b/tabs/logging.html
index b5cf7ef0cc..035ce8fd29 100644
--- a/tabs/logging.html
+++ b/tabs/logging.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-logging">
     <div class="note" i18n="loggingNote">
     </div>
diff --git a/tabs/motors.html b/tabs/motors.html
index 8eed6ef39f..16314209bc 100644
--- a/tabs/motors.html
+++ b/tabs/motors.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-motors">
     <div class="wrapper modelAndAccel">
         <div class="mixerPreview">
diff --git a/tabs/pid_tuning.html b/tabs/pid_tuning.html
index e4a21fb7cb..01e8a4c39a 100644
--- a/tabs/pid_tuning.html
+++ b/tabs/pid_tuning.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-pid_tuning">
     <div class="controller">
         <span class="head" i18n="pidTuningControllerHead"></span>
diff --git a/tabs/ports.html b/tabs/ports.html
index d042f702d2..f28044686e 100644
--- a/tabs/ports.html
+++ b/tabs/ports.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-ports">
     <div class="help">
         <p i18n="portsHelp"></p>
diff --git a/tabs/receiver.html b/tabs/receiver.html
index dd875c73d8..efb1e63acc 100644
--- a/tabs/receiver.html
+++ b/tabs/receiver.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-receiver">
     <div class="bars">
     </div>
diff --git a/tabs/sensors.html b/tabs/sensors.html
index 905a5ca3be..aeb00d6156 100644
--- a/tabs/sensors.html
+++ b/tabs/sensors.html
@@ -1,3 +1,4 @@
+<div id="content-watermark"></div>
 <div class="tab-sensors">
     <div class="info">
         <p i18n="sensorsInfo">