VS_CODE/Qwixx/frontend-example/submenuGenerator.svg

<?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: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"
   inkscape:export-ydpi="96"
   inkscape:export-xdpi="96"
   inkscape:export-filename="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\empty-16-9.png"
   sodipodi:docname="submenuGenerator.svg"
   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
   id="svg8"
   version="1.1"
   viewBox="0 0 508 285.75"
   height="1080"
   width="1920">
  <defs
     id="defs2">
    <rect
       id="rect6733"
       height="80.130952"
       width="365.88095"
       y="89.202381"
       x="39.309524" />
    <rect
       id="rect6195"
       height="32.072343"
       width="59.333835"
       y="25.123336"
       x="292.39286" />
    <rect
       id="rect3708"
       height="150.74001"
       width="254.97513"
       y="54.522984"
       x="222.90279" />
    <rect
       x="129.26786"
       y="85.422618"
       width="136.82738"
       height="60.47619"
       id="rect5269" />
    <rect
       x="37.041666"
       y="27.214286"
       width="262.31547"
       height="71.815476"
       id="rect5247" />
    <rect
       x="74.300928"
       y="48.108515"
       width="337.29414"
       height="169.98342"
       id="rect9" />
    <pattern
       patternUnits="userSpaceOnUse"
       width="1860.3242"
       height="1020.3242"
       patternTransform="translate(29.837891,29.837891)"
       id="pattern1553">
      <path
         d="M 0,0 V 1020.3242 H 2.169921 1860.3242 V 0 Z"
         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.34717;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
         id="path320" />
    </pattern>
    <rect
       id="rect536"
       height="60.47619"
       width="136.82738"
       y="85.422618"
       x="129.26786" />
    <rect
       id="rect558"
       height="60.47619"
       width="136.82738"
       y="85.422618"
       x="129.26786" />
    <rect
       id="rect580"
       height="60.47619"
       width="136.82738"
       y="85.422618"
       x="129.26786" />
    <rect
       id="rect602"
       height="60.47619"
       width="136.82738"
       y="85.422618"
       x="129.26786" />
    <rect
       id="rect624"
       height="60.47619"
       width="136.82738"
       y="85.422618"
       x="129.26786" />
    <rect
       x="222.90279"
       y="54.522984"
       width="254.97513"
       height="150.74001"
       id="rect3718" />
    <rect
       id="rect3726"
       height="150.74001"
       width="254.97513"
       y="54.522984"
       x="222.90279" />
    <rect
       x="222.90279"
       y="54.522984"
       width="254.97513"
       height="150.74001"
       id="rect3734" />
    <rect
       id="rect3742"
       height="150.74001"
       width="254.97513"
       y="54.522984"
       x="222.90279" />
    <rect
       x="292.39286"
       y="25.123336"
       width="59.333835"
       height="32.072343"
       id="rect6260" />
    <rect
       x="292.39285"
       y="25.123337"
       width="59.333836"
       height="32.072342"
       id="rect6195-9" />
    <rect
       x="292.39285"
       y="25.123337"
       width="59.333836"
       height="32.072342"
       id="rect6271" />
    <rect
       x="292.39286"
       y="25.123336"
       width="59.333835"
       height="32.072343"
       id="rect6324" />
    <rect
       id="rect6326"
       height="32.072342"
       width="59.333836"
       y="25.123337"
       x="292.39285" />
    <rect
       id="rect6350"
       height="32.072342"
       width="59.333836"
       y="25.123337"
       x="292.39285" />
    <rect
       x="292.39285"
       y="25.123337"
       width="59.333836"
       height="32.072342"
       id="rect6366" />
  </defs>
  <sodipodi:namedview
     inkscape:window-maximized="1"
     inkscape:window-y="-8"
     inkscape:window-x="-8"
     inkscape:window-height="1017"
     inkscape:window-width="1920"
     inkscape:pagecheckerboard="true"
     units="px"
     showgrid="false"
     inkscape:document-rotation="0"
     inkscape:current-layer="layer30"
     inkscape:document-units="mm"
     inkscape:cy="851.48001"
     inkscape:cx="256.6639"
     inkscape:zoom="0.35"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     borderopacity="1.0"
     bordercolor="#666666"
     pagecolor="#ffffff"
     id="base"
     showguides="true" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:groupmode="layer"
     id="layer5"
     inkscape:label="borders"
     style="display:inline"
     sodipodi:insensitive="true">
    <g
       inkscape:label="create-game"
       id="g91"
       inkscape:groupmode="layer"
       style="display:none">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\inherited\create-game.svg"
         xlink:href="palette/inherited/create-game.svg"
         y="2.8421709e-14"
         x="0"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="508"
         height="285.75"
         id="image1479" />
    </g>
    <g
       style="display:none"
       inkscape:groupmode="layer"
       id="g2575"
       inkscape:label="statistics">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\inherited\statistics.svg"
         xlink:href="palette/inherited/statistics.svg"
         id="image2573"
         height="285.75"
         width="508"
         inkscape:svg-dpi="96"
         preserveAspectRatio="none"
         x="0"
         y="2.8421709e-14" />
    </g>
    <g
       inkscape:label="join-game"
       id="g2592"
       inkscape:groupmode="layer"
       style="display:none">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\inherited\join-game.svg"
         xlink:href="palette/inherited/join-game.svg"
         y="2.8421709e-14"
         x="0"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="508"
         height="285.75"
         id="image2590" />
    </g>
    <g
       style="display:inline"
       inkscape:groupmode="layer"
       id="g2609"
       inkscape:label="change-name">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\inherited\change-name.svg"
         xlink:href="palette/inherited/change-name.svg"
         id="image2607"
         height="285.75"
         width="508"
         inkscape:svg-dpi="96"
         preserveAspectRatio="none"
         x="0"
         y="2.8421709e-14" />
    </g>
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer4"
     inkscape:label="bg"
     style="display:inline"
     sodipodi:insensitive="true">
    <image
       sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\light-bg.svg"
       xlink:href="palette/light-bg.svg"
       y="13.229167"
       x="13.229167"
       preserveAspectRatio="none"
       inkscape:svg-dpi="96"
       width="481.54166"
       height="259.29166"
       id="image38" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer7"
     inkscape:label="buttons"
     sodipodi:insensitive="true">
    <g
       inkscape:groupmode="layer"
       id="layer8"
       inkscape:label="create-game"
       style="display:none">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-buttons\create-game.svg"
         xlink:href="generated-buttons/create-game.svg"
         y="220.9017"
         x="288.29462"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="206.4762"
         height="51.619118"
         id="image2881" />
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer9"
       inkscape:label="join-game"
       style="display:none">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-buttons\join-game.svg"
         xlink:href="generated-buttons/join-game.svg"
         y="217.12195"
         x="273.1756"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="221.59523"
         height="55.39888"
         id="image3706" />
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer10"
       inkscape:label="statistics"
       style="display:none">
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
         x="367.39285"
         y="259.29166"
         id="text5145"><tspan
           sodipodi:role="line"
           id="tspan5143"
           x="367.39285"
           y="259.29166"
           style="stroke-width:0.264583">- press esc to close -</tspan></text>
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer11"
       inkscape:label="change-name"
       style="display:inline">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-buttons\change-name.svg"
         xlink:href="generated-buttons/change-name.svg"
         y="224.68147"
         x="303.41364"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="191.35716"
         height="47.839352"
         id="image4532" />
    </g>
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:label="stats"
     id="layer23"
     inkscape:groupmode="layer">
    <g
       sodipodi:insensitive="true"
       inkscape:label="row3"
       id="layer28"
       inkscape:groupmode="layer">
      <path
         style="display:inline;fill:none;stroke:#000000;stroke-width:1.09718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         d="m 45.190448,150.66155 434.347582,2.13816"
         id="path5304-2" />
      <text
         xml:space="preserve"
         id="text6193-4"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6195-9);display:inline;fill:#000000;fill-opacity:1;stroke:none;"
         transform="matrix(2.0684566,0,0,2.0684566,-267.9447,70.222516)"><tspan
           x="292.39258"
           y="34.486787"><tspan>22</tspan></tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:21.8911px;font-family:sans-serif;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.547277"
         x="436.44504"
         y="141.26837"
         id="text6201-6"><tspan
           sodipodi:role="line"
           id="tspan6199-3"
           x="436.44504"
           y="141.26837"
           style="stroke-width:0.547277">1</tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:groupmode="layer"
       id="g6348"
       inkscape:label="row4">
      <path
         id="path6336"
         d="m 45.190448,188.01021 434.347582,2.13816"
         style="display:inline;fill:none;stroke:#000000;stroke-width:1.09718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <text
         transform="matrix(2.0684566,0,0,2.0684566,-267.9447,107.57117)"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6350);display:inline;fill:#000000;fill-opacity:1;stroke:none;"
         id="text6342"
         xml:space="preserve"><tspan
           x="292.39258"
           y="34.486787"><tspan>7</tspan></tspan></text>
      <text
         id="text6346"
         y="178.61703"
         x="436.44504"
         style="font-style:normal;font-weight:normal;font-size:21.8911px;font-family:sans-serif;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.547277"
         xml:space="preserve"><tspan
           style="stroke-width:0.547277"
           y="178.61703"
           x="436.44504"
           id="tspan6344"
           sodipodi:role="line">666</tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:label="row5"
       id="g6364"
       inkscape:groupmode="layer">
      <path
         style="display:inline;fill:none;stroke:#000000;stroke-width:1.09718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         d="m 45.190448,225.58128 434.347582,2.13816"
         id="path6352" />
      <text
         xml:space="preserve"
         id="text6358"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6366);display:inline;fill:#000000;fill-opacity:1;stroke:none;"
         transform="matrix(2.0684566,0,0,2.0684566,-267.9447,145.14224)"><tspan
           x="292.39258"
           y="34.486787"><tspan>96</tspan></tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:21.8911px;font-family:sans-serif;display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.547277"
         x="436.44504"
         y="216.18736"
         id="text6362"><tspan
           sodipodi:role="line"
           id="tspan6360"
           x="436.44504"
           y="216.18736"
           style="stroke-width:0.547277">11</tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       style="display:inline"
       inkscape:label="row2"
       id="layer25"
       inkscape:groupmode="layer">
      <path
         id="path5304"
         d="m 45.776835,111.326 434.347585,2.13815"
         style="fill:none;stroke:#000000;stroke-width:1.09718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <text
         transform="matrix(2.0684566,0,0,2.0684566,-267.45758,30.886952)"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6195);fill:#000000;fill-opacity:1;stroke:none;"
         id="text6193"
         xml:space="preserve"><tspan
           x="292.39258"
           y="34.486787"><tspan>10000</tspan></tspan></text>
      <text
         id="text6201"
         y="101.93277"
         x="436.93234"
         style="font-style:normal;font-weight:normal;font-size:21.8911px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.547278"
         xml:space="preserve"><tspan
           style="stroke-width:0.547278"
           y="101.93277"
           x="436.93234"
           id="tspan6199"
           sodipodi:role="line">0</tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:groupmode="layer"
       id="g6258"
       inkscape:label="row1">
      <path
         style="fill:none;stroke:#000000;stroke-width:1.09718;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         d="M 45.776835,74.145137 480.12442,76.283295"
         id="path6248" />
      <text
         xml:space="preserve"
         id="text6252"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6260);fill:#000000;fill-opacity:1;stroke:none;"
         transform="matrix(2.0684566,0,0,2.0684566,-267.45758,-6.2939066)"><tspan
           x="292.39258"
           y="34.486787"><tspan>487</tspan></tspan></text>
      <text
         xml:space="preserve"
         style="font-style:normal;font-weight:normal;font-size:21.8911px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.547278"
         x="436.93234"
         y="64.751915"
         id="text6256"><tspan
           sodipodi:role="line"
           id="tspan6254"
           x="436.93234"
           y="64.751915"
           style="stroke-width:0.547278">5</tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:label="player names"
       id="layer27"
       inkscape:groupmode="layer">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\chocoholic.svg"
         xlink:href="generated-playerNames/chocoholic.svg"
         style="display:inline"
         y="42.578972"
         x="14"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="315"
         height="32"
         id="image6159" />
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\classic.svg"
         xlink:href="generated-playerNames/classic.svg"
         y="159.177"
         x="14"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="315"
         height="32"
         id="image6398" />
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\dropTable.svg"
         xlink:href="generated-playerNames/dropTable.svg"
         y="194.58701"
         x="14"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="315"
         height="32"
         id="image6462" />
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\really-long-player-name.svg"
         xlink:href="generated-playerNames/really-long-player-name.svg"
         y="119.76042"
         x="14"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="315"
         height="32"
         id="image6536" />
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\L337guy.svg"
         xlink:href="generated-playerNames/L337guy.svg"
         y="79.739189"
         x="14"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="315"
         height="32"
         id="image6610" />
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:label="header"
       id="layer26"
       inkscape:groupmode="layer">
      <text
         id="text6206"
         y="35.019005"
         x="338.97855"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
         xml:space="preserve"><tspan
           style="stroke-width:0.264583"
           y="35.019005"
           x="338.97855"
           id="tspan6204"
           sodipodi:role="line">WINS</tspan><tspan
           id="tspan6208"
           style="stroke-width:0.264583"
           y="48.248131"
           x="338.97855"
           sodipodi:role="line" /></text>
      <text
         id="text6212"
         y="34.867268"
         x="438.29126"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
         xml:space="preserve"><tspan
           style="stroke-width:0.264583"
           y="34.867268"
           x="438.29126"
           id="tspan6210"
           sodipodi:role="line">LOSSES</tspan><tspan
           id="tspan6214"
           style="stroke-width:0.264583"
           y="48.096394"
           x="438.29126"
           sodipodi:role="line" /></text>
    </g>
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:inline"
     inkscape:label="change-name"
     id="layer24"
     inkscape:groupmode="layer">
    <g
       inkscape:label="current"
       id="layer29"
       inkscape:groupmode="layer">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-playerNames\really-long-player-name.svg"
         xlink:href="generated-playerNames/really-long-player-name.svg"
         y="13.229167"
         x="13.229167"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="311.01089"
         height="31.101091"
         id="image6686" />
    </g>
    <g
       inkscape:label="new"
       id="layer30"
       inkscape:groupmode="layer">
      <text
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect6733);fill:#000000;fill-opacity:1;stroke:none;"
         id="text6731"
         xml:space="preserve"><tspan
           x="39.308594"
           y="98.566865"><tspan>What is your new name?</tspan></tspan></text>
      <rect
         y="106.28699"
         x="40.065475"
         height="42.333332"
         width="395.3631"
         id="rect6741"
         style="fill:#ffffff;stroke:#000000;stroke-width:2.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <text
         id="text6739"
         y="133.52733"
         x="51.53405"
         style="font-style:normal;font-weight:normal;font-size:20.0901px;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.502253"
         xml:space="preserve"><tspan
           style="stroke-width:0.502253"
           y="133.52733"
           x="51.53405"
           id="tspan6737"
           sodipodi:role="line">Smyth Smitherso_</tspan></text>
    </g>
  </g>
  <g
     sodipodi:insensitive="true"
     style="display:none"
     inkscape:groupmode="layer"
     id="layer12"
     inkscape:label="game options">
    <g
       sodipodi:insensitive="true"
       style="display:inline"
       inkscape:groupmode="layer"
       id="layer13"
       inkscape:label="game type">
      <text
         xml:space="preserve"
         id="text5245"
         style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect5247);fill:#000000;fill-opacity:1;stroke:none;"
         transform="matrix(1.6302788,0,0,1.6302788,-23.720728,-17.986743)"><tspan
           x="37.041016"
           y="36.578583"><tspan>Choose game type</tspan></tspan></text>
    </g>
    <g
       sodipodi:insensitive="true"
       inkscape:label="icons"
       id="layer1"
       inkscape:groupmode="layer">
      <g
         sodipodi:insensitive="true"
         style="display:inline"
         inkscape:label="kick"
         id="layer2"
         inkscape:groupmode="layer">
        <image
           sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-icons\kick.svg"
           xlink:href="generated-icons/kick.svg"
           style="display:inline"
           y="125.02917"
           x="137.2108"
           preserveAspectRatio="none"
           inkscape:svg-dpi="96"
           width="245.39363"
           height="163.59576"
           id="image824" />
      </g>
      <g
         sodipodi:insensitive="true"
         style="display:none"
         inkscape:label="sudden"
         id="layer3"
         inkscape:groupmode="layer">
        <image
           sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-icons\sudden.svg"
           xlink:href="generated-icons/sudden.svg"
           y="169.62926"
           x="-65.773598"
           preserveAspectRatio="none"
           inkscape:svg-dpi="96"
           width="515.06024"
           height="343.3735"
           id="image3323" />
      </g>
      <g
         sodipodi:insensitive="true"
         style="display:inline"
         inkscape:label="clock"
         id="layer6"
         inkscape:groupmode="layer">
        <image
           sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-icons\clock.svg"
           xlink:href="generated-icons/clock.svg"
           y="142.70897"
           x="89.86319"
           preserveAspectRatio="none"
           inkscape:svg-dpi="96"
           width="308.34128"
           height="205.56085"
           id="image2745" />
      </g>
      <g
         style="display:none"
         sodipodi:insensitive="true"
         inkscape:label="hourglass"
         id="layer22"
         inkscape:groupmode="layer">
        <image
           sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-icons\hourglass.svg"
           xlink:href="generated-icons/hourglass.svg"
           y="182.69708"
           x="-103.48584"
           preserveAspectRatio="none"
           inkscape:svg-dpi="96"
           width="253.222"
           height="168.81465"
           id="image4892" />
      </g>
      <g
         sodipodi:insensitive="true"
         style="display:none"
         inkscape:label="blitz"
         id="layer18"
         inkscape:groupmode="layer">
        <image
           sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\generated-icons\blitz.svg"
           xlink:href="generated-icons/blitz.svg"
           y="188.10475"
           x="105.53369"
           preserveAspectRatio="none"
           inkscape:svg-dpi="96"
           width="227.35858"
           height="151.57239"
           id="image2166" />
      </g>
    </g>
    <g
       sodipodi:insensitive="true"
       style="display:inline"
       inkscape:label="help text"
       id="layer19"
       inkscape:groupmode="layer">
      <g
         style="display:inline"
         inkscape:label="normal"
         id="layer20"
         inkscape:groupmode="layer">
        <text
           style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect3708);fill:#000000;fill-opacity:1;stroke:none;"
           id="text3706"
           xml:space="preserve"><tspan
             x="222.90234"
             y="63.887177"><tspan>players may choose to remove other players </tspan></tspan><tspan
             x="222.90234"
             y="77.116303"><tspan>and place restricitons on how much time is </tspan></tspan><tspan
             x="222.90234"
             y="90.345429"><tspan>available to make decisions
