started creation of player card, has rows on it, penalties, needs more icons added onto it.

Qwixx/frontend/inkScape/gameScreenItems/activePlayerCard.svg

@@ -1,10 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="140mm"
@@ -12,10 +14,55 @@
    viewBox="0 0 140 60"
    version="1.1"
    id="svg906"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
    sodipodi:docname="activePlayerCard.svg">
   <defs
-     id="defs900" />
+     id="defs900">
+    <linearGradient
+       id="linearGradient2908"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#00ff00;stop-opacity:1;"
+         offset="0"
+         id="stop2906" />
+    </linearGradient>
+    <inkscape:path-effect
+       effect="powerclip"
+       id="path-effect875"
+       is_visible="true"
+       lpeversion="1"
+       inverse="true"
+       flatten="false"
+       hide_clip="false"
+       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
+    <inkscape:path-effect
+       effect="powerclip"
+       id="path-effect860"
+       is_visible="true"
+       lpeversion="1"
+       inverse="true"
+       flatten="false"
+       hide_clip="false"
+       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath871">
+      <rect
+         style="display:none;fill:#ff00ff;stroke-width:1.45279"
+         id="rect873"
+         width="98"
+         height="27.999998"
+         x="3"
+         y="3"
+         ry="0"
+         d="m 3,3 h 98 V 30.999998 H 3 Z" />
+      <path
+         id="lpe_path-effect875"
+         style="display:block;fill:#ff00ff;stroke-width:1.45279"
+         class="powerclip"
+         d="M -3,-3 H 107 V 37 H -3 Z m 6,6 v 27.999998 h 98 V 3 Z" />
+    </clipPath>
+  </defs>
   <sodipodi:namedview
      id="base"
      pagecolor="#ffffff"
@@ -23,17 +70,17 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="3.959798"
-     inkscape:cx="138.86936"
-     inkscape:cy="117.97331"
+     inkscape:zoom="2.8"
+     inkscape:cx="56.554213"
+     inkscape:cy="55.106292"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer2"
+     inkscape:current-layer="layer11"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1018"
-     inkscape:window-x="1912"
-     inkscape:window-y="135"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
      inkscape:window-maximized="1"
      inkscape:pagecheckerboard="true" />
   <metadata
@@ -49,29 +96,174 @@
     </rdf:RDF>
   </metadata>
   <g
-     inkscape:label="activeplayerBckgrd"
+     inkscape:label="statusBackground"
      inkscape:groupmode="layer"
      id="layer1"
-     style="display:inline" />
+     style="display:inline">
+    <g
+       inkscape:groupmode="layer"
+       id="layer5"
+       inkscape:label="overlay" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer6"
+       inkscape:label="inactive">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\namePlate.svg"
+         xlink:href="../icons/namePlate.svg"
+         y="3.5"
+         x="4"
+         id="image3519"
+         height="8.0145397"
+         width="18.700567"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer7"
+       inkscape:label="activePLACEHOLDER"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <g
+         inkscape:groupmode="layer"
+         id="layer10"
+         inkscape:label="shape">
+        <rect
+           style="display:inline;fill:#ff00ff;stroke-width:1.53705"
+           id="rect2948"
+           width="69"
+           height="28"
+           x="2.2999961"
+           y="2.9999981" />
+      </g>
+      <g
+         inkscape:groupmode="layer"
+         id="layer9"
+         inkscape:label="effect" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="penalties">
+    <g
+       id="g3786"
+       transform="translate(6.3500003,0.52916667)">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\penaltyUnchecked.png"
+         xlink:href="../icons/penaltyUnchecked.png"
+         y="2.739949"
+         x="13.181541"
+         id="image3743"
+         preserveAspectRatio="none"
+         height="6.7098346"
+         width="6.7098346" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\penaltyUnchecked.png"
+         xlink:href="../icons/penaltyUnchecked.png"
+         width="6.7098346"
+         height="6.7098346"
+         preserveAspectRatio="none"
+         id="image3743-9"
+         x="19.891376"
+         y="2.739949" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\penaltyUnchecked.png"
+         xlink:href="../icons/penaltyUnchecked.png"
+         width="6.7098346"
+         height="6.7098346"
+         preserveAspectRatio="none"
+         id="image3743-7"
+         x="26.601212"
+         y="2.739949" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\penaltyChecked.png"
+         xlink:href="../icons/penaltyChecked.png"
+         y="2.739949"
+         x="33.311047"
+         id="image3778"
+         preserveAspectRatio="none"
+         height="6.71"
+         width="6.71" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer8"
+     inkscape:label="rows"
+     sodipodi:insensitive="true">
+    <g
+       id="g932"
+       transform="matrix(0.50601926,0,0,0.50601926,-2.1541866,-24.352342)">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\blueRowEx.png"
+         xlink:href="rows/blueRowEx.png"
+         style="display:inline"
+         y="99.354813"
+         x="11.569098"
+         id="image848"
+         preserveAspectRatio="none"
+         height="10.032999"
+         width="84.962997" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\greenRowEx.png"
+         xlink:href="rows/greenRowEx.png"
+         style="display:inline"
+         y="89.321815"
+         x="11.569098"
+         id="image893"
+         preserveAspectRatio="none"
+         height="10.032999"
+         width="84.962997" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\redRowEx.png"
+         xlink:href="rows/redRowEx.png"
+         y="69.255821"
+         x="11.569098"
+         id="image910"
+         preserveAspectRatio="none"
+         height="10.032999"
+         width="84.962997" />
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\yellowRowEx.png"
+         xlink:href="rows/yellowRowEx.png"
+         y="79.288818"
+         x="11.569098"
+         id="image924"
+         preserveAspectRatio="none"
+         height="10.032999"
+         width="84.962997" />
+    </g>
+  </g>
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="activeplayerBorder"
-     style="display:inline">
+     style="display:inline"
+     sodipodi:insensitive="true">
     <g
