Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Add more weather icons (cloudy, partly-cloudy, and none), recolor/improve weather icons, round lat/lng to two decimal places before sending to server

Browse Source
This commit is contained in:
Skylar Ittner 2019-11-22 20:38:04 -07:00
parent f6f811d404
commit 0cac63bf8d
10 changed files with 371 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
www/assets/images/weather-clear.svg
View File

@ -26,7 +26,7 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="-222.82058"
inkscape:cx="-432.10629"
inkscape:cy="388.57143"
inkscape:document-units="px"
inkscape:current-layer="layer1"
@ -57,19 +57,20 @@
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866667,216.0375)">
transform="matrix(0.15119047,0,0,0.15119047,33.866667,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#9e9e9e;fill-opacity:1" />
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#9e9e9e;fill-opacity:1" />
style="fill:#8d6e63;fill-opacity:1" />
</g>
<path
id="path941"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

106
www/assets/images/weather-cloudy.svg Normal file
View File

@ -0,0 +1,106 @@
<?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="512"
height="512"
viewBox="0 0 135.46666 135.46667"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="weather-cloudy.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="-105.23468"
inkscape:cy="388.57143"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="0"
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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-161.53332)">
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866667,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#8d6e63;fill-opacity:1" />
</g>
<g
id="g958"
class="fa-group"
transform="matrix(0.08017229,0,0,0.08017229,23.06073,169.74533)"
style="fill:#90a4ae">
<path
id="path954"
d="M 161.6,288 H 96 A 96,96 0 0 1 96,96 c 0.6,0 1.1,0.2 1.6,0.2 C 105.3,41.9 151.6,0 208,0 A 111.61,111.61 0 0 1 312.5,72.7 95.07,95.07 0 0 1 352,64 a 96,96 0 0 1 96,96 93,93 0 0 1 -7,34.7 110.5,110.5 0 0 0 -31.6,11.8 A 142.54,142.54 0 0 0 304,160 c -73.9,0 -134.3,56.2 -142.4,128 z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#90a4ae" />
<path
id="path956"
d="m 640,416 a 96,96 0 0 1 -96,96 H 224 a 96,96 0 0 1 -96,-96 c 0,-42.5 27.8,-78.2 66.1,-90.8 A 113.72,113.72 0 0 1 192,304 111.94,111.94 0 0 1 304,192 c 43.2,0 80.4,24.9 99,60.8 14.7,-17.5 36.4,-28.8 61,-28.8 a 80,80 0 0 1 80,80 78.09,78.09 0 0 1 -1.6,16.2 c 0.5,0 1,-0.2 1.6,-0.2 a 96,96 0 0 1 96,96 z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#90a4ae" />
</g>
<g
id="g958-9"
class="fa-group"
transform="matrix(-0.05876348,0,0,0.05876348,119.92766,166.32417)"
style="fill:#90a4ae">
<path
id="path956-1"
d="m 640,416 a 96,96 0 0 1 -96,96 H 224 a 96,96 0 0 1 -96,-96 c 0,-42.5 27.8,-78.2 66.1,-90.8 A 113.72,113.72 0 0 1 192,304 111.94,111.94 0 0 1 304,192 c 43.2,0 80.4,24.9 99,60.8 14.7,-17.5 36.4,-28.8 61,-28.8 a 80,80 0 0 1 80,80 78.09,78.09 0 0 1 -1.6,16.2 c 0.5,0 1,-0.2 1.6,-0.2 a 96,96 0 0 1 96,96 z"
class="fa-primary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#90a4ae" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

76
www/assets/images/weather-none.svg Normal file
View File

@ -0,0 +1,76 @@
<?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="512"
height="512"
viewBox="0 0 135.46666 135.46667"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="weather-none.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="-625.67772"
inkscape:cy="388.57143"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="0"
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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-161.53332)">
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866667,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#8d6e63;fill-opacity:1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

106
www/assets/images/weather-partly-cloudy.svg Normal file
View File

