created some row examples with the selections they can have

Qwixx/frontend/inkScape/gameScreenItems/rows.svg.2020_10_29_20_45_26.0.svg

@@ -9,13 +9,16 @@
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="140mm"
-   height="60mm"
-   viewBox="0 0 140 60"
+   width="85mm"
+   height="10mm"
+   viewBox="0 0 85 10"
    version="1.1"
    id="svg906"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
-   sodipodi:docname="rows.svg.2020_10_29_20_45_26.0.svg">
+   sodipodi:docname="rows.svg.2020_10_29_20_45_26.0.svg"
+   inkscape:export-filename="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\redRowEx.png"
+   inkscape:export-xdpi="200"
+   inkscape:export-ydpi="200">
   <defs
      id="defs900">
     <inkscape:path-effect
@@ -1179,7 +1182,8 @@
            sodipodi:type="rect"
            clip-path="url(#clipath_lpe_path-effect1381)"
            transform="translate(-5.8295783,-25.121985)"
-           inkscape:path-effect="#path-effect1381" />
+           inkscape:path-effect="#path-effect1381"
+           d="M 0,0 H 81.825996 V 6.5420609 H 0 Z" />
       </g>
     </clipPath>
     <clipPath
@@ -1385,7 +1389,8 @@
            sodipodi:type="rect"
            clip-path="url(#clipath_lpe_path-effect1479)"
            transform="translate(-5.8295783,-25.121985)"
-           inkscape:path-effect="#path-effect1479" />
+           inkscape:path-effect="#path-effect1479"
+           d="M 0,0 H 81.825996 V 6.5420609 H 0 Z" />
       </g>
     </clipPath>
     <clipPath
@@ -1591,7 +1596,8 @@
            sodipodi:type="rect"
            clip-path="url(#clipath_lpe_path-effect1551)"
            transform="translate(-5.8295783,-25.121985)"
-           inkscape:path-effect="#path-effect1551" />
+           inkscape:path-effect="#path-effect1551"
+           d="M 0,0 H 81.825996 V 6.5420609 H 0 Z" />
       </g>
     </clipPath>
     <clipPath
@@ -1797,7 +1803,8 @@
            sodipodi:type="rect"
            clip-path="url(#clipath_lpe_path-effect1643)"
            transform="translate(-5.8295783,-25.121985)"
-           inkscape:path-effect="#path-effect1643" />
+           inkscape:path-effect="#path-effect1643"
+           d="M 0,0 H 81.825996 V 6.5420609 H 0 Z" />
       </g>
     </clipPath>
   </defs>
@@ -1808,11 +1815,11 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="101.04071"
-     inkscape:cy="54.764144"
+     inkscape:zoom="1.979899"
+     inkscape:cx="130.57641"
+     inkscape:cy="42.093335"
      inkscape:document-units="mm"
-     inkscape:current-layer="g3247"
+     inkscape:current-layer="layer1"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
@@ -1829,7 +1836,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
+        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -1837,12 +1844,13 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="colors"
-     style="display:inline">
+     style="display:inline"
+     sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="g3247"
        inkscape:label="green"
-       style="display:inline"
+       style="display:none"
        sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\green.svg"
@@ -1878,7 +1886,7 @@
        inkscape:groupmode="layer"
        id="g1162"
        inkscape:label="red"
-       style="display:none"
+       style="display:inline"
        sodipodi:insensitive="true">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\red.svg"
@@ -1941,6 +1949,219 @@
       </g>
     </g>
   </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer7"
+     inkscape:label="selection examples">
+    <g
+       inkscape:groupmode="layer"
+       id="layer1"
+       inkscape:label="ex3"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\hoverOver.png"
+         xlink:href="hoverOver.png"
+         style="display:inline"
+         y="-3.2688792"
+         x="-2.8409944"
+         id="image1846"
+         preserveAspectRatio="none"
+         height="13.291181"
+         width="13.291181" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\currentlySelected.png"
+         xlink:href="currentlySelected.png"
+         y="-1.8110119"
+         x="6.6735296"
+         id="image1861"
+         preserveAspectRatio="none"
+         height="9.8557291"
+         width="10.186458" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="g1869"
+       inkscape:label="ex2"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         y="-2.2004519"
+         x="-2.4482913"
+         id="image1895"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="12.504245" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8"
+         x="5.6413717"
+         y="-2.1428535"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-4"
+         x="12.991283"
+         y="-2.1428535"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-5"
+         x="20.541647"
+         y="-2.1428535"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-48"
+         x="28.092012"
+         y="-2.209671"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-8"
+         x="35.508743"
+         y="-2.209671"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-56"
+         x="43.192741"
+         y="-2.1428537"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="11.836071"
+         height="10.967445"
+         preserveAspectRatio="none"
+         id="image1895-8-56-4"
+         x="50.542652"
+         y="-2.2764883"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\currentlySelected.png"
+         xlink:href="currentlySelected.png"
+         y="-1.3243523"
+         x="58.906834"
+         id="image2003"
+         preserveAspectRatio="none"
+         height="9.5083361"
+         width="9.70683" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer8"
+       inkscape:label="ex1"
+       style="display:inline"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\hoverOver.png"
+         xlink:href="hoverOver.png"
+         style="display:inline"
+         y="-2.5891366"
+         x="50.650154"
+         id="image1690"
+         preserveAspectRatio="none"
+         height="11.603868"
+         width="11.603868" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\currentlySelected.png"
+         xlink:href="currentlySelected.png"
+         style="display:inline"
+         y="-1.6190027"
+         x="43.794415"
+         id="image1704"
+         preserveAspectRatio="none"
+         height="10.080501"
+         width="10.080501" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\pastSelection.png"
+         xlink:href="pastSelection.png"
+         style="display:inline"
+         y="-2.3514125"
+         x="35.702766"
+         id="image1718"
+         preserveAspectRatio="none"
+         height="11.573551"
+         width="11.573551" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\pastSelection.png"
+         xlink:href="pastSelection.png"
+         width="11.573552"
+         height="11.573552"
+         preserveAspectRatio="none"
+         id="image1718-8"
+         x="28.254705"
+         y="-2.2847643"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\pastSelection.png"
+         xlink:href="pastSelection.png"
+         width="11.573553"
+         height="11.573553"
+         preserveAspectRatio="none"
+         id="image1718-8-1"
+         x="20.71307"
+         y="-2.3222265"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\pastSelection.png"
+         xlink:href="pastSelection.png"
+         width="11.573554"
+         height="11.573554"
+         preserveAspectRatio="none"
+         id="image1718-8-1-1"
+         x="13.314858"
+         y="-2.3320122"
+         style="display:inline" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         style="display:inline"
+         y="-2.3067575"
+         x="5.787931"
+         id="image1777"
+         preserveAspectRatio="none"
+         height="11.435166"
+         width="11.435166" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\unselectable.png"
+         xlink:href="unselectable.png"
+         width="12.437428"
+         height="11.435167"
+         preserveAspectRatio="none"
+         id="image1777-6"
+         x="-2.3767142"
+         y="-2.3098967"
+         style="display:inline" />
+    </g>
+  </g>
   <g
      inkscape:groupmode="layer"
      id="layer4"