replace map icon with svg

2021-05-13 18:38:02 +02:00 · 2021-05-13 18:38:02 +02:00 · e709ca0e77
parent 6bd3fdf6f4
commit e709ca0e77
3 changed files with 175 additions and 1 deletions
--- a/htdocs/gfx/svg-defs.svg
+++ b/htdocs/gfx/svg-defs.svg
@ -3,5 +3,6 @@
        <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>
        <g id="openwebrx-panel-status" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2.1"><g fill-opacity=".35"><path d="M9.683 26.483c-3.13 0-5.666-2.455-5.666-5.483 0-3.029 2.536-5.484 5.666-5.484h48.634c3.13 0 5.666 2.455 5.666 5.484 0 3.028-2.537 5.483-5.666 5.483zM19.113 44.913c-3.13 0-5.666-2.455-5.666-5.483s2.537-5.484 5.666-5.484h48.634c3.13 0 5.666 2.455 5.666 5.484s-2.537 5.483-5.666 5.483zM9.683 63.483c-3.13 0-5.666-2.455-5.666-5.483s2.536-5.484 5.666-5.484h48.634c3.13 0 5.666 2.455 5.666 5.484s-2.537 5.483-5.666 5.483z"/></g><path d="M10.06 26.456c-3.322 0-6.016-2.443-6.016-5.456 0-3.013 2.694-5.456 6.016-5.456h5.932c3.322 0 6.016 2.443 6.016 5.456 0 3.013-2.694 5.456-6.016 5.456zM19.48 44.886c-3.317 0-6.007-2.443-6.007-5.456 0-3.013 2.69-5.456 6.007-5.456h32.516c3.317 0 6.007 2.443 6.007 5.456 0 3.014-2.69 5.456-6.007 5.456zM10.052 63.456c-3.318 0-6.008-2.443-6.008-5.456 0-3.013 2.69-5.456 6.008-5.456h24.944c3.318 0 6.008 2.443 6.008 5.456 0 3.013-2.69 5.456-6.008 5.456z"/></g>
        <g id="openwebrx-panel-receiver" stroke="#fff" stroke-width="2.1"><path d="M66 29.05 12 10" fill="none" stroke-linecap="round" stroke-linejoin="round"/><rect x="6.8" y="29.05" width="67.5" height="38.5" rx="5" ry="5" fill="#fff" fill-opacity=".35"/><g fill="#fff" stroke-linecap="round" stroke-linejoin="round" fill-opacity=".35"><rect x="12.3" y="34.05" width="28.5" height="9.5" rx="2" ry="2"/><circle cx="56.55" cy="48.55" r="13.5"/><g transform="translate(0 -.5)"><circle cx="17.05" cy="50.55" r="3"/><circle cx="26.3" cy="50.55" r="3"/><circle cx="35.55" cy="50.55" r="3"/><circle cx="17.05" cy="57.05" r="3"/><circle cx="26.3" cy="57.05" r="3"/><circle cx="35.55" cy="57.05" r="3"/></g></g></g>
+        <g id="openwebrx-panel-map" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1"><g stroke-opacity=".989"><path d="m30 11-19 8v50l19-5 19 5 20-5V11l-10.844 4.879a11.93 11.93 0 0 1 2.394 7.172c0 2.111-.55 4.09-1.507 5.814h.004L49 47 38.279 29.256h.013a11.922 11.922 0 0 1-1.742-6.205c0-2.905 1.034-5.568 2.752-7.644z" fill="#fff" fill-opacity=".35"/><g fill="none"><path d="M30 11v53M49 47v22M11 59l19-25 19 18 20-6"/></g></g><circle cx="48.55" cy="23.05" r="6.5" fill="none" stroke-opacity=".989"/><path d="M48.551 11.051c-6.627 0-12 5.373-12 12 0 2.274.643 4.393 1.742 6.205h-.013L49 47l10.048-18.135h-.004a11.935 11.935 0 0 0 1.507-5.814c0-6.628-5.372-12-12-12z" fill="#fff" fill-opacity=".2"/></g>
    </defs>
 </svg>