@ -0,0 +1,106 @@
<?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="512"
height="512"
viewBox="0 0 135.46666 135.46667"
version="1.1"
id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="weather-partly-cloudy.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="80.126628"
inkscape:cy="274.28572"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1015"
inkscape:window-x="0"
inkscape:window-y="0"
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(0,-161.53332)">
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866667,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#8d6e63;fill-opacity:1" />
</g>
<g
id="g875"
class="fa-group"
transform="matrix(0.08121122,0,0,0.08121122,21.865082,168.50975)"
style="opacity:1">
<path
id="path871"
d="M 366.8,61.89 279,91.18 237.5,8.4 a 15.13,15.13 0 0 0 -27.1,0 L 169,91.18 81.1,61.89 A 15.23,15.23 0 0 0 61.9,81.08 l 29.3,87.79 -82.8,41.49 a 15.12,15.12 0 0 0 0,27.09 l 82.8,41.4 -29.3,87.78 a 15.16,15.16 0 0 0 19.2,19.19 l 76.1,-25.29 a 129,129 0 0 1 23.6,-33.53 110.27,110.27 0 0 1 -36,-24 112,112 0 1 1 180.7,-125.53 143.5,143.5 0 0 1 30.7,-7.5 L 386,81.08 A 15.16,15.16 0 0 0 366.8,61.89 Z M 224,140 a 83.85,83.85 0 0 0 -16.1,166.17 128.29,128.29 0 0 1 25.2,-11.7 144.12,144.12 0 0 1 67.4,-105 A 84.15,84.15 0 0 0 224,140 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:1;fill:#ff9800;fill-opacity:1" />
<path
id="path873-3"
d="m 575.2,325.64 c 37.6,13 64.8,48.29 64.8,90.38 a 96,96 0 0 1 -96,96 H 272 a 96,96 0 0 1 -96,-96 c 0,-50.59 39.3,-91.58 88.9,-95.28 -0.2,-2.9 -0.9,-5.7 -0.9,-8.7 a 112,112 0 0 1 112,-112 c 45.4,0 84.3,27.2 101.9,66 A 63.81,63.81 0 0 1 576,320 a 53.91,53.91 0 0 1 -0.8,5.6 z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#90a4ae" />
</g>
<g
id="g958"
class="fa-group"
transform="matrix(-0.05876348,0,0,0.05876348,121.12338,164.9729)"
style="fill:#90a4ae">
<path
id="path956"
d="m 640,416 a 96,96 0 0 1 -96,96 H 224 a 96,96 0 0 1 -96,-96 c 0,-42.5 27.8,-78.2 66.1,-90.8 A 113.72,113.72 0 0 1 192,304 111.94,111.94 0 0 1 304,192 c 43.2,0 80.4,24.9 99,60.8 14.7,-17.5 36.4,-28.8 61,-28.8 a 80,80 0 0 1 80,80 78.09,78.09 0 0 1 -1.6,16.2 c 0.5,0 1,-0.2 1.6,-0.2 a 96,96 0 0 1 96,96 z"
class="fa-primary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#90a4ae" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

9
www/assets/images/weather-rain.svg
View File

@ -26,7 +26,7 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="-597.85715"
inkscape:cx="-807.14286"
inkscape:cy="388.57143"
inkscape:document-units="px"
inkscape:current-layer="layer1"
@ -57,19 +57,20 @@
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866668,216.0375)">
transform="matrix(0.15119047,0,0,0.15119047,33.866668,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#9e9e9e;fill-opacity:1" />
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#9e9e9e;fill-opacity:1" />
style="fill:#8d6e63;fill-opacity:1" />
</g>
<path
id="path1019"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

11
www/assets/images/weather-snow.svg
View File