-       id="g855">
-      <rect
-         y="7.698266"
-         x="2.3415718"
-         height="29.436928"
-         width="69.436928"
-         id="rect812"
-         style="display:inline;fill:#70c1b3;fill-opacity:0.50232562;stroke:none;stroke-width:0.56307298;stroke-opacity:1" />
+       inkscape:groupmode="layer"
+       id="layer4"
+       inkscape:label="border"
+       sodipodi:insensitive="true">
       <path
-         inkscape:connector-curvature="0"
-         id="path816"
-         d="M 2.3415718,7.6982662 H 71.778502 V 37.135194 H 2.3415718 Z"
-         style="display:inline;fill:none;fill-opacity:1;stroke:#70c1b3;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+         style="display:inline;fill:#000000;stroke-width:1.17813"
+         id="rect836"
+         width="100"
+         height="30"
+         x="2"
+         y="2"
+         clip-path="url(#clipPath871)"
+         sodipodi:type="rect"
+         inkscape:path-effect="#path-effect875"
+         d="M 2,2 H 102 V 32 H 2 Z"
+         transform="matrix(0.7,0,0,1,0.6,0)" />
     </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer3"
+       inkscape:label="clip"
+       sodipodi:insensitive="true" />
   </g>
 </svg>

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

@@ -16,7 +16,7 @@
    id="svg906"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
    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-filename="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\gameScreenItems\rows\yellowRowEx.png"
    inkscape:export-xdpi="200"
    inkscape:export-ydpi="200">
   <defs
@@ -1819,7 +1819,7 @@
      inkscape:cx="130.57641"
      inkscape:cy="42.093335"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="g1869"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
@@ -1836,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>
@@ -1855,50 +1855,50 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\green.svg"
          xlink:href="../colorScapes/green.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="200"
-         width="159.99989"
-         height="89.999878"
-         id="image3285"
-         x="0"
+         clip-path="url(#clipPath1674)"
          y="0"
-         clip-path="url(#clipPath1674)" />
+         x="0"
+         id="image3285"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="layer6"
        inkscape:label="yellow"
-       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\yellow.svg"
          xlink:href="../colorScapes/yellow.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="200"
-         width="159.99989"
-         height="89.999878"
-         id="image1088"
-         x="1.9546409e-09"
+         clip-path="url(#clipPath1414)"
          y="0"
-         clip-path="url(#clipPath1414)" />
+         x="1.9546409e-09"
+         id="image1088"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="g1162"
        inkscape:label="red"
-       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\red.svg"
          xlink:href="../colorScapes/red.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="200"
-         width="159.99989"
-         height="89.999878"
-         id="image1192"
-         x="0"
+         clip-path="url(#clipPath1578)"
          y="0"
-         clip-path="url(#clipPath1578)" />
+         x="0"
+         id="image1192"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -1909,14 +1909,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\blue.svg"
          xlink:href="../colorScapes/blue.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="200"
-         width="159.99989"
-         height="89.999878"
-         id="image3357"
-         x="0"
+         clip-path="url(#clipPath1508)"
          y="0"