</tspan></tspan><tspan
             x="222.90234"
             y="103.57456"><tspan>
</tspan></tspan><tspan
             x="222.90234"
             y="116.80368"><tspan>these options are not set by default but players </tspan></tspan><tspan
             x="222.90234"
             y="130.03281"><tspan>are free to vote to bring these changes into </tspan></tspan><tspan
             x="222.90234"
             y="143.26193"><tspan>effect</tspan></tspan></text>
      </g>
      <g
         style="display:none"
         inkscape:groupmode="layer"
         id="g3716"
         inkscape:label="timed">
        <text
           xml:space="preserve"
           id="text3714"
           style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect3718);fill:#000000;fill-opacity:1;stroke:none;"><tspan
             x="222.90234"
             y="63.887177"><tspan>each player has an allocation of time that they </tspan></tspan><tspan
             x="222.90234"
             y="77.116303"><tspan>may use throughout the game</tspan></tspan></text>
      </g>
      <g
         inkscape:label="unrestricted"
         id="g3724"
         inkscape:groupmode="layer"
         style="display:none">
        <text
           style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect3726);fill:#000000;fill-opacity:1;stroke:none;"
           id="text3722"
           xml:space="preserve"><tspan
             x="222.90234"
             y="63.887177"><tspan>unlimited time to make decisions is guaranteed </tspan></tspan><tspan
             x="222.90234"
             y="77.116303"><tspan>to all players and all players present at the </tspan></tspan><tspan
             x="222.90234"
             y="90.345429"><tspan>beginging of the game are guaranteed </tspan></tspan><tspan
             x="222.90234"
             y="103.57456"><tspan>irrevocable access to the game</tspan></tspan></text>
      </g>
      <g
         style="display:none"
         inkscape:groupmode="layer"
         id="g3732"
         inkscape:label="blitz">
        <text
           xml:space="preserve"
           id="text3730"
           style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect3734);fill:#000000;fill-opacity:1;stroke:none;"><tspan
             x="222.90234"
             y="63.887177"><tspan>the game ends has a predetermined time