@ -26,7 +26,7 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="37.415406"
inkscape:cx="-76.513165"
inkscape:cy="317.14286"
inkscape:document-units="px"
inkscape:current-layer="layer1"
@ -57,19 +57,20 @@
<g
id="g877"
class="fa-group"
transform="matrix(0.15119047,0,0,0.15119047,33.866668,216.0375)">
transform="matrix(0.15119047,0,0,0.15119047,33.866668,216.0375)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#9e9e9e;fill-opacity:1" />
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#9e9e9e;fill-opacity:1" />
style="fill:#8d6e63;fill-opacity:1" />
</g>
<path
id="path1747"
@ -78,7 +79,7 @@
style="fill:#40c4ff;stroke-width:0.0661356"
sodipodi:nodetypes="ccccccccccccccccsssscccccccccccccccccccccccccccccccccccccccccccccccsssscccccccccccccccccccccccccccccccc" />
<path
style="fill:#40c4ff;stroke-width:0.03867185"
style="fill:#40c4ff;stroke-width:0.03867185;opacity:0.4"
inkscape:connector-curvature="0"
d="m 95.489081,177.22605 -0.305507,-0.53754 c -0.166287,-0.29778 -0.541407,-0.39833 -0.831441,-0.22817 l -1.51594,0.88946 0.351918,-1.34192 c 0.08507,-0.32871 -0.104416,-0.66902 -0.429261,-0.75796 l -0.587811,-0.15856 c -0.324844,-0.0889 -0.657419,0.10828 -0.746369,0.43699 l -0.823705,3.13242 -2.780508,1.63195 v -3.26777 l 2.254567,-2.29324 c 0.2359,-0.23976 0.2359,-0.63422 0,-0.87399 l -0.429254,-0.43699 c -0.2359,-0.23976 -0.622623,-0.23976 -0.858517,0 l -0.962931,0.98227 v -1.77504 c 0,-0.34031 -0.270704,-0.61875 -0.607149,-0.61875 h -0.607149 c -0.336445,0 -0.607149,0.27844 -0.607149,0.61875 v 1.78277 l -0.962925,-0.98226 c -0.2359,-0.23977 -0.622621,-0.23977 -0.858515,0 l -0.440862,0.43699 c -0.2359,0.23976 -0.2359,0.63422 0,0.87399 l 2.254572,2.29324 v 3.26777 l -2.780506,-1.63196 -0.823712,-3.13241 c -0.08508,-0.32871 -0.421524,-0.52594 -0.746368,-0.437 l -0.587812,0.15856 c -0.324844,0.089 -0.518204,0.42926 -0.42926,0.75797 l 0.351917,1.34191 -1.515939,-0.88945 c -0.290035,-0.17016 -0.661289,-0.0696 -0.831442,0.22816 l -0.305507,0.53754 c -0.166293,0.29777 -0.06961,0.67289 0.224293,0.84691 l 1.51594,0.88945 -1.318714,0.35192 c -0.324844,0.0889 -0.518199,0.42926 -0.429255,0.75797 l 0.158551,0.59941 c 0.08508,0.32871 0.421525,0.52594 0.746369,0.43699 l 3.082148,-0.83917 2.780506,1.63195 -2.780506,1.63195 -3.082148,-0.83918 c -0.324844,-0.0889 -0.657419,0.10828 -0.746369,0.43699 l -0.158551,0.59941 c -0.08508,0.32871 0.104411,0.66903 0.429255,0.75797 l 1.318714,0.35965 -1.51594,0.88945 c -0.29004,0.17016 -0.390586,0.54914 -0.224293,0.84692 l 0.305507,0.53753 c 0.166287,0.29778 0.541407,0.39833 0.831442,0.22817 l 1.515939,-0.88945 -0.351917,1.34191 c -0.08507,0.32871 0.104416,0.66903 0.42926,0.75797 l 0.587812,0.15855 c 0.324844,0.089 0.657424,-0.10828 0.746368,-0.43699 l 0.823712,-3.13242 2.780506,-1.63195 v 3.26777 l -2.254572,2.29325 c -0.2359,0.23976 -0.2359,0.63421 0,0.87398 l 0.429261,0.43699 c 0.235894,0.23976 0.622615,0.23976 0.858515,0 l 0.962925,-0.98227 v 1.77504 c 0,0.34032 0.270703,0.61875 0.607149,0.61875 h 0.607149 c 0.336445,0 0.607149,-0.27843 0.607149,-0.61875 v -1.78277 l 0.962931,0.98227 c 0.235894,0.23976 0.622617,0.23976 0.858517,0 l 0.429254,-0.437 c 0.2359,-0.23976 0.2359,-0.63422 0,-0.87398 l -2.254567,-2.29324 v -3.26777 l 2.780502,1.63195 0.823711,3.13242 c 0.08508,0.32871 0.421525,0.52594 0.746369,0.43699 l 0.587811,-0.15856 c 0.324844,-0.0889 0.518205,-0.42925 0.429261,-0.75796 l -0.351918,-1.34192 1.515934,0.88946 c 0.29004,0.17015 0.661289,0.0696 0.831447,-0.22817 l 0.305507,-0.53754 c 0.177894,-0.29004 0.08121,-0.66902 -0.212698,-0.83918 l -1.515933,-0.88945 1.318708,-0.35965 c 0.324844,-0.0889 0.518204,-0.42926 0.42926,-0.75797 l -0.158557,-0.59941 c -0.08507,-0.32871 -0.421524,-0.52593 -0.746362,-0.43699 l -3.082148,0.83918 -2.776638,-1.63195 2.780508,-1.63195 3.082143,0.83917 c 0.324844,0.089 0.657424,-0.10828 0.746368,-0.43699 l 0.158551,-0.59941 c 0.08508,-0.32871 -0.10441,-0.66902 -0.429254,-0.75797 l -1.318714,-0.35965 1.515939,-0.88945 c 0.28617,-0.17016 0.386721,-0.54914 0.220428,-0.84691 z"
id="path1758"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

