From a676e203c7bcc2afc448e039f94533e11aeef6b5 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Tue, 11 May 2021 23:36:30 +0200
Subject: [PATCH] first svg for openwebrx-panel-log

---
 htdocs/css/openwebrx-header.css        |   4 +-
 htdocs/gfx/svg-defs.svg                |   5 +
 htdocs/include/header.include.html     |   2 +-
 inkscape files/openwebrx-panel-log.svg | 138 +++++++++++++++++++++++++
 4 files changed, 147 insertions(+), 2 deletions(-)
 create mode 100644 htdocs/gfx/svg-defs.svg
 create mode 100644 inkscape files/openwebrx-panel-log.svg

diff --git a/htdocs/css/openwebrx-header.css b/htdocs/css/openwebrx-header.css
index 35cd0e7..4825883 100644
--- a/htdocs/css/openwebrx-header.css
+++ b/htdocs/css/openwebrx-header.css
@@ -123,8 +123,10 @@
     display: none;
 }
 
-.openwebrx-main-buttons .button img {
+.openwebrx-main-buttons .button img,
+.openwebrx-main-buttons .button svg {
     height: 38px;
+    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
 }
 
 .openwebrx-main-buttons a {
diff --git a/htdocs/gfx/svg-defs.svg b/htdocs/gfx/svg-defs.svg
new file mode 100644
index 0000000..678e057
--- /dev/null
+++ b/htdocs/gfx/svg-defs.svg
@@ -0,0 +1,5 @@
+<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <g id="openwebrx-panel-log" stroke="#fff"><g fill="none" stroke-linecap="round" stroke-width="3.5"><path d="M21 57h39M21 48.5h39M21 40h34M21 31.5h39M21 23h39"/></g><g fill="#fff" stroke-linejoin="round" stroke-width="2.1"><path d="M13.5 63.5c0 2.5 2.5 5 5 5h45c2.5 0 5-2.5 5-5v-46c0-2.5-2.5-5-5-5H25l-11.5 16z" fill-opacity=".35" style="mix-blend-mode:normal"/><path d="M25 12.5s-1.323 7.847 4 15c-9.294-1.268-15.5 1-15.5 1"/></g></g>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/htdocs/include/header.include.html b/htdocs/include/header.include.html
index 426d196..d155f95 100644
--- a/htdocs/include/header.include.html
+++ b/htdocs/include/header.include.html
@@ -8,7 +8,7 @@
         </div>
         <section class="openwebrx-main-buttons">
             <div class="button" data-toggle-panel="openwebrx-panel-status"><span class="sprite sprite-panel-status"></span><br/>Status</div>
-            <div class="button" data-toggle-panel="openwebrx-panel-log"><span class="sprite sprite-panel-log"></span><br/>Log</div>
+            <div class="button" data-toggle-panel="openwebrx-panel-log"><svg viewBox="0 0 80 80"><use xlink:href="${document_root}static/gfx/svg-defs.svg#openwebrx-panel-log"></use></svg><br/>Log</div>
             <div class="button" data-toggle-panel="openwebrx-panel-receiver"><span class="sprite sprite-panel-receiver"></span><br/>Receiver</div>
             <a class="button" href="${document_root}map" target="openwebrx-map"><span class="sprite sprite-panel-map"></span><br/>Map</a>
             <a class="button" href="${document_root}settings" target="openwebrx-settings"><span class="sprite sprite-panel-settings"></span><br/>Settings</a>
diff --git a/inkscape files/openwebrx-panel-log.svg b/inkscape files/openwebrx-panel-log.svg
new file mode 100644
index 0000000..b97a394
--- /dev/null
+++ b/inkscape files/openwebrx-panel-log.svg	
@@ -0,0 +1,138 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="openwebrx-panel-log.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   inkscape:export-filename="/home/jakob/workspace/openwebrx/htdocs/gfx/inkscape files/openwebrx-panel-log.png"
+   inkscape:export-xdpi="384"
+   inkscape:export-ydpi="384">
+  <sodipodi:namedview
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1381"
+     id="namedview15"
+     showgrid="true"
+     showguides="false"
+     inkscape:lockguides="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:zoom="15.572868"
+     inkscape:cx="22.674387"
+     inkscape:cy="37.599262"
+     inkscape:window-x="0"
+     inkscape:window-y="348"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2153"
+     viewbox-width="80"
+     scale-x="1"
+     inkscape:document-rotation="0" />
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2Lstart"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Lstart"
+       inkscape:isstock="true">
+      <path
+         transform="matrix(1.1,0,0,1.1,1.1,0)"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
+         id="path871" />
+    </marker>
+  </defs>
+  <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="original image"
+     style="display:none">
+    <image
+       width="80"
+       height="80"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAemwAAHpsBLijKHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARGSURB VFiF7ZjPayRFFMe/r6q6Z5KeMAmbyy7mIMQokbCCe0j24HoSIfEggSX/huAxh5yC4smbkEMCOSSX RY2YVcQgeFAxgihETTCXCMEow04ck+nu+uFhuiY1nXTSPZOAgl8ouofp6vrMq1dv3ntkjEEeERHl erCgTAaAuGqiA5S+9syUvL/1IQV4KVgCZQdz7tuPdAPj3BsAGoAhog64TDAHigHgybgIrhu5UMpe XbgLwVJQwhn8msDgQCkAsQW1cFkWS0P5AMTOzs7rIyMjryXP5Ds159/bBjs+Pv5uaWlpdWFh4Qhn Vmz5XvpQJNay2+cD8AD4Gxsbd2dmZt4/PT39VilVI6LCYMYYcq/lcnmMcz44OTl5d3t7+wRABOtz LpizhdwCAfBnZ2er6+vrnzPG+uv1+qNarfYNYwxF4YwxpJQiKSWL45gBYOPj4wv7+/tvjI2NbQAI 0dras628wNlFAseXl5ffZoz1M8ZulUql/iAIpBBCJ/PyQkFrTUopajabAgDiOIaU8rcgCO7gzHep AyzROajd3d2HlUrlFSIKAMDzvGoQBJIxZopaTCnFpJRkAZVSdmuB1KESGdbyAIjV1dVnRkdH3yKi kp3ged6053n30fKFoiJjDPr6+j44PDz8KrH2lZGfwTmJU1NT5bm5uWWcxS73uScAfi9KZYyBMYaM MU+IyDDGMi0uUtHdBlK+ubm5yDl/ioj8C+b1A3gXBUOGUoqiKGInJyfWVTLlWqy9lSsrK09Xq9WH URR9L4QIGGO3AIRE9CdaltpN5sZFwIrIgrlWo6GhoQqA8ODg4L1KpRIPDw8/4Jy/mIDfTsaDwosJ Ac45EdFWo9H4IQ9YGg4AwDk3QghNRGUiGiwKkiX3MOUBu+gFhogQhuFHvu9/KITo5m+oLSllbh9j vSx0k7oyUQQA3/fvc86n0N0fd1uMsc8A/HhtYEQ0QER3eoFKFOR9MBdYGIaf+r7/uFcf01rbkHSl /vM+NimEeLnnxbqMY5epDODfE8esoij6AsDW/3EM+X3sHuf8Xq+Lcc5RLpcJwNeNRuPnrsFsjg7g NhG90CsYEdnxqzHmlyR85ALr8CGb/tbr9ce+73/MOe8ma3Xfx6IoYs1mkyulhJNSXwpmoYz9JVJK FoYhtzk6Y6wnn9RaUxzHLIoiLqVkdh0nxT7XInBLdn10dPQXWqVbOQzDUykli6KocPGRVrp8M8YQ 53xQKXWCdMGLzrTaA1AC4DebzU+01n/XarUvAcjL8vMi0lpTkvejWq0+PzAw8Ori4uJz8/PzfyBd 8DrVt20HeGtra89OT0+/GQTBS7iZsGLiOP5pb2/vnYmJiS200nQJQBtLnqrAbV153U2UDqhkqATG Do1Wq6xV8BpjTOKACp3+dl1tp8vA3FaUsW2orN5FVqPuJuC0vXcbd1ndHjhANwnWvqZbnefA2l/c UDM4razm8D+PkQnkpFfGiQAAAABJRU5ErkJggg== "
+       id="image86"
+       x="0"
+       y="0"
+       style="display:inline;stroke:#ffffff;stroke-width:0.529167;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+  <g
+     id="g2149">
+    <g
+       id="g2160"
+       style="stroke-width:3.5;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 21,57 H 60"
+         id="path1136"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 21,48.5 H 60"
+         id="path1136-3"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 21,40 H 55"
+         id="path1136-6"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 21,31.5 H 60"
+         id="path1136-7"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 21,23 H 60"
+         id="path1136-5"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <g
+       id="g2153"
+       style="stroke-width:2.1;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         style="display:inline;mix-blend-mode:normal;fill:#ffffff;fill-opacity:0.35;stroke:#ffffff;stroke-width:2.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 13.5,63.5 c 0,2.5 2.5,5 5,5 h 45 c 2.5,0 5,-2.5 5,-5 v -46 c 0,-2.5 -2.5,-5 -5,-5 H 25 l -11.5,16 z"
+         id="path1123"
+         sodipodi:nodetypes="ssssssccs"
+         inkscape:label="path1123" />
+      <path
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 25,12.5 c 0,0 -1.323049,7.84716 4,15 -9.294147,-1.268245 -15.5,1 -15.5,1"
+         id="path1188"
+         sodipodi:nodetypes="ccc" />
+    </g>
+  </g>
+</svg>