From 2c1b289e867e205809f6e74e928d3c37b91fbf48 Mon Sep 17 00:00:00 2001
From: Matthew Dinh
 <72724975+help-programming-is-hard@users.noreply.github.com>
Date: Mon, 21 Aug 2023 16:01:16 -0700
Subject: [PATCH] mockup

---
 GUI Mockup/mainPage.svg | 348 +++++++++++++++++++++++++++-------------
 1 file changed, 238 insertions(+), 110 deletions(-)

diff --git a/GUI Mockup/mainPage.svg b/GUI Mockup/mainPage.svg
index a8fad59..a1aee7e 100644
--- a/GUI Mockup/mainPage.svg	
+++ b/GUI Mockup/mainPage.svg	
@@ -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"