32
www/assets/images/weather-windy.svg
View File

@ -26,7 +26,7 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="223.92889"
inkscape:cx="110.00032"
inkscape:cy="245.71429"
inkscape:document-units="px"
inkscape:current-layer="layer1"
@ -54,27 +54,41 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-161.53332)">
<g
id="g875"
class="fa-group"
transform="matrix(0.09964199,0,0,0.09964199,3.084307,203.76061)"
style="fill:#7c4dff;fill-opacity:1">
<path
id="path871"
d="m 508.88,394.71 c -9.6,41.1 -43.5,74 -84.69,82.7 -58.9,12.5 -111.6,-21.7 -129.39,-72.3 -3.7,-10.3 4.4,-21.1 15.29,-21.1 h 33.8 c 5.8,0 11.6,2.6 14.5,7.6 A 47.93,47.93 0 1 0 400,320 H 283.5 A 126.41,126.41 0 0 0 243.7,256 H 400 c 70.48,0 126,65.5 108.88,138.71 z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#7c4dff;fill-opacity:1" />
<path
id="path873-3"
d="M 156.76,256 H 16 A 16,16 0 0 0 0,272 v 32 a 16,16 0 0 0 16,16 h 142.26 c 15.9,0 30.81,10.9 33.41,26.6 a 32.06,32.06 0 0 1 -62,15.5 C 127.56,355.8 121.06,352 114.46,352 H 81.63 c -9.8,0 -17.71,8.8 -15.91,18.4 a 96,96 0 0 0 189.47,-31 C 249.09,291 205.47,256 156.76,256 Z M 445.83,107.28 C 438.23,71.07 408.92,41.76 372.72,34.16 a 96.22,96.22 0 0 0 -114.9,75.52 c -1.9,9.6 6.1,18.3 15.8,18.3 h 32.8 c 6.7,0 13.1,-3.8 15.2,-10.1 a 32,32 0 0 1 62,15.5 C 381,149.09 366.22,160 350.22,160 H 16 A 16,16 0 0 0 0,176 v 32 a 16,16 0 0 0 16,16 h 336 a 96.2,96.2 0 0 0 93.83,-116.72 z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#7c4dff;fill-opacity:1" />
</g>
<g
id="g877"
class="fa-group"
transform="matrix(0.12285727,0.0329195,-0.0329195,0.12285727,73.213132,204.86962)">
transform="matrix(0.12285727,0.0329195,-0.0329195,0.12285727,73.213132,204.86962)"
style="fill:#8d6e63">
<path
id="path873"
d="m 256,32 32,128 v 112 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 160 L 192,32 Z"
class="fa-secondary"
inkscape:connector-curvature="0"
style="opacity:0.4;fill:#9e9e9e;fill-opacity:1" />
style="opacity:0.4;fill:#8d6e63;fill-opacity:1" />
<path
id="path875"
d="m 446.7,160 c 0.4,-0.5 0.5,-0.7 0.9,-1.2 L 391.3,53.9 A 32,32 0 0 0 360.9,32 H 256 l 32,128 z M 160,160 192,32 H 87.1 A 32,32 0 0 0 56.7,53.9 L 0.4,158.8 c 0.4,0.5 0.5,0.7 0.9,1.2 z m 128,32 v 80 a 16,16 0 0 1 -16,16 H 176 A 16,16 0 0 1 160,272 V 192 H 0 v 256 a 32,32 0 0 0 32,32 h 384 a 32,32 0 0 0 32,-32 V 192 Z"
class="fa-primary"
inkscape:connector-curvature="0"
style="fill:#9e9e9e;fill-opacity:1" />
style="fill:#8d6e63;fill-opacity:1" />
</g>
<path
id="path1909"
d="M 5.1410488,226.14272 H 37.977158 c 5.844047,0 10.437191,-5.33587 9.166748,-11.40469 -0.74272,-3.54747 -3.60611,-6.41086 -7.153582,-7.15358 -5.462913,-1.1434 -10.339466,2.48225 -11.248323,7.48585 -0.156362,0.87954 0.566814,1.6809 1.456125,1.6809 h 1.798168 c 0.703631,0 1.260672,-0.50818 1.43658,-1.18249 0.644995,-2.46271 3.244521,-4.14361 6.029727,-3.27384 1.397489,0.42999 2.531118,1.57339 2.970885,2.97088 1.006584,3.2152 -1.387715,6.18609 -4.456328,6.18609 H 5.1410488 c -0.859993,0 -1.563624,0.70363 -1.563624,1.56363 v 1.56362 c 0,0.85999 0.703631,1.56363 1.563624,1.56363 z m 14.0726172,3.12724 H 5.1410488 c -0.859993,0 -1.563624,0.70363 -1.563624,1.56363 v 1.56362 c 0,0.85999 0.703631,1.56362 1.563624,1.56362 H 19.213666 c 3.068613,0 5.462913,2.96112 4.45633,6.18609 -0.429997,1.39749 -1.573397,2.53112 -2.970887,2.97089 -2.785204,0.86976 -5.38473,-0.81113 -6.029725,-3.27384 -0.175907,-0.67431 -0.732948,-1.18249 -1.436579,-1.18249 h -1.788396 c -0.899084,0 -1.6222602,0.80136 -1.4561252,1.6809 0.9088572,5.00359 5.7854102,8.62925 11.2483212,7.48585 3.547473,-0.74273 6.410859,-3.60611 7.153581,-7.15358 1.260672,-6.06882 -3.332474,-11.40469 -9.17652,-11.40469 z m 22.99505,0 H 27.403148 c 0.527723,0.46909 1.065219,0.93818 1.514761,1.49522 0.791585,0.96749 1.358399,2.06203 1.817713,3.19565 h 11.649002 c 3.264064,0 6.18609,2.38453 6.498813,5.62905 0.361588,3.72338 -2.570207,6.87995 -6.22518,6.87995 -2.707023,0 -4.993824,-1.72976 -5.863591,-4.1436 -0.117271,-0.3225 -0.400678,-0.54727 -0.742721,-0.54727 h -3.234748 c -0.488632,0 -0.879539,0.44954 -0.772039,0.9284 1.133627,4.83746 5.443367,8.45334 10.622872,8.45334 6.156771,0 11.121276,-5.08178 10.935599,-11.27764 -0.175908,-5.99063 -5.404277,-10.6131 -11.394913,-10.6131 z"
inkscape:connector-curvature="0"
style="fill:#7c4dff;stroke-width:0.09772651" />
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