--- a/htdocs/include/header.include.html
+++ b/htdocs/include/header.include.html
@ -10,7 +10,7 @@
            <div class="button" data-toggle-panel="openwebrx-panel-status"><svg viewBox="0 0 80 80"><use xlink:href="${document_root}static/gfx/svg-defs.svg#openwebrx-panel-status"></use></svg><br/>Status</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"><svg viewBox="0 0 80 80"><use xlink:href="${document_root}static/gfx/svg-defs.svg#openwebrx-panel-receiver"></use></svg><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}map" target="openwebrx-map"><svg viewBox="0 0 80 80"><use xlink:href="${document_root}static/gfx/svg-defs.svg#openwebrx-panel-map"></use></svg><br/>Map</a>
            <a class="button" href="${document_root}settings" target="openwebrx-settings"><span class="sprite sprite-panel-settings"></span><br/>Settings</a>
        </section>
    </div>
--- a/files/openwebrx-panel-map.svg
+++ b/files/openwebrx-panel-map.svg
@ -0,0 +1,173 @@
+<?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="svg3105"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)"
+   sodipodi:docname="openwebrx-panel-map.svg">
+  <defs
+     id="defs3099" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.313708"
+     inkscape:cx="40"
+     inkscape:cy="39.911612"
+     inkscape:document-units="px"
+     inkscape:current-layer="g3837"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     scale-x="1"
+     inkscape:pagecheckerboard="true"
+     inkscape:object-paths="false"
+     inkscape:snap-intersection-paths="false"
+     inkscape:snap-smooth-nodes="false"
+     inkscape:snap-midpoints="false"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-tangential="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1381"
+     inkscape:window-x="0"
+     inkscape:window-y="348"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3102">
+    <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:groupmode="layer"
+     id="layer3"
+     inkscape:label="original image"
+     style="display:none">
+    <image
+       width="80"
+       height="80"
+       preserveAspectRatio="none"
+       xlink:href="data:image/png;base64,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
+TkSuQmCC
+"
+       id="image3825"
+       x="0"
+       y="0"
+       style="display:inline" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g3837"
+       style="display:inline;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286">
+      <path
+         id="path3829"
+         style="display:inline;fill:#ffffff;fill-opacity:0.35;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286"
+         d="m 30,11 -19,8 v 50 l 19,-5 19,5 20,-5 V 11 l -10.84375,4.878906 c 1.497572,2.00222 2.394531,4.479206 2.394531,7.171875 0,2.111185 -0.550543,4.091049 -1.507812,5.814453 h 0.0039 L 49,47 38.279297,29.255859 h 0.01367 c -1.099062,-1.812401 -1.742188,-3.930676 -1.742188,-6.205078 0,-2.905449 1.033756,-5.568373 2.751953,-7.644531 z"
+         sodipodi:nodetypes="ccccccccscccccscc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286"
+         d="M 30,11 V 64"
+         id="path3833" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286"
+         d="M 49,47 V 69"
+         id="path3839"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286"
+         d="M 11,59 30,34 49,52 69,46"
+         id="path3842"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <g
+       id="g3870"
+       style="display:inline">
+      <circle
+         style="display:inline;fill:none;fill-opacity:0.35;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.989286"
+         id="path3845"
+         cx="48.549999"
+         cy="23.049999"
+         inkscape:label="path3845"
+         r="6.5" />
+      <path
+         id="path3851"
+         style="display:inline;fill:#ffffff;fill-opacity:0.2;stroke:#ffffff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 48.550781,11.050781 c -6.627417,0 -12,5.372583 -12,12 0,2.274402 0.643126,4.392677 1.742188,6.205078 h -0.01367 L 49,47 59.046875,28.865234 h -0.0039 c 0.957269,-1.723404 1.507812,-3.703268 1.507812,-5.814453 0,-6.627417 -5.372583,-12 -12,-12 z" />
+    </g>
+  </g>
+</svg>