mirrors/seafoam
1
0
Fork 0
mirror of https://github.com/DoomKitty87/seafoam.git synced 2024-12-27 23:47:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

mockup

Browse source
This commit is contained in:
Matthew Dinh 2023-08-21 16:01:16 -07:00
parent 0f36bcbff5
commit 2c1b289e86
1 changed files with 238 additions and 110 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

348
GUI Mockup/mainPage.svg
View file

@ -36,16 +36,32 @@
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="true"
inkscape:zoom="0.89198575"
inkscape:cx="867.16632"
inkscape:cy="366.59778"
inkscape:zoom="0.63072917"
inkscape:cx="1086.8373"
inkscape:cy="615.16102"
inkscape:window-width="1920"
inkscape:window-height="1057"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer2" /><defs
id="defs2"><inkscape:path-effect
inkscape:current-layer="layer13" /><defs
id="defs2"><marker
style="overflow:visible"
id="TriangleStart"
refX="0"
refY="0"
orient="auto-start-reverse"
inkscape:stockid="TriangleStart"
markerWidth="5.3244081"
markerHeight="6.155385"
viewBox="0 0 5.3244081 6.1553851"
inkscape:isstock="true"
inkscape:collect="always"
preserveAspectRatio="xMidYMid"><path
transform="scale(0.5)"
style="fill:context-stroke;fill-rule:evenodd;stroke:context-stroke;stroke-width:1pt"
d="M 5.77,0 -2.88,5 V -5 Z"
id="path135" /></marker><inkscape:path-effect
effect="measure_segments"
linked_items=""
id="path-effect14751"
@ -106,7 +122,7 @@ Options for color, precision, label formatting and display
inkscape:label="BG"
inkscape:groupmode="layer"
id="layer1"
style="display:inline"><rect
style="display:none"><rect
style="opacity:0.87;fill:#edbdc2;fill-opacity:1;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="rect233"
width="960"
@ -144,11 +160,31 @@ Options for color, precision, label formatting and display
id="layer4"
inkscape:label="Map Zone"
transform="matrix(1.3528229,0,0,1.3528229,-419.5806,10.90532)"
style="stroke-width:0.739192"><g
style="display:inline;stroke-width:0.739192"><g
inkscape:groupmode="layer"
id="layer16"
inkscape:label="Next"
style="display:inline;stroke-width:0.739192"
transform="translate(0,25.058088)"><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:17.7407px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:center;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;opacity:0.8;fill:#0c1217;fill-opacity:0.360595;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="597.88245"
y="410.91776"
id="text52499"><tspan
sodipodi:role="line"
id="tspan52497"
style="font-size:17.7407px;fill:#ffffff;fill-opacity:0.88;stroke-width:0"
x="597.88245"
y="410.91776">NEXT</tspan></text><path
style="fill:none;fill-opacity:0.360595;stroke:#fefefe;stroke-width:0.739194px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.88;marker-end:url(#TriangleStart)"
d="m 630.04086,404.69077 h 30.32245"
id="path54130" /></g><g
inkscape:groupmode="layer"
id="layer13"
inkscape:label="Map"><rect
style="display:inline;stroke-width:0;fill:#1f2d3a;fill-opacity:1;stroke:none;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:0.88;paint-order:markers fill stroke;stop-color:#000000"
inkscape:label="Map"
transform="matrix(1.1665165,0,0,1.1665165,-229.30606,-40.513961)"
style="display:inline;stroke-width:0.633675"><rect
style="display:inline;fill:#1f2d3a;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:0.88;paint-order:markers fill stroke;stop-color:#000000"
id="rect17810"
width="506.7471"
height="506.7471"
@ -158,7 +194,7 @@ Options for color, precision, label formatting and display
width="461.99692"
height="461.99692"
preserveAspectRatio="none"
style="display:inline;stroke-width:2.94258;opacity:0.8;image-rendering:optimizeSpeed"
style="display:inline;opacity:0.8;stroke-width:2.52254;image-rendering:optimizeSpeed"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACbgAAAm4CAYAAAC+5l2RAAAAx3pUWHRSYXcgcHJvZmlsZSB0eXBl
IGV4aWYAAHjabVBBEsIwCLznFT6BAEnIc1KtM/7A57sJ1LHqzgBbNt0Q0v583NNlgrMmLc1qr5UA
7dp5gBg5xsqZdOWFzahH99RPb4HRElRxwarXfPTjh6PmAVY+jOwawnYWunpl+zKKi2ROxCC3MOph
@ -11607,26 +11643,26 @@ AIgkJrgBAAAAAAAAAAAAAAAAACLp/wGnz/9bvh4XJgAAAABJRU5ErkJggg==
id="layer12"
inkscape:label="Grid"
transform="matrix(1.4044636,0,0,1.4396122,-438.56509,-59.406135)"
style="display:inline;stroke-width:0.519851"><rect
style="display:inline;stroke-width:0.445644"><rect
style="display:inline;fill:#010102;fill-opacity:0.6;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572"
width="65.981277"
height="64.370323"
x="1120.6217"
y="145.70753" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-8"
width="65.981277"
height="64.370323"
x="1189.314"
y="145.70753" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-3"
width="65.981277"
height="64.370323"
x="1258.0061"
y="145.70753" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-2"
width="65.981277"
height="64.370323"
@ -11656,91 +11692,91 @@ AIgkJrgBAAAAAAAAAAAAAAAAACLp/wGnz/9bvh4XJgAAAABJRU5ErkJggg==
height="64.370323"
x="1189.314"
y="279.73761" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-96"
width="65.981277"
height="64.370323"
x="1326.6982"
y="212.72258" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-6"
width="65.981277"
height="64.370323"
x="1189.314"
y="346.75269" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-70"
width="65.981277"
height="64.370323"
x="1326.6982"
y="346.75269" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5"
width="65.981277"
height="64.370323"
x="1189.314"
y="413.76773" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-4"
width="65.981277"
height="64.370323"
x="1258.0061"
y="413.76773" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-3"
width="65.981277"
height="64.370323"
x="1326.6982"
y="413.76773" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-5"
width="65.981277"
height="64.370323"
x="1395.3905"
y="413.76773" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-1"
width="65.981277"
height="64.370323"
x="1395.3905"
y="346.75269" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-9"
width="65.981277"
height="64.370323"
x="1395.3905"
y="279.73761" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-38"
width="65.981277"
height="64.370323"
x="1395.3905"
y="212.72258" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-5-17"
width="65.981277"
height="64.370323"
x="1395.3905"
y="145.70753" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-4"
width="65.981277"
height="64.370323"
x="1120.6217"
y="413.76773" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-01"
width="65.981277"
height="64.370323"
x="1258.0061"
y="346.75269" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-34"
width="65.981277"
height="64.370323"
x="1120.6217"
y="346.75269" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-340"
width="65.981277"
height="64.370323"
@ -11752,26 +11788,191 @@ AIgkJrgBAAAAAAAAAAAAAAAAACLp/wGnz/9bvh4XJgAAAABJRU5ErkJggg==
height="64.370323"
x="1258.0061"
y="279.73761" /><rect
style="display:inline;fill:#010102;fill-opacity:0.312268;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
style="display:inline;fill:#010102;fill-opacity:0.35;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
id="rect43572-88"
width="65.981277"
height="64.370323"
x="1120.6217"
y="279.73761" /></g></g><g
y="279.73761" /><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.87034px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1150.7332"
y="84.838539"
id="text53233"
transform="matrix(0.71201561,0,0,0.69463151,319.10494,121.13315)"><tspan
sodipodi:role="line"
id="tspan53231"
style="font-size:8.87034px;stroke-width:0"
x="1150.7332"
y="84.838539">SELECTED</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.87034px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1150.7332"
y="181.31421"
id="text53233-3"
transform="matrix(0.71201561,0,0,0.69463151,319.10494,121.13315)"><tspan
sodipodi:role="line"
id="tspan53231-2"
style="font-size:8.87034px;stroke-width:0"
x="1150.7332"
y="181.31421">SELECTED</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.23824px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1192.3097"
y="250.15237"
id="text53233-3-9"
transform="scale(1.0124359,0.98771686)"><tspan
sodipodi:role="line"
id="tspan53231-2-8"
style="font-size:6.23824px;stroke-width:0"
x="1192.3097"
y="250.15237">SELECTED</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.23824px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1260.1582"
y="250.15236"
id="text53233-3-9-1"
transform="scale(1.0124359,0.98771686)"><tspan
sodipodi:role="line"
id="tspan53231-2-8-1"
style="font-size:6.23824px;stroke-width:0"
x="1260.1582"
y="250.15236">SELECTED</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.23824px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1192.3096"
y="318.00082"
id="text53233-3-1"
transform="scale(1.0124359,0.98771686)"><tspan
sodipodi:role="line"
id="tspan53231-2-9"
style="font-size:6.23824px;stroke-width:0"
x="1192.3096"
y="318.00082">SELECTED</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:6.23824px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:start;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:start;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="1260.1581"
y="318.00082"
id="text53233-3-9-2"
transform="scale(1.0124359,0.98771686)"><tspan
sodipodi:role="line"
id="tspan53231-2-8-0"
style="font-size:6.23824px;stroke-width:0"
x="1260.1581"
y="318.00082">SELECTED</tspan></text></g></g><g
inkscape:groupmode="layer"
id="layer15"
inkscape:label="Title"
style="display:inline;stroke-width:0.739192"><text
style="display:inline;stroke-width:0.739192"
transform="translate(0,114.97862)"><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:11.8271px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Medium';text-align:center;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="575.49072"
y="229.97743"
id="text50845"><tspan
sodipodi:role="line"
id="tspan50843"
x="575.49072"
y="229.97743"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:11.8271px;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:start;text-anchor:start;stroke-width:0">Click to choose the areas where your </tspan><tspan
sodipodi:role="line"
x="575.49072"
y="247.71808"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:11.8271px;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:start;text-anchor:start;stroke-width:0"
id="tspan53229">route will generate in.</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:39.4237px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;opacity:0.8;fill:#ffffff;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="711.24622"
y="178.15585"
x="691.32153"
y="191.79646"
id="text49205"><tspan
sodipodi:role="line"
id="tspan49203"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';stroke-width:0"
x="715.42511"
y="178.15585">Choose where </tspan></text></g></g><g
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-family:Poppins;-inkscape-font-specification:'Poppins Medium';stroke-width:0"
x="691.32153"
y="191.79646">ROUTE AREA</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:11.8271px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';text-align:center;text-decoration-color:#000000;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;opacity:0.8;fill:#ffd4f7;fill-opacity:0.88;stroke:none;stroke-width:0;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
x="603.21936"
y="154.39722"
id="text50841"><tspan
sodipodi:role="line"
id="tspan50839"
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:11.8271px;font-family:Poppins;-inkscape-font-specification:'Poppins Medium';fill:#ffffff;fill-opacity:0.88;stroke-width:0"
x="603.21936"
y="154.39722">Step One:</tspan></text></g></g><g
inkscape:groupmode="layer"
id="layer11"
inkscape:label="Progress"
style="display:inline;stroke-width:2.32974"
transform="matrix(0,-0.42923205,0.42923205,0,727.14518,122.05019)"><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:9.33333px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="961.35944"
y="991.53229"
id="text7751"
transform="matrix(0,2.3297422,-2.3297422,0,2431.1831,-1729.8124)"><tspan
sodipodi:role="line"
id="tspan7749"
x="962.35944"
y="991.53229"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.33333px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold'">MAP ZONE</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:9.33333px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="1052.4958"
y="991.53229"
id="text7751-1"
transform="matrix(0,2.3297422,-2.3297422,0,2431.1831,-1729.8124)"><tspan
sodipodi:role="line"
id="tspan7749-9"
x="1053.4958"
y="991.53229"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.33333px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';fill:#ffffff;fill-opacity:0.297398">WAYPOINTS</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:9.33333px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="1143.3442"
y="991.53229"
id="text7751-1-4"
transform="matrix(0,2.3297422,-2.3297422,0,2431.1831,-1729.8124)"><tspan
sodipodi:role="line"
id="tspan7749-9-5"
x="1144.3442"
y="991.53229"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.33333px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';fill:#ffffff;fill-opacity:0.297398">SETTINGS</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:9.33333px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="1234.3846"
y="991.53229"
id="text7751-1-4-7"
transform="matrix(0,2.3297422,-2.3297422,0,2431.1831,-1729.8124)"><tspan
sodipodi:role="line"
id="tspan7749-9-5-8"
x="1235.3846"
y="991.53229"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:9.33333px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';fill:#ffffff;fill-opacity:0.297398">GENEREATE</tspan></text><circle
style="display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:9.31897;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177"
cx="69.060417"
cy="510.08887"
r="9.8632908"
inkscape:label="1" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:9.31897;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-6"
cx="69.060417"
cy="721.9798"
r="5.9454999"
inkscape:label="1" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:9.31897;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-5"
cx="69.060417"
cy="933.87079"
r="5.9454999"
inkscape:label="1" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.297398;stroke-width:9.31897;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-68"
cx="69.060417"
cy="1145.7618"
r="5.9454999"
inkscape:label="1" /></g><g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="Title" /></g><g
@ -11787,79 +11988,6 @@ AIgkJrgBAAAAAAAAAAAAAAAAACLp/wGnz/9bvh4XJgAAAABJRU5ErkJggg==
y="0"
inkscape:label="BG" /><g
inkscape:groupmode="layer"
id="g7742"
inkscape:label="Progress Text"
style="display:inline"><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:12px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="160.40591"
y="760.01917"
id="text7751"><tspan
sodipodi:role="line"
id="tspan7749"
x="161.40591"
y="760.01917"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:12px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold'">MAP ZONE</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:12px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="167.5919"
y="827.05609"
id="text7751-1"><tspan
sodipodi:role="line"
id="tspan7749-9"
x="168.5919"
y="827.05609"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:12px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold'">WAYPOINTS</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:12px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="158.22191"
y="893.20825"
id="text7751-1-4"><tspan
sodipodi:role="line"
id="tspan7749-9-5"
x="159.22191"
y="893.20825"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:12px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold'">SETTINGS</tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:12px;line-height:1.5;font-family:Poppins;-inkscape-font-specification:'Poppins Light';text-align:center;text-decoration-color:#000000;letter-spacing:2px;writing-mode:lr-tb;text-orientation:upright;text-anchor:middle;display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
x="164.70592"
y="957.867"
id="text7751-1-4-7"><tspan
sodipodi:role="line"
id="tspan7749-9-5-8"
x="165.70592"
y="957.867"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:12px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold'">GENEREATE</tspan></text></g><g
inkscape:groupmode="layer"
id="layer11"
inkscape:label="Progress Dots"
style="display:inline"
sodipodi:insensitive="true"><circle
style="display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-45-4"
cx="69.060417"
cy="954.38373"
r="3.5673001"
inkscape:label="4" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-45"
cx="69.060417"
cy="888.97827"
r="3.5673001"
inkscape:label="3" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177-4"
cx="69.060417"
cy="823.57281"
r="3.5673001"
inkscape:label="2" /><circle
style="display:inline;fill:#ffffff;fill-opacity:0.88;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:0;paint-order:stroke fill markers;stop-color:#000000"
id="path6177"
cx="69.060417"
cy="755.78918"
r="5.9454999"
inkscape:label="1" /></g><g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Buttons"
style="display:inline"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 888 KiB

After

Width:  |  Height:  |  Size: 898 KiB