</tspan></tspan><tspan
             x="222.90234"
             y="77.116303"><tspan>
</tspan></tspan><tspan
             x="222.90234"
             y="90.345429"><tspan>&lt;&lt; each round is limited to a fraction of the </tspan></tspan><tspan
             x="222.90234"
             y="103.57456"><tspan>game time based on the maximum number of </tspan></tspan><tspan
             x="222.90234"
             y="116.80368"><tspan>rounds required to complete a game &gt;&gt;
</tspan></tspan><tspan
             x="222.90234"
             y="130.03281"><tspan>
</tspan></tspan><tspan
             x="222.90234"
             y="143.26193"><tspan>&lt;&lt; this calculated limit takes into account the </tspan></tspan><tspan
             x="222.90234"
             y="156.49106"><tspan>total number of players &gt;&gt;</tspan></tspan></text>
      </g>
      <g
         inkscape:label="sudden death"
         id="g3740"
         inkscape:groupmode="layer"
         style="display:none">
        <text
           style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect3742);fill:#000000;fill-opacity:1;stroke:none;"
           id="text3738"
           xml:space="preserve"><tspan
             x="222.90234"
             y="63.887177"><tspan>act quickly, players forfeit the game if they do </tspan></tspan><tspan
             x="222.90234"
             y="77.116303"><tspan>not decide fast enough</tspan></tspan></text>
      </g>
    </g>
    <g
       inkscape:label="radio buttons"
       id="layer21"
       inkscape:groupmode="layer">
      <g
         sodipodi:insensitive="true"
         style="display:none"
         inkscape:groupmode="layer"
         id="layer14"
         inkscape:label="base-radio-option">
        <g
           inkscape:groupmode="layer"
           id="layer16"
           inkscape:label="base">
          <ellipse
             style="fill:#000000;fill-opacity:1;stroke-width:0.0492575"
             id="path5256"
             cx="105.85948"
             cy="108.47914"
             rx="13.581008"
             ry="13.229168" />
          <circle
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0645323"
             id="path5254"
             cx="105.80904"
             cy="108.35837"
             r="11.419548" />
        </g>
        <g
           inkscape:groupmode="layer"
           id="layer17"
           inkscape:label="text">
          <text
             xml:space="preserve"
             id="text5267"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect5269);fill:#000000;fill-opacity:1;stroke:none;"
             transform="matrix(2.1954646,0,0,2.1954646,-149.20607,-91.605079)"><tspan
               x="129.26758"
               y="94.785615"><tspan>This is an opiton</tspan></tspan></text>
        </g>
        <g
           inkscape:groupmode="layer"
           id="layer15"
           inkscape:label="selected"
           style="display:inline">
          <circle
             r="6.1419549"
             cy="108.56947"
             cx="105.87941"
             id="circle5260"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0347084" />
        </g>
      </g>
      <g
         style="display:inline"
         inkscape:label="normal"
         id="g622"
         inkscape:groupmode="layer">
        <g
           sodipodi:insensitive="true"
           inkscape:label="base"
           id="g608"
           inkscape:groupmode="layer">
          <ellipse
             ry="8.4297485"
             rx="8.653945"
             cy="66.638046"
             cx="56.33123"
             id="ellipse604"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0313873" />
          <circle
             r="7.2766423"
             cy="66.561081"
             cx="56.299084"
             id="circle606"
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0411206" />
        </g>
        <g
           inkscape:label="text"
           id="g616"
           inkscape:groupmode="layer">
          <text
             transform="matrix(1.3989705,0,0,1.3989705,-106.19891,-60.857474)"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect624);fill:#000000;fill-opacity:1;stroke:none;"
             id="text614"
             xml:space="preserve"><tspan
               x="129.26758"
               y="94.785615"><tspan>normal</tspan></tspan></text>
        </g>
        <g
           style="display:inline"
           inkscape:label="selected"
           id="g620"
           inkscape:groupmode="layer">
          <circle
             style="fill:#000000;fill-opacity:1;stroke-width:0.0221165"
             id="circle618"
             cx="56.343929"
             cy="66.695618"
             r="3.9137108" />
        </g>
      </g>
      <g
         style="display:inline"
         inkscape:label="unrestricted"
         id="g600"
         inkscape:groupmode="layer">
        <g
           style="display:inline"
           inkscape:label="base"
           id="g586"
           inkscape:groupmode="layer">
          <ellipse
             ry="8.4297485"
             rx="8.653945"
             cy="109.99104"
             cx="56.812927"
             id="ellipse582"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0313873" />
          <circle
             r="7.2766423"
             cy="109.91407"
             cx="56.780785"
             id="circle584"
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0411206" />
        </g>
        <g
           inkscape:label="text"
           id="g594"
           inkscape:groupmode="layer">
          <text
             transform="matrix(1.3989705,0,0,1.3989705,-105.71721,-17.504481)"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect602);fill:#000000;fill-opacity:1;stroke:none;"
             id="text592"
             xml:space="preserve"><tspan
               x="129.26758"
               y="94.785615"><tspan>unrestricted</tspan></tspan></text>
        </g>
        <g
           style="display:none"
           inkscape:label="selected"
           id="g598"
           inkscape:groupmode="layer">
          <circle
             r="3.9000001"
             style="fill:#000000;fill-opacity:1;stroke-width:0.022039"
             id="circle596"
             cx="56.98415"
             cy="109.79308" />
        </g>
      </g>
      <g
         style="display:inline"
         inkscape:label="blitz"
         id="g578"
         inkscape:groupmode="layer">
        <g
           sodipodi:insensitive="true"
           inkscape:label="base"
           id="g564"
           inkscape:groupmode="layer">
          <ellipse
             ry="8.4297485"
             rx="8.653945"
             cy="132.14925"
             cx="56.812927"
             id="ellipse560"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0313873" />
          <circle
             r="7.2766423"
             cy="132.07228"
             cx="56.780785"
             id="circle562"
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0411206" />
        </g>
        <g
           inkscape:label="text"
           id="g572"
           inkscape:groupmode="layer">
          <text
             transform="matrix(1.3989705,0,0,1.3989705,-105.71721,4.6537127)"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect580);fill:#000000;fill-opacity:1;stroke:none;"
             id="text570"
             xml:space="preserve"><tspan
               x="129.26758"
               y="94.785615"><tspan>blitz</tspan></tspan></text>
        </g>
        <g
           sodipodi:insensitive="true"
           style="display:none"
           inkscape:label="selected"
           id="g576"
           inkscape:groupmode="layer">
          <circle
             r="3.9000001"
             style="fill:#000000;fill-opacity:1;stroke-width:0.022039"
             id="circle574"
             cx="56.757362"
             cy="132.11334" />
        </g>
      </g>
      <g
         style="display:inline"
         inkscape:label="sudden death"
         id="g556"
         inkscape:groupmode="layer">
        <g
           inkscape:label="base"
           id="g542"
           inkscape:groupmode="layer">
          <ellipse
             ry="8.4297485"
             rx="8.653945"
             cy="153.34404"
             cx="57.294628"
             id="ellipse538"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0313873" />
          <circle
             r="7.2766423"
             cy="153.26707"
             cx="57.262482"
             id="circle540"
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0411206" />
        </g>
        <g
           inkscape:label="text"
           id="g550"
           inkscape:groupmode="layer">
          <text
             transform="matrix(1.3989705,0,0,1.3989705,-105.23552,25.848508)"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect558);fill:#000000;fill-opacity:1;stroke:none;"
             id="text548"
             xml:space="preserve"><tspan
               x="129.26758"
               y="94.785615"><tspan>sudden death</tspan></tspan></text>
        </g>
        <g
           style="display:none"
           inkscape:label="selected"
           id="g554"
           inkscape:groupmode="layer">
          <circle
             r="3.9000001"
             style="fill:#000000;fill-opacity:1;stroke-width:0.022039"
             id="circle552"
             cx="57.262257"
             cy="153.45883" />
        </g>
      </g>
      <g
         style="display:inline"
         inkscape:label="timed"
         id="g534"
         inkscape:groupmode="layer">
        <g
           inkscape:label="base"
           id="g520"
           inkscape:groupmode="layer">
          <ellipse
             ry="8.4297485"
             rx="8.653945"
             cy="88.314537"
             cx="56.33123"
             id="ellipse516"
             style="fill:#000000;fill-opacity:1;stroke-width:0.0313873" />
          <circle
             r="7.2766423"
             cy="88.237587"
             cx="56.299084"
             id="circle518"
             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0411206" />
        </g>
        <g
           inkscape:label="text"
           id="g528"
           inkscape:groupmode="layer">
          <text
             transform="matrix(1.3989705,0,0,1.3989705,-106.19891,-39.180976)"
             style="font-style:normal;font-weight:normal;font-size:10.5833px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect536);fill:#000000;fill-opacity:1;stroke:none;"
             id="text526"
             xml:space="preserve"><tspan
               x="129.26758"
               y="94.785615"><tspan>timed</tspan></tspan></text>
        </g>
        <g
           style="display:none"
           inkscape:label="selected"
           id="g532"
           inkscape:groupmode="layer">
          <circle
             r="3.9000001"
             style="fill:#000000;fill-opacity:1;stroke-width:0.022039"
             id="circle530"
             cx="56.252468"
             cy="88.142441" />
        </g>
      </g>
    </g>
  </g>
</svg>