VS_CODE/Qwixx/frontend-example/cellGenerator.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="cellGenerator.svg"
   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
   id="svg8"
   version="1.1"
   viewBox="0 0 110 99.999996"
   height="100mm"
   width="110mm">
  <defs
     id="defs2">
    <rect
       x="-101.21954"
       y="-33.042744"
       width="158.10326"
       height="242.59229"
       id="rect4797" />
    <rect
       x="13.898015"
       y="24.054256"
       width="41.694046"
       height="42.763123"
       id="rect4785" />
    <linearGradient
       inkscape:collect="always"
       id="linearGradient4755">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop4751" />
      <stop
         style="stop-color:#ffffff;stop-opacity:0;"
         offset="1"
         id="stop4753" />
    </linearGradient>
    <inkscape:path-effect
       effect="powerclip"
       id="path-effect4736"
       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." />
    <linearGradient
       inkscape:collect="always"
       id="linearGradient4713">
      <stop
         id="stop4711"
         offset="0"
         style="stop-color:#000000;stop-opacity:0;" />
      <stop
         id="stop4709"
         offset="1"
         style="stop-color:#000000;stop-opacity:1;" />
    </linearGradient>
    <inkscape:path-effect
       effect="powermask"
       id="path-effect2514"
       is_visible="true"
       lpeversion="1"
       uri="#mask-powermask-path-effect2514"
       invert="false"
       hide_mask="false"
       background="true"
       background_color="#ffffffff" />
    <inkscape:path-effect
       effect="powerclip"
       id="path-effect1652"
       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." />
    <rect
       x="74.300926"
       y="48.108517"
       width="337.29413"
       height="169.98341"
       id="rect9" />
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath961">
      <use
         x="0"
         y="0"
         xlink:href="#g957"
         id="use963"
         width="100%"
         height="100%" />
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath1201">
      <g
         inkscape:label="Clip"
         id="use1203">
        <use
           id="use1302"
           xlink:href="#g905"
           y="0"
           x="0"
           width="100%"
           height="100%"
           transform="translate(111.18413,-17.639789)" />
        <g
           transform="translate(58.264756,70.024616)"
           clip-path="none"
           id="g1308">
          <g
             id="g1306"
             inkscape:label="Clip">
            <rect
               style="fill:#e7e7e7;stroke-width:0.264583"
               id="rect1304"
               width="80"
               height="80"
               x="40.624966"
               y="20.312483" />
          </g>
        </g>
      </g>
    </clipPath>
    <mask
       maskUnits="userSpaceOnUse"
       id="mask1290">
      <g
         id="use1292"
         inkscape:label="Clip" />
    </mask>
    <mask
       maskUnits="userSpaceOnUse"
       id="mask1327">
      <ellipse
         ry="71.360962"
         rx="73.766388"
         cy="139.24742"
         cx="158.22356"
         id="ellipse1329"
         style="fill:#e7e7e7;stroke-width:0.264583" />
    </mask>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath1881">
      <g
         inkscape:label="Clip"
         id="use1883"
         style="fill:#000000">
        <ellipse
           style="display:block;fill:#000000;stroke-width:0.264583"
           id="ellipse2346"
           sodipodi:type="arc"
           sodipodi:cx="102.36423"
           sodipodi:cy="100.49333"
           sodipodi:rx="49.444862"
           sodipodi:ry="52.919369"
           sodipodi:start="0"
           sodipodi:end="5.083038"
           sodipodi:arc-type="slice"
           d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z" />
      </g>
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath1899">
      <g
         mask="none"
         style="fill:#000000"
         inkscape:label="Clip"
         id="use1901">
        <g
           style="fill:#000000"
           id="g2166">
          <g
             style="fill:#000000"
             id="g2164"
             inkscape:label="Clip">
            <ellipse
               d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z"
               sodipodi:arc-type="slice"
               sodipodi:end="5.083038"
               sodipodi:start="0"
               sodipodi:ry="52.919369"
               sodipodi:rx="49.444862"
               sodipodi:cy="100.49333"
               sodipodi:cx="102.36423"
               sodipodi:type="arc"
               id="ellipse2162"
               style="display:block;fill:#000000;stroke-width:0.264583" />
          </g>
        </g>
      </g>
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath2180">
      <g
         mask="none"
         inkscape:label="Clip"
         id="use2182"
         style="fill:#000000">
        <g
           transform="translate(31.003266,9.6217032)"
           id="g2342"
           style="fill:#000000">
          <g
             inkscape:label="Clip"
             id="g2340"
             style="fill:#000000">
            <ellipse
               style="display:block;fill:#000000;stroke-width:0.264583"
               id="ellipse2338"
               sodipodi:type="arc"
               sodipodi:cx="102.36423"
               sodipodi:cy="100.49333"
               sodipodi:rx="49.444862"
               sodipodi:ry="52.919369"
               sodipodi:start="0"
               sodipodi:end="5.083038"
               sodipodi:arc-type="slice"
               d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z" />
          </g>
        </g>
      </g>
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath2431">
      <g
         style="display:inline;fill:#000000"
         id="g2437"
         inkscape:label="Clip"
         transform="translate(46.237624,-57.730207)"
         mask="none">
        <g
           style="fill:#000000"
           id="g2435"
           transform="translate(31.003266,9.6217032)">
          <rect
             style="fill:#000000;stroke-width:0.264583"
             id="rect2433"
             width="100"
             height="100"
             x="33.943241"
             y="30.468716" />
        </g>
      </g>
    </clipPath>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4713"
       id="radialGradient4715"
       cx="50.132294"
       cy="50.132294"
       fx="50.132294"
       fy="50.132294"
       r="200.13229"
       gradientUnits="userSpaceOnUse" />
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath4719">
      <rect
         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
         id="rect4721"
         width="100"
         height="100"
         x="0.1322915"
         y="0.1322915" />
    </clipPath>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath4732">
      <rect
         style="display:none;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1"
         id="rect4734"
         width="89.435966"
         height="89.435966"
         x="5.2820163"
         y="5.2820163"
         d="M 5.2820163,5.2820163 H 94.717983 V 94.717983 H 5.2820163 Z" />
      <path
         id="lpe_path-effect4736"
         style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1"
         class="powerclip"
         d="M -5.0000004,-5.0000004 H 105 V 105 H -5.0000004 Z M 5.2820163,5.2820163 V 94.717983 H 94.717983 V 5.2820163 Z" />
    </clipPath>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4755"
       id="radialGradient4757"
       cx="50"
       cy="50"
       fx="50"
       fy="50"
       r="200"
       gradientUnits="userSpaceOnUse" />
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath4761">
      <rect
         style="opacity:1;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.490151;stroke-opacity:1"
         id="rect4763"
         width="99.50985"
         height="99.50985"
         x="0.24507599"
         y="0.24507599" />
    </clipPath>
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient4713"
       id="radialGradient4767"
       gradientUnits="userSpaceOnUse"
       cx="50.132294"
       cy="50.132294"
       fx="50.132294"
       fy="50.132294"
       r="200.13229" />
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath4778">
      <rect
         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.287674;stroke-opacity:1"
         id="rect4780"
         width="99.712326"
         height="99.712326"
         x="0.14383657"
         y="0.14383657" />
    </clipPath>
    <clipPath
       id="clipPath934"
       clipPathUnits="userSpaceOnUse">
      <rect
         y="0.048224803"
         x="100.04823"
         height="99.903549"
         width="9.9035501"
         id="rect937"
         style="fill:#1a1a1a;stroke:#000000;stroke-width:0.0964496" />
    </clipPath>
  </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="mm"
     showgrid="false"
     inkscape:document-rotation="0"
     inkscape:current-layer="svg8"
     inkscape:document-units="mm"
     inkscape:cy="599.84058"
     inkscape:cx="-352.24167"
     inkscape:zoom="0.31628856"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     borderopacity="1.0"
     bordercolor="#666666"
     pagecolor="#ffffff"
     id="base"
     showguides="false" />
  <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="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="0"
       x="0"
       preserveAspectRatio="none"
       inkscape:svg-dpi="96"
       width="508"
       height="285.75"
       id="image1679"
       mask="none"
       clip-path="url(#clipPath934)" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer3"
     inkscape:label="color-mask"
     style="display:none"
     sodipodi:insensitive="true">
    <g
       id="g905"
       inkscape:label="Clip"
       clip-path="url(#clipPath2431)"
       transform="translate(-111.18413,17.639789)">
      <image
         sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\color0.svg"
         xlink:href="palette/color0.svg"
         y="-17.63979"
         x="111.18413"
         preserveAspectRatio="none"
         inkscape:svg-dpi="96"
         width="508"
         height="285.75"
         id="image865" />
    </g>
    <g
       id="g959"
       clip-path="url(#clipPath961)">
      <g
         inkscape:label="Clip"
         id="g957" />
    </g>
    <g
       id="g1325" />
  </g>
  <g
     sodipodi:insensitive="true"
     inkscape:groupmode="layer"
     id="layer10"
     inkscape:label="glyph"
     style="display:inline">
    <text
       xml:space="preserve"
       id="text4783"
       style="font-style:normal;font-weight:normal;font-size:50.8px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect4785);fill:#000000;fill-opacity:1;stroke:none;"><tspan
         style="visibility:hidden"
         x="13.898438"
         y="111.7625"><tspan
           style="font-size:50.8px">#</tspan></tspan></text>
    <g
       aria-label="#"
       transform="matrix(3.0694237,0,0,2.9253487,311.6611,88.049961)"
       id="text4795"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;white-space:pre;shape-inside:url(#rect4797);fill:#000000;fill-opacity:1;stroke:none">
      <path
         d="m -81.74087,-16.095167 h -5.413623 l -1.562695,6.2135743 h 5.45083 z m -2.790527,-10.5854 -1.934766,7.720459 h 5.432227 l 1.953369,-7.720459 h 2.976562 l -1.916162,7.720459 h 5.804297 v 2.864941 h -6.529834 l -1.525488,6.2135743 h 5.915917 v 2.8463378 h -6.641454 l -1.934766,7.70185511 h -2.976562 l 1.916162,-7.70185511 h -5.45083 l -1.916162,7.70185511 h -2.995166 l 1.934766,-7.70185511 h -5.860108 v -2.8463378 h 6.548438 l 1.562695,-6.2135743 h -5.990332 v -2.864941 h 6.715869 l 1.897558,-7.720459 z"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif"
         id="path1057" />
    </g>
  </g>
  <g
     sodipodi:insensitive="true"
     inkscape:groupmode="layer"
     id="layer6"
     inkscape:label="hoverable"
     style="display:inline">
    <g
       sodipodi:insensitive="true"
       inkscape:groupmode="layer"
       id="layer1"
       inkscape:label="onHover"
       style="display:inline">
      <path
         onmouseout="this.style.fillOpacity=&quot;.01&quot;;"
         onmouseover="this.style.fillOpacity=&quot;1&quot;;"
         style="display:inline;fill:url(#radialGradient4767);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
         id="rect2441"
         width="400"
         x="-149.86771"
         y="-149.86771"
         sodipodi:type="rect"
         mask="none"
         height="400"
         d="m -149.86771,-149.86771 h 400 v 400 h -400 z"
         clip-path="url(#clipPath4719)" />
    </g>
    <g
       sodipodi:insensitive="true"
       style="display:none"
       inkscape:groupmode="layer"
       id="layer2"
       inkscape:label="event">
      <rect
         style="display:inline;opacity:0.01;fill:#0000ff;stroke:none;stroke-width:4.31193"
         id="rect230"
         width="100"
         height="100"
         x="0"
         y="0"
         onmouseover="console.log(document);"
         onmouseout="document.getElementById(&quot;layer1&quot;).style.display = &quot;none&quot;;" />
    </g>
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer7"
     inkscape:label="selected"
     style="display:none"
     sodipodi:insensitive="true">
    <path
       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.100642;stroke-opacity:1"
       id="rect4725"
       width="99.899361"
       height="99.899361"
       x="0.050320607"
       y="0.050320607"
       clip-path="url(#clipPath4732)"
       inkscape:path-effect="#path-effect4736"
       d="M 0.05032061,0.05032061 H 99.949681 V 99.949681 H 0.05032061 Z"
       sodipodi:type="rect" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer8"
     inkscape:label="non-selectable"
     style="display:none"
     sodipodi:insensitive="true">
    <rect
       style="opacity:1;fill:url(#radialGradient4757);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.528467;stroke-opacity:1"
       id="rect4741"
       width="399.47153"
       height="399.47153"
       x="-149.73576"
       y="-149.73576"
       clip-path="url(#clipPath4761)" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer9"
     inkscape:label="previously-selected"
     style="display:none"
     sodipodi:insensitive="true">
    <rect
       style="opacity:1;fill:#000000;fill-opacity:0.75;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
       id="rect4774"
       width="182.2778"
       height="176.93243"
       x="-36.883194"
       y="-25.657873"
       clip-path="url(#clipPath4778)" />
  </g>
</svg>