buttons for C area

Qwixx/frontend/inkScape/base.svg

@@ -25,10 +25,10 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4"
-     inkscape:cx="207.32607"
-     inkscape:cy="283.03231"
+     inkscape:cx="207.36142"
+     inkscape:cy="214.34598"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer13"
+     inkscape:current-layer="svg8"
      inkscape:document-rotation="0"
      showgrid="false"
      borderlayer="false"
@@ -63,13 +63,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\lobby.svg"
          xlink:href="lobby.svg"
-         y="20"
-         x="10"
-         id="image987"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image987"
+         x="10"
+         y="20" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -105,13 +105,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\createGame.svg"
          xlink:href="createGame.svg"
-         y="20"
-         x="10"
-         id="image1251"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image1251"
+         x="10"
+         y="20" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -122,14 +122,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\options.svg"
          xlink:href="options.svg"
-         style="display:inline"
-         y="20"
-         x="10"
-         id="image1403"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image1403"
+         x="10"
+         y="20"
+         style="display:inline" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -140,31 +140,31 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1245"
+         y="20"
          x="10"
-         y="20" />
+         id="image1245"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
        id="layer16"
        inkscape:label="endGame"
        sodipodi:insensitive="true"
-       style="display:none">
+       style="display:inline">
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         style="display:inline"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1027"
+         y="20"
          x="10"
-         y="20" />
+         id="image1027"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none"
+         style="display:inline" />
     </g>
   </g>
   <g
@@ -224,6 +224,22 @@
            y="10.016369"
            style="fill:#2b0000;stroke-width:0.264583">c</tspan></text>
     </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer17"
+       inkscape:label="ctest"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
+         xlink:href="sectionC/cButton.svg"
+         y="0"
+         x="50"
+         id="image1334"
+         height="20.000013"
+         width="100.00007"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
+    </g>
   </g>
   <g
      inkscape:groupmode="layer"
@@ -272,24 +288,24 @@
         <image
            sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
            xlink:href="sectionDecoration/decoration.svg"
-           y="0"
-           x="150"
-           id="image1369"
-           height="89.999878"
-           width="10.000007"
+           preserveAspectRatio="none"
            inkscape:svg-dpi="96"
-           preserveAspectRatio="none" />
+           width="10.000007"
+           height="89.999878"
+           id="image1369"
+           x="150"
+           y="0" />
       </g>
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
          xlink:href="sectionDecoration/decoration.svg"
-         y="0"
-         x="0"
-         id="image1127"
-         height="89.999878"
-         width="10.000007"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="10.000007"
+         height="89.999878"
+         id="image1127"
+         x="0"
+         y="0" />
     </g>
   </g>
   <g

Qwixx/frontend/inkScape/sectionC/cButton.svg

@@ -0,0 +1,147 @@
+<?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"
+   width="100mm"
+   height="20mm"
+   viewBox="0 0 100 20"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="cButton.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1019">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop1015" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop1017" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1019"
+       id="linearGradient1021"
+       x1="0.63476449"
+       y1="-12.093946"
+       x2="50.814621"
+       y2="-12.093946"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.9889373,0,1.0692398e-8,0.99213313,-101.06465,1.8752981)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="60.147851"
+     inkscape:cy="31.64605"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     units="mm"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <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="layer2"
+     inkscape:label="background"
+     sodipodi:insensitive="true">
+    <path
+       style="fill:#50514f;fill-opacity:1;stroke-width:1.40472"
+       id="rect942"
+       width="99.805496"
+       height="19.75421"
+       x="0.097257577"
+       y="0.12289556"
+       ry="0"
+       sodipodi:type="rect"
+       d="M 0.09725758,0.12289556 H 99.902754 V 19.877105 H 0.09725758 Z" />
+    <rect
+       style="opacity:0.606452;fill:url(#linearGradient1021);fill-opacity:1;stroke-width:1.40474"
+       id="rect942-7"
+       width="99.804588"
+       height="19.754938"
+       x="-99.802147"
+       y="-20.000975"
+       ry="0"
+       transform="matrix(-0.99999696,0.00246513,-0.00990747,-0.99995092,0,0)" />
+  </g>
+  <g
+     inkscape:label="buttonLayout1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     sodipodi:insensitive="true">
+    <image
+       sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\buttons\greenCreate.png"
+       xlink:href="../buttons/greenCreate.png"
+       width="14.117456"
+       height="6.2500238"
+       preserveAspectRatio="none"
+       id="image909"
+       x="7.4231067"
+       y="6.3432536"
+       transform="matrix(0.96592583,-0.25881905,0,1,0,0)" />
+    <image
+       sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\buttons\greenJoin.png"
+       xlink:href="../buttons/greenJoin.png"
+       width="14.117456"
+       height="6.2500238"
+       preserveAspectRatio="none"
+       id="image923"
+       x="7.4231067"
+       y="14.709943"
+       transform="matrix(0.96592583,-0.25881905,0,1,0,0)" />
+    <image
+       sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\buttons\redExit.png"
+       xlink:href="../buttons/redExit.png"
+       width="13.979107"
+       height="6.1887741"
+       preserveAspectRatio="none"
+       id="image937"
+       x="85.653839"
+       y="34.430103"
+       transform="matrix(0.96592583,-0.25881905,0,1,0,0)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="buttonLayout2"
+     sodipodi:insensitive="true" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="buttonLayout3"
+     sodipodi:insensitive="true" />
+</svg>