From 9dab401e3982b4ef0c9fb85ed5df1efe0213752e Mon Sep 17 00:00:00 2001
From: Nils Schneider <nils.schneider@gmail.com>
Date: Tue, 4 Sep 2012 01:36:03 +0200
Subject: [PATCH] link quality legend

---
 html/force-big.css   |  5 +++++
 html/force-light.css |  5 +++++
 html/nodes.html      | 13 +++++++++++++
 3 files changed, 23 insertions(+)

diff --git a/html/force-big.css b/html/force-big.css
index ad4d0d8..c3647a5 100644
--- a/html/force-big.css
+++ b/html/force-big.css
@@ -56,3 +56,8 @@
 #sidebar {
   color: #ddd;
 }
+
+#sidebar text {
+  fill: #ddd;
+  font-size: 0.8em;
+}
diff --git a/html/force-light.css b/html/force-light.css
index af03287..104ce07 100644
--- a/html/force-light.css
+++ b/html/force-light.css
@@ -63,3 +63,8 @@
 #sidebar {
   color: #777;
 }
+
+#sidebar text {
+  fill: #777;
+  font-size: 0.8em;
+}
diff --git a/html/nodes.html b/html/nodes.html
index 7129d27..983765c 100644
--- a/html/nodes.html
+++ b/html/nodes.html
@@ -55,6 +55,19 @@
               </svg>
               <label>VPN-Link</label>
             </li>
+            <li><svg width=140 height=25 class="link vpn">
+              <defs>
+                <linearGradient id="linkgrad" x1="0%" y1="0%" x2="100%" y2="0%">
+                  <stop offset="0%" stop-color="#0a3" />
+                  <stop offset="50%" stop-color="orange" />
+                  <stop offset="100%" stop-color="red" />
+                </linearGradient>
+              </defs>
+                <rect x="18" y="12" width="88" height="6" fill="url(#linkgrad)"/>
+                <text text-anchor="middle" y=8 x=18>gut</text>
+                <text text-anchor="middle" y=8 x=106>schlecht</text>
+              </svg>
+            </li>
             <li><svg width=30 height=20 class="node uplinks">
                 <g transform="translate(12,28)">
                   <line x1="2" y1="10" x2="28" y2="10" stroke="#000"/>