-         clip-path="url(#clipPath1508)" />
+         x="0"
+         id="image3357"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -1952,7 +1952,8 @@
   <g
      inkscape:groupmode="layer"
      id="layer7"
-     inkscape:label="selection examples">
+     inkscape:label="selection examples"
+     sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="layer1"
@@ -1962,204 +1963,204 @@
       <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"
+         width="13.291181"
          height="13.291181"
-         width="13.291181" />
+         preserveAspectRatio="none"
+         id="image1846"
+         x="-2.8409944"
+         y="-3.2688792"
+         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.8110119"
-         x="6.6735296"
-         id="image1861"
-         preserveAspectRatio="none"
+         width="10.186458"
          height="9.8557291"
-         width="10.186458" />
+         preserveAspectRatio="none"
+         id="image1861"
+         x="6.6735296"
+         y="-1.8110119" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="g1869"
        inkscape:label="ex2"
-       style="display:none"
+       style="display:inline"
        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"
+         width="12.504245"
          height="10.967445"
-         width="12.504245" />
+         preserveAspectRatio="none"
+         id="image1895"
+         x="-2.4482913"
+         y="-2.2004519" />
       <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"
+         style="display:inline"
          y="-2.1428535"
-         style="display:inline" />
+         x="5.6413717"
+         id="image1895-8"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.1428535"
-         style="display:inline" />
+         x="12.991283"
+         id="image1895-8-4"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.1428535"
-         style="display:inline" />
+         x="20.541647"
+         id="image1895-8-5"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.209671"
-         style="display:inline" />
+         x="28.092012"
+         id="image1895-8-48"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.209671"
-         style="display:inline" />
+         x="35.508743"
+         id="image1895-8-8"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.1428537"
-         style="display:inline" />
+         x="43.192741"
+         id="image1895-8-56"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         style="display:inline"
          y="-2.2764883"
-         style="display:inline" />
+         x="50.542652"
+         id="image1895-8-56-4"
+         preserveAspectRatio="none"
+         height="10.967445"
+         width="11.836071" />
       <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"
+         width="9.70683"
          height="9.5083361"
-         width="9.70683" />
+         preserveAspectRatio="none"
+         id="image2003"
+         x="58.906834"
+         y="-1.3243523" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="layer8"
        inkscape:label="ex1"
-       style="display:inline"
+       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="-2.5891366"
-         x="50.650154"
-         id="image1690"
-         preserveAspectRatio="none"
+         width="11.603868"
          height="11.603868"
-         width="11.603868" />
+         preserveAspectRatio="none"
+         id="image1690"
+         x="50.650154"
+         y="-2.5891366"
+         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"
-         style="display:inline"
-         y="-1.6190027"
-         x="43.794415"
-         id="image1704"
-         preserveAspectRatio="none"
+         width="10.080501"
          height="10.080501"
-         width="10.080501" />
+         preserveAspectRatio="none"
+         id="image1704"
+         x="43.794415"
+         y="-1.6190027"
+         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"
-         style="display:inline"
-         y="-2.3514125"
-         x="35.702766"
-         id="image1718"
-         preserveAspectRatio="none"
+         width="11.573551"
          height="11.573551"
-         width="11.573551" />
+         preserveAspectRatio="none"
+         id="image1718"
+         x="35.702766"
+         y="-2.3514125"
+         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.573552"
-         height="11.573552"
-         preserveAspectRatio="none"
-         id="image1718-8"
-         x="28.254705"
+         style="display:inline"
          y="-2.2847643"
-         style="display:inline" />
+         x="28.254705"
+         id="image1718-8"
+         preserveAspectRatio="none"
+         height="11.573552"
+         width="11.573552" />
       <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"
+         style="display:inline"
          y="-2.3222265"
-         style="display:inline" />
+         x="20.71307"
+         id="image1718-8-1"
+         preserveAspectRatio="none"
+         height="11.573553"
+         width="11.573553" />
       <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"
+         style="display:inline"
          y="-2.3320122"
-         style="display:inline" />
+         x="13.314858"
+         id="image1718-8-1-1"
+         preserveAspectRatio="none"
+         height="11.573554"
+         width="11.573554" />
       <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"
+         width="11.435166"
          height="11.435166"
-         width="11.435166" />
+         preserveAspectRatio="none"
+         id="image1777"
+         x="5.787931"
+         y="-2.3067575"
+         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="12.437428"
-         height="11.435167"
-         preserveAspectRatio="none"
-         id="image1777-6"
-         x="-2.3767142"
+         style="display:inline"
          y="-2.3098967"
