From ddabd32807cf6a693127a31532bb9651060a778f Mon Sep 17 00:00:00 2001
From: Devaev Maxim <mdevaev@gmail.com>
Date: Mon, 16 Jul 2018 23:29:29 +0300
Subject: [PATCH] pretty ui

---
 kvmd/web/css/main.css | 119 ++++++++++++++++++++++++++++++++++++------
 kvmd/web/index.html   |  62 ++++++++++++----------
 kvmd/web/svg/logo.svg | 103 ++++++++++++++++++++++++++++++++++++
 3 files changed, 242 insertions(+), 42 deletions(-)
 create mode 100644 kvmd/web/svg/logo.svg

diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css
index 7090ce5a..0b50df02 100644
--- a/kvmd/web/css/main.css
+++ b/kvmd/web/css/main.css
@@ -1,3 +1,99 @@
+body {
+	margin: 0px;
+}
+img#logo {
+	height: 24px;
+    -webkit-filter: invert(0.7);
+    filter: invert(0.7);
+}
+div.centered {
+    position: absolute;
+	top: 8%;
+    left: 50%;
+    -webkit-transform: translate(-50%);
+	-moz-transform: translate(-50%);
+    transform: translate(-50%);
+}
+
+ul#ctl {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	background-color: #333;
+	position: fixed;
+	top: 0;
+	width: 100%;
+	z-index: 1;
+}
+ul#ctl li a:hover:not(.active) {
+	background-color: #111;
+}
+ul#ctl li.ctl-left {
+	float: left;
+}
+ul#ctl li.ctl-left-sep:last-child {
+	float: left;
+	border-right: 1px solid black;
+}
+ul#ctl li.ctl-right {
+	float: right;
+}
+ul#ctl li.ctl-right-sep:not(last-child) {
+	float: right;
+	border-left: 1px solid black;
+}
+ul#ctl p {
+	color: #aeaeae;
+	margin: 0px;
+	padding: 15px 16px;
+}
+ul#ctl img {
+	margin: 0px;
+	padding: 11px 11px;
+}
+ul#ctl a.ctl-item {
+	display: block;
+	color: #e1e1e1;
+	text-align: center;
+	padding: 15px 16px;
+	text-decoration: none;
+}
+div.ctl-dropdown {
+	position: relative;
+	display: inline-block;
+}
+div.ctl-dropdown-content {
+	display: none;
+	position: absolute;
+	background-color: #e1e1e1;
+	min-width: 160px;
+	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	z-index: 2;
+}
+div.ctl-dropdown:hover .ctl-dropdown-content {
+	display: block;
+}
+div.ctl-dropdown:hover .ctl-item {
+	background-color: #111;
+}
+div.ctl-dropdown-content button {
+	/*color: #111;*/
+	display: block;
+	width: 100%;
+	white-space:nowrap;
+	height: 30px!important;
+	font-size: 16px!important;
+	text-align: left;
+}
+div.ctl-dropdown-content button:enabled:hover {
+	color: white;
+	background-color: #5f5f5f!important;
+}
+
+div.ctl-dropdown-content hr {
+	margin: 0px;
+}
+
 div#stream-box {
 	box-sizing: border-box;
 	display: inline-block;
@@ -30,20 +126,20 @@ img#hid-keyboard-led {
 	height: 24px;
 }
 img.led-on {
-	-webkit-filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg);
-	filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg);
+	-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
+	filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg);
 }
 img.led-off {
-	-webkit-filter: invert(.5);
-	filter: invert(.5);
+	-webkit-filter: invert(0.5);
+	filter: invert(0.5);
 }
 img.led-hdd-busy {
-	-webkit-filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg);
-	filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg);
+	-webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
+	filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg);
 }
 img.led-msd-writing {
-	-webkit-filter: invert(.5) sepia(1) saturate(5) hue-rotate(0deg);
-	filter: invert(.5) sepia(1) saturate(5) hue-rotate(0deg);
+	-webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
+	filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg);
 	-webkit-animation:spin 2s linear infinite;
 	-moz-animation:spin 2s linear infinite;
 	animation:spin 2s linear infinite;