25
www/assets/js/toolbox_weather.js
View File

@ -9,7 +9,12 @@ function ftoc(f) {
return (f - 32) * 5 / 9;
}
function loadWeather() {
function loadWeather(reload) {
if (typeof reload == "undefined") {
reload = false;
} else {
reload = reload == true;
}
if (userPosition.coords.accuracy > 99999) {
app.dialog.alert("Couldn't find your location. Wait for a GPS signal and try again.", "Error");
@ -22,8 +27,10 @@ function loadWeather() {
url: SETTINGS.weatherapi,
dataType: 'json',
data: {
latitude: userPosition.coords.latitude,
longitude: userPosition.coords.longitude
// Round the numbers off to increase user privacy
// Accuracy with two decimal places is ~1.1km/0.6mi
latitude: userPosition.coords.latitude.toFixed(2),
longitude: userPosition.coords.longitude.toFixed(2)
},
timeout: 15 * 1000,
success: function (resp) {
@ -38,7 +45,12 @@ function loadWeather() {
$("#lowtemp").html(mintemp);
$("#hightemp").html(maxtemp);
$("#precipchance").text(Math.round(resp.precipitation.chance * 100.0) + "% chance");
if (SETTINGS.weathericons.includes(resp.icon)) {
$("#weathericon").attr("src", "assets/images/weather-" + resp.icon + ".svg");
} else {
$("#weathericon").attr("src", "assets/images/weather-none.svg");
}
$("#forecast-info").text("Forecast covers the next " + resp.forecast_hours + " hours.");
} else {
app.dialog.alert(resp.message, "Error");
}
@ -53,7 +65,11 @@ function loadWeather() {
}
});
// Open a loading message if there's a delay
// Open a loading message if there's a delay or we're reloading
if (reload) {
app.dialog.preloader("Checking Weather...");
weatherdialogopen = true;
} else {
setTimeout(function () {
if (!requestfinished) {
app.dialog.preloader("Checking Weather...");
@ -61,3 +77,4 @@ function loadWeather() {
}
}, 1000);
}
}

10
www/pages/toolbox/weather.html
View File

@ -14,7 +14,7 @@
</div>
<div class="title">Weather</div>
<div class="right">
<a class="link" onclick="loadWeather()">
<a class="link" onclick="loadWeather(true)">
<i class="material-icons">refresh</i>
</a>
</div>
@ -24,7 +24,7 @@
<div class="page-content">
<div class="block text-align-center">
<img id="weathericon" style="width: 60%; max-width: 300px; max-height: 40vh;" src="assets/images/weather-clear.svg" class="margin-vertical" />
<img id="weathericon" style="width: 60%; max-width: 300px; max-height: 40vh;" src="assets/images/weather-none.svg" class="margin-vertical" />
<div class="row">
<div class="col-50">
@ -38,7 +38,11 @@
</div>
</div>
<div class="block-footer"><a href="" onclick="openExternalBrowser('https://darksky.net/poweredby/')">Powered by Dark Sky</a></div>
<div class="block-footer">
<span id="forecast-info"></span>
<br />
<a href="" onclick="openExternalBrowser('https://darksky.net/poweredby/')">Powered by Dark Sky</a>
</div>
</div>
</div>

9
www/settings.js
View File

@ -78,6 +78,15 @@ var SETTINGS = {
pluralmapicon: "multiple-items"
}
},
weathericons: [
"clear",
"cloudy",
"partly-cloudy",
"rain",
"snow",
"windy",
"none"
],
geocodeapi: "https://apis.netsyms.net/packagehelper/geocode.php",
trackingapi: "https://apis.netsyms.net/packagehelper/track.php",
weatherapi: "https://apis.netsyms.net/packagehelper/weather.php",