-         style="display:inline" />
+         x="-2.3767142"
+         id="image1777-6"
+         preserveAspectRatio="none"
+         height="11.435167"
+         width="12.437428" />
     </g>
   </g>
   <g
@@ -2171,7 +2172,7 @@
        inkscape:groupmode="layer"
        id="layer2"
        inkscape:label="backward"
-       style="display:inline"
+       style="display:none"
        sodipodi:insensitive="true">
       <text
          xml:space="preserve"
@@ -2301,127 +2302,127 @@
        inkscape:groupmode="layer"
        id="g1268"
        inkscape:label="forward"
-       style="display:none"
+       style="display:inline"
        sodipodi:insensitive="true">
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="2.9505095"
+         x="1.8921762"
          y="4.4277778"
          id="text1226"><tspan
            sodipodi:role="line"
            id="tspan1224"
-           x="2.9505095"
+           x="1.8921762"
            y="4.4277778"
            style="stroke-width:0.0988908">2</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="11.037106"
+         x="9.9787731"
          y="4.3775592"
          id="text1230"><tspan
            sodipodi:role="line"
            id="tspan1228"
-           x="11.037106"
+           x="9.9787731"
            y="4.3775592"
            style="stroke-width:0.0988908">3</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="18.431952"
+         x="17.373617"
          y="4.4258475"
          id="text1234"><tspan
            sodipodi:role="line"
-           x="18.431952"
+           x="17.373617"
            y="4.4258475"
            style="stroke-width:0.0988908"
            id="tspan1270">4</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="26.265051"
+         x="25.206717"
          y="4.4258475"
          id="text1238"><tspan
            sodipodi:role="line"
            id="tspan1236"
-           x="26.265051"
+           x="25.206717"
            y="4.4258475"
            style="stroke-width:0.0988908">5</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="33.719131"
+         x="32.660797"
          y="4.4335723"
          id="text1242"><tspan
            sodipodi:role="line"
            id="tspan1240"
-           x="33.719131"
+           x="32.660797"
            y="4.4335723"
            style="stroke-width:0.0988908">6</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="41.171207"
+         x="40.112873"
          y="4.3679023"
          id="text1246"><tspan
            sodipodi:role="line"
            id="tspan1244"
-           x="41.171207"
+           x="40.112873"
            y="4.3679023"
            style="stroke-width:0.0988908">7</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="48.65308"
+         x="47.594746"
          y="4.4219832"
          id="text1250"><tspan
            sodipodi:role="line"
            id="tspan1248"
-           x="48.65308"
+           x="47.594746"
            y="4.4219832"
            style="stroke-width:0.0988908">8</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="56.104588"
+         x="55.046253"
          y="4.3679023"
          id="text1254"><tspan
            sodipodi:role="line"
            id="tspan1252"
-           x="56.104588"
+           x="55.046253"
            y="4.3679023"
            style="stroke-width:0.0988908">9</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="62.055248"
+         x="60.996914"
          y="4.3679023"
          id="text1258"><tspan
            sodipodi:role="line"
            id="tspan1256"
-           x="62.055248"
+           x="60.996914"
            y="4.3679023"
            style="stroke-width:0.0988908">10</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="70.024078"
+         x="68.965744"
          y="4.4277778"
          id="text1262"><tspan
            sodipodi:role="line"
            id="tspan1260"
-           x="70.024078"
+           x="68.965744"
            y="4.4277778"
            style="stroke-width:0.0988908">11</tspan></text>
       <text
          xml:space="preserve"
          style="font-size:3.95562px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;display:inline;stroke-width:0.0988908"
-         x="77.48658"
+         x="76.428246"
          y="4.4277778"
          id="text1266"><tspan
            sodipodi:role="line"
            id="tspan1264"
-           x="77.48658"
+           x="76.428246"
            y="4.4277778"
            style="stroke-width:0.0988908">12</tspan></text>
     </g>

Qwixx/frontend/inkScape/icons/iconLock.svg

@@ -5,6 +5,7 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="140mm"
@@ -13,9 +14,52 @@
    version="1.1"
    id="svg906"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
-   sodipodi:docname="lockIcon.svg">
+   sodipodi:docname="iconLock.svg">
   <defs