@@ -51,10 +147,3 @@ img.led-msd-writing {
 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
-
-button#stream-reset-button,
-button#atx-power-button,
-button#atx-power-button-long,
-button#atx-reset-button {
-	height: 24px;
-}
diff --git a/kvmd/web/index.html b/kvmd/web/index.html
index 77e3a489..abd232c9 100644
--- a/kvmd/web/index.html
+++ b/kvmd/web/index.html
@@ -18,33 +18,41 @@
 <script>window.onload = main;</script>
 
 <body>
-	<div id="stream-box">
-		<img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." />
-		<hr>
-		<table cellpadding="0" cellspacing="0" style="border: none;">
-			<tr>
-				<td><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></td>
-				<td>&nbsp;</td>
-				<td><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></td>
-				<td>&nbsp;</td>
-				<td><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></td>
-				<td>&nbsp;&nbsp;</td>
-				<td><button id="stream-reset-button" type="button" title="Click here if your video looks like crap" onclick="stream.clickResetButton(this);">Reset stream</button></td>
-			</tr>
-		</table>
-	</div>
+	<ul id="ctl">
+		<li class="ctl-left"><img id="logo" src="svg/logo.svg" alt="&pi;-kvm" /></li>
+		<li class="ctl-right"><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></li>
+		<li class="ctl-right"><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></li>
+		<li class="ctl-right"><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></li>
+		<li class="ctl-right"><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></li>
+		<li class="ctl-right"><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></li>
+		<li class="ctl-right-sep"><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></li>
 
-	<table cellpadding="0" cellspacing="5" style="border: none;">
-		<tr>
-			<td><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></td>
-			<td><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></td>
-			<td>&nbsp;</td>
-			<td><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></td>
-			<td>&nbsp;</td>
-			<td><button id="atx-power-button" type="button" title="Click hardware power button" onclick="atx.clickButton(this);">Power</button></td>
-			<td><button id="atx-power-button-long" type="button" title="Click hardware power button (long press)" onclick="atx.clickButton(this);">Power (long)</button></td>
-			<td><button id="atx-reset-button" type="button" title="Click to force reset" onclick="atx.clickButton(this);">Reset</button></td>
-		</tr>
-	</table>
+		<li class="ctl-right-sep">
+			<div class="ctl-dropdown">
+				<a class="ctl-item" href="#">ATX Buttons&#8628;</a>
+				<div class="ctl-dropdown-content">
+					<button id="atx-power-button" onclick="atx.clickButton(this);" href="#">Click Power</button>
+					<button id="atx-power-button-long" onclick="atx.clickButton(this);" href="#">Click Power (long)</button>
+					<hr>
+					<button id="atx-reset-button" onclick="atx.clickButton(this);"href="#">Click Reset</button>
+				</div>
+			</div>
+		</li>
+
+		<li class="ctl-right-sep">
+			<div class="ctl-dropdown">
+				<a class="ctl-item" href="#">Tools &#8628;</a>
+				<div class="ctl-dropdown-content">
+					<button id="stream-reset-button" onclick="stream.clickResetButton(this);"href="#">Reset stream</button>
+				</div>
+			</div>
+		</li>
+	</ul>
+
+	<div class="centered">
+		<div id="stream-box">
+			<img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." />
+		</div>
+	</div>
 </body>
 </html>