-     id="defs900" />
+     id="defs900">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient890">
+      <stop
+         style="stop-color:#ffff00;stop-opacity:1;"
+         offset="0"
+         id="stop886" />
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:1"
+         offset="1"
+         id="stop888" />
+    </linearGradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask894">
+      <path
+         sodipodi:type="star"
+         style="fill:url(#radialGradient898);fill-opacity:1;stroke-width:1"
+         id="path896"
+         sodipodi:sides="6"
+         sodipodi:cx="12.425968"
+         sodipodi:cy="-10.772322"
+         sodipodi:r1="5.6414213"
+         sodipodi:r2="4.8856134"
+         sodipodi:arg1="0.63680104"
+         sodipodi:arg2="1.1603998"
+         inkscape:flatsided="true"
+         inkscape:rounded="0"
+         inkscape:randomized="0"
+         d="m 16.961683,-7.417783 -5.172973,2.2507745 -4.5357147,-3.3545387 0.6372585,-5.6053128 5.1729732,-2.250775 4.535714,3.354539 z" />
+    </mask>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient890"
+       id="radialGradient898"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.3095463,0.51759033,-0.14612411,0.65202226,-17.846476,-10.180089)"
+       cx="12.425967"
+       cy="-10.772322"
+       fx="12.425967"
+       fy="-10.772322"
+       r="5.1729729" />
+  </defs>
   <sodipodi:namedview
      id="base"
      pagecolor="#ffffff"
@@ -24,10 +68,10 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="5.6"
-     inkscape:cx="77.682065"
-     inkscape:cy="27.974659"
+     inkscape:cx="-6.5644448"
+     inkscape:cy="34.816019"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="layer9"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
@@ -69,6 +113,31 @@
        d="M 20.788692,16.939268 11.008801,23.295202 0.61445512,18.003535 2.3097214e-7,6.3559341 9.7798913,-1.0500309e-7 20.174237,5.291667 Z"
        transform="rotate(2.7077864,-0.80054583,11.912184)" />
   </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="color">
+    <g
+       inkscape:groupmode="layer"
+       id="layer5"
+       inkscape:label="red" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer6"
+       inkscape:label="yellow" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer7"
+       inkscape:label="blue" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer8"
+       inkscape:label="green" />
+    <g
+       inkscape:groupmode="layer"
+       id="layer9"
+       inkscape:label="shape" />
+  </g>
   <g
      inkscape:groupmode="layer"
      id="layer2"

Qwixx/frontend/inkScape/icons/penaltyUnchecked.svg

@@ -1,73 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns: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"
-   version="1.1"
-   id="svg906"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
-   sodipodi:docname="penaltyUnchecked.svg">
-  <defs
-     id="defs900" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="252.40867"
-     inkscape:cy="111.42136"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     inkscape:document-rotation="0"
-     showgrid="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1018"
-     inkscape:window-x="1912"
-     inkscape:window-y="135"
-     inkscape:window-maximized="1"
-     inkscape:pagecheckerboard="true" />
-  <metadata
-     id="metadata903">
-    <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">
-    <path
-       sodipodi:type="star"
-       style="fill:#ffffff;fill-opacity:1;stroke:#fffffd;stroke-width:0.26458332;stroke-opacity:1"
-       id="path812"
-       sodipodi:sides="5"
-       sodipodi:cx="5.5408645"
-       sodipodi:cy="7.2347769"
-       sodipodi:r1="5.7455177"
-       sodipodi:r2="1.6948932"
-       sodipodi:arg1="0.93716332"
-       sodipodi:arg2="1.5654818"
-       inkscape:flatsided="false"
-       inkscape:rounded="0"
-       inkscape:randomized="0"
-       d="M 8.9426501,11.864985 5.549872,8.9296463 2.1884843,11.90088 3.9317314,7.767087 0.06719395,5.4883792 4.5373581,5.8688934 5.5103302,1.4893404 6.5297964,5.8583044 10.995664,5.4302996 7.1555644,7.7499537 Z"
-       inkscape:transform-center-x="0.009435764"
-       inkscape:transform-center-y="-0.53966665" />
-  </g>
-</svg>

Qwixx/frontend/inkScape/toDo.txt

@@ -25,4 +25,12 @@ create some colored die pngs - use them in decoration. 15oct20
 
 20OCT29
 1. put different boxes onto row to show the different selection options
-2. use rows to build a player card?
+2. use rows to build a player card?
+3. fix the lockIcon to use on player card
+
+
+20NOV3
+1. fix the lockIcon to use on player card (rework the stroke to be 2 shapes clipped for the border -> use the inner clip shape for the different colors)
+2. change the name area for player card
+3. check the voteEmblem for player card (may need to be reworked)
+4. check to see if player's avatar level icon is created