diff --git a/kvmd/web/svg/logo.svg b/kvmd/web/svg/logo.svg
new file mode 100644
index 00000000..548ede08
--- /dev/null
+++ b/kvmd/web/svg/logo.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16.933332mm"
+   height="4.3488798mm"
+   viewBox="0 0 16.933332 4.3488798"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="logo.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="23.887322"
+     inkscape:cy="-8.8986029"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-11.627273,-5.9349994)">
+    <g
+       aria-label="π-kvm"
+       transform="matrix(0.44662735,0,0,0.44662735,-8.0000339,-7.0757243)"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.59240288px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot4747">
+      <path
+         d="m 48.222932,31.977531 q -0.170666,1.066667 -0.298666,1.856 -0.128,0.789334 -0.234667,1.365334 -0.106667,0.576 -0.192,0.981333 -0.08533,0.405334 -0.149333,0.725334 -0.234667,0.981333 -0.597334,1.472 -0.341333,0.490666 -0.96,0.490666 -0.554666,0 -0.874666,-0.277333 -0.298667,-0.277333 -0.277334,-0.874667 0,-0.192 0.128,-0.384 0.128,-0.192 0.298667,-0.298666 0.256,-0.170667 0.512,-0.469334 0.277333,-0.32 0.533333,-0.896 0.277334,-0.576 0.533334,-1.472 0.256,-0.896 0.469333,-2.218667 -1.066667,0 -1.728,0.192 -0.661333,0.170667 -1.024,0.704 -0.106667,0.170667 -0.234667,0.149334 -0.128,-0.02133 -0.170666,-0.298667 -0.02133,-0.149333 0,-0.426667 0.02133,-0.298666 0.149333,-0.618666 0.128,-0.341334 0.362667,-0.661334 0.234666,-0.341333 0.661333,-0.597333 0.362667,-0.213333 0.832,-0.298667 0.490667,-0.08533 1.173333,-0.08533 h 4.629334 q 1.237333,0 1.749333,-0.04267 0.533334,-0.04267 0.704,-0.149333 0.04267,-0.04267 0.106667,-0.02133 0.08533,0.02133 0.08533,0.192 0,0.469333 -0.213333,1.024 -0.213333,0.533333 -0.512,0.746666 -0.170667,0.106667 -0.469333,0.149334 -0.298667,0.04267 -0.981334,0.04267 -0.405333,1.514667 -0.426666,2.965334 -0.04267,1.024 0.234666,1.536 0.277334,0.512 0.725334,0.512 0.234666,0 0.533333,-0.128 0.298667,-0.149333 0.661333,-0.576 0.106667,-0.128 0.213334,-0.149333 0.128,-0.04267 0.213333,0 0.08533,0.04267 0.106667,0.170666 0.04267,0.106667 -0.02133,0.32 -0.426666,1.173334 -1.216,1.706667 -0.768,0.533333 -1.728,0.533333 -0.618666,0 -1.002667,-0.234666 -0.362666,-0.234667 -0.576,-0.554667 -0.192,-0.341333 -0.256,-0.725333 -0.064,-0.384 -0.064,-0.704 0,-1.152001 0.405334,-2.346667 0.426666,-1.194667 0.896,-2.325334 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:21.33333397px;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';stroke-width:0.59240288px"
+         id="path4769"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 57.912266,35.979532 q 0.14,0.16 0.14,0.42 0,0.1 -0.04,0.21 -0.03,0.1 -0.09,0.18 l -2.4,0.22 q -0.06,-0.06 -0.11,-0.16 -0.04,-0.1 -0.04,-0.24 0,-0.14 0.04,-0.23 0.05,-0.1 0.11,-0.18 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';stroke-width:0.59240288px"
+         id="path4771"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 60.365234,38.027539 -1.171875,0.839844 q 0.01953,-1.269531 0.03906,-2.280273 0.01953,-1.010742 0.0293,-1.796875 0.01465,-0.791016 0.02441,-1.372071 0.0098,-0.581054 0.01465,-0.996093 0.01465,-0.97168 0.01465,-1.362305 0.01465,-0.595703 -0.170899,-0.927734 Q 58.963867,29.8 58.583008,29.8 q -0.122071,0 -0.253906,0.03418 -0.136719,0.0293 -0.283204,0.107422 0.19043,-0.136719 0.400391,-0.27832 0.209961,-0.146485 0.424805,-0.263672 0.219726,-0.117188 0.439453,-0.19043 0.224609,-0.07813 0.444336,-0.07813 0.195312,0 0.332031,0.07324 0.136719,0.07324 0.224609,0.195313 0.09277,0.117187 0.141602,0.273437 0.04883,0.151367 0.06836,0.317383 0.02441,0.166016 0.0293,0.332031 0.0049,0.166016 0.0049,0.307617 l -0.112305,4.179688 q 0.263672,-0.297852 0.595703,-0.551758 0.336915,-0.258789 0.698243,-0.439453 0.361328,-0.180664 0.722656,-0.268555 0.366211,-0.08789 0.683594,-0.04883 0.190429,0.02441 0.356445,0.112305 0.166016,0.08301 0.288086,0.224609 0.12207,0.136719 0.19043,0.322266 0.07324,0.180664 0.07324,0.390625 0,0.34668 -0.161133,0.620117 -0.161133,0.273438 -0.415039,0.478516 -0.249024,0.205078 -0.556641,0.341797 -0.302734,0.131836 -0.585937,0.200195 0.131836,0.141601 0.307617,0.332031 0.180664,0.19043 0.385742,0.395508 0.205078,0.200195 0.429688,0.400391 0.224609,0.195312 0.449218,0.351562 0.229493,0.15625 0.449219,0.253906 0.219727,0.09277 0.419922,0.09277 0.390625,0 0.791016,-0.249024 -0.351563,0.249024 -0.620118,0.449219 -0.263671,0.195313 -0.498046,0.327149 -0.229493,0.131835 -0.458985,0.195312 -0.229492,0.06348 -0.512695,0.03906 -0.288086,-0.01953 -0.561524,-0.19043 -0.268554,-0.166016 -0.517578,-0.395508 -0.249023,-0.229492 -0.478515,-0.488281 -0.229492,-0.258789 -0.434571,-0.463867 -0.08789,-0.102539 -0.195312,-0.19043 -0.09277,-0.07324 -0.224609,-0.146484 -0.126954,-0.07324 -0.288086,-0.10254 0.170898,-0.141601 0.341796,-0.249023 0.175782,-0.112305 0.317383,-0.195312 0.166016,-0.09277 0.327149,-0.166016 0.166015,-0.07324 0.346679,-0.170899 0.185547,-0.09766 0.336914,-0.224609 0.15625,-0.131836 0.253907,-0.297851 0.102539,-0.170899 0.102539,-0.390625 0,-0.180665 -0.06348,-0.351563 -0.05859,-0.175781 -0.170898,-0.307617 -0.112305,-0.136719 -0.268555,-0.214844 -0.151367,-0.08301 -0.336914,-0.08301 -0.185547,0 -0.356445,0.05859 -0.170899,0.05859 -0.283203,0.12207 -0.09766,0.05371 -0.253907,0.307618 -0.151367,0.253906 -0.302734,0.71289 -0.151367,0.458985 -0.268555,1.12793 -0.112304,0.668945 -0.131836,1.547851 z m 5.200196,-0.258789 0.04883,-0.03906 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Eagle Lake';-inkscape-font-specification:'Eagle Lake Bold';stroke-width:0.59240288px"
+         id="path4773"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 68.514648,37.827344 -1.079101,0.97168 q -0.112305,-0.458985 -0.258789,-0.9375 -0.146485,-0.483399 -0.288086,-0.883789 -0.161133,-0.463867 -0.332031,-0.908203 -0.141602,-0.454102 -0.297852,-0.786133 -0.151367,-0.332031 -0.327148,-0.546875 -0.170899,-0.214844 -0.366211,-0.317383 -0.195313,-0.107422 -0.419922,-0.107422 -0.253906,0 -0.53711,0.117188 0.151368,-0.122071 0.366211,-0.297852 0.214844,-0.180664 0.449219,-0.341797 0.234375,-0.166015 0.46875,-0.283203 0.239258,-0.117187 0.43457,-0.117187 0.136719,0 0.268555,0.06836 0.131836,0.06348 0.249024,0.209961 0.08789,0.117187 0.214843,0.332031 0.131836,0.209961 0.278321,0.483399 0.146484,0.273437 0.297851,0.595703 0.15625,0.317382 0.292969,0.659179 0.141601,0.336914 0.253906,0.683594 0.117188,0.341797 0.185547,0.65918 0.170898,-0.214844 0.3125,-0.410156 0.146484,-0.200196 0.253906,-0.356446 0.126953,-0.180664 0.22461,-0.341797 0.249023,-0.415039 0.385742,-0.756836 0.141601,-0.341796 0.141601,-0.615234 0,-0.136719 -0.03906,-0.253906 -0.03906,-0.117188 -0.131836,-0.205078 l 1.162109,-0.771485 q 0.08789,0.09277 0.122071,0.205078 0.03906,0.112305 0.03906,0.234375 0,0.249024 -0.102539,0.522461 -0.102539,0.268555 -0.273437,0.551758 -0.166016,0.283203 -0.38086,0.571289 -0.209961,0.288086 -0.43457,0.566406 -0.219727,0.278321 -0.429688,0.541993 -0.209961,0.263672 -0.371093,0.498047 -0.161133,0.229492 -0.253907,0.424804 -0.09277,0.195313 -0.07813,0.341797 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Eagle Lake';-inkscape-font-specification:'Eagle Lake Bold';stroke-width:0.59240288px"
+         id="path4775"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 77.098633,35.107618 q -0.01465,0.288085 -0.03906,0.708007 -0.02441,0.361328 -0.05859,0.908203 -0.0293,0.541993 -0.08301,1.28418 l -1.25,0.830078 q 0.05371,-0.322265 0.08789,-0.683593 0.03906,-0.366211 0.06348,-0.737305 0.02441,-0.371094 0.03418,-0.732422 0.01465,-0.366211 0.01465,-0.683594 0,-0.302734 -0.0293,-0.600586 -0.02441,-0.297851 -0.131836,-0.532226 -0.102539,-0.234375 -0.3125,-0.38086 -0.205078,-0.146484 -0.566406,-0.146484 -0.322266,0 -0.551758,0.180664 -0.224609,0.180664 -0.385742,0.610352 -0.161133,0.429687 -0.268555,1.137695 -0.102539,0.703125 -0.175781,1.757812 l -1.166992,0.839844 q 0.04394,-0.942383 0.06836,-1.606445 0.02441,-0.664063 0.03418,-1.09375 0.01465,-0.50293 0.01465,-0.830078 0.02441,-0.590821 -0.161132,-0.922852 -0.185547,-0.336914 -0.566407,-0.336914 -0.12207,0 -0.258789,0.03906 -0.131836,0.03418 -0.283203,0.102539 0.19043,-0.136719 0.400391,-0.278321 0.209961,-0.146484 0.429687,-0.263672 0.219727,-0.117187 0.439453,-0.190429 0.22461,-0.07813 0.439453,-0.07813 0.205079,0 0.371094,0.08301 0.170899,0.08301 0.258789,0.27832 0.07813,0.170898 0.112305,0.395508 0.03906,0.219726 0.04883,0.483398 0.209961,-0.249023 0.473633,-0.478515 0.268555,-0.234375 0.551758,-0.405274 0.288086,-0.175781 0.576172,-0.268555 0.288086,-0.09766 0.537109,-0.06836 0.175781,0.02441 0.366211,0.08789 0.195312,0.06348 0.366211,0.185547 0.175781,0.12207 0.317383,0.3125 0.141601,0.185546 0.214843,0.463867 0.209961,-0.22461 0.463868,-0.424805 0.253906,-0.205078 0.517578,-0.351562 0.263672,-0.146485 0.522461,-0.219727 0.258789,-0.07813 0.483398,-0.05371 0.219727,0.0293 0.454102,0.12207 0.239257,0.08789 0.43457,0.283203 0.195312,0.19043 0.317383,0.50293 0.126953,0.307617 0.112304,0.771485 -0.01465,0.551757 -0.05371,1.015625 -0.03418,0.463867 -0.03418,0.815429 0,0.209961 0.03418,0.395508 0.03906,0.185547 0.126953,0.322266 0.08789,0.136718 0.234375,0.214843 0.146484,0.07813 0.366211,0.07813 0.195312,0 0.410156,-0.07324 0.219726,-0.07813 0.439453,-0.234375 -0.361328,0.317383 -0.65918,0.532227 -0.292968,0.214844 -0.546875,0.346679 -0.253906,0.131836 -0.473633,0.185547 -0.214843,0.05859 -0.419921,0.05371 -0.205079,-0.0049 -0.351563,-0.08301 -0.146484,-0.07324 -0.234375,-0.229492 -0.08789,-0.161133 -0.12207,-0.410156 -0.03418,-0.253906 -0.02441,-0.620117 0.01465,-0.322266 0.03418,-0.708008 0.02441,-0.390625 0.02441,-0.771484 0,-0.3125 -0.0293,-0.600586 -0.02441,-0.292969 -0.126954,-0.512696 -0.102539,-0.219726 -0.302734,-0.351562 -0.200195,-0.131836 -0.546875,-0.131836 -0.19043,0 -0.341797,0.05371 -0.151367,0.05371 -0.273437,0.15625 -0.117188,0.09766 -0.209961,0.234375 -0.08789,0.131836 -0.15625,0.292969 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Eagle Lake';-inkscape-font-specification:'Eagle Lake Bold';stroke-width:0.59240288px"
+         id="path4777"
+         inkscape:connector-curvature="0" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.64583325px;line-height:125%;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="17.094305"
+       y="9.1093149"
+       id="text4782"><tspan
+         sodipodi:role="line"
+         id="tspan4780"
+         x="17.094305"
+         y="9.1093149"
+         style="stroke-width:0.26458332px">      </tspan></text>
+  </g>
+</svg>