created expanded view of the chat window

Qwixx/frontend/inkScape/base.svg

@@ -28,7 +28,7 @@
      inkscape:cx="170.74519"
      inkscape:cy="192.13804"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer18"
+     inkscape:current-layer="layer6"
      inkscape:document-rotation="0"
      showgrid="false"
      borderlayer="false"
@@ -89,13 +89,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\lobby.svg"
          xlink:href="lobby.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image987"
+         y="20"
          x="10"
-         y="20" />
+         id="image987"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -106,13 +106,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\createGame.svg"
          xlink:href="createGame.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1251"
+         y="20"
          x="10"
-         y="20" />
+         id="image1251"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -123,14 +123,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\options.svg"
          xlink:href="options.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="140.00003"
-         height="60.000092"
-         id="image1403"
-         x="10"
+         style="display:inline"
          y="20"
-         style="display:inline" />
+         x="10"
+         id="image1403"
+         height="60.000092"
+         width="140.00003"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -141,13 +141,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         y="20"
-         x="10"
-         id="image1245"
-         height="60.000092"
-         width="140.00003"
+         preserveAspectRatio="none"
          inkscape:svg-dpi="96"
-         preserveAspectRatio="none" />
+         width="140.00003"
+         height="60.000092"
+         id="image1245"
+         x="10"
+         y="20" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -158,14 +158,14 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
          xlink:href="endScreen.svg"
-         y="20"
-         x="10"
-         id="image1027"
-         height="60.000092"
-         width="140.00003"
-         inkscape:svg-dpi="96"
+         style="display:inline"
          preserveAspectRatio="none"
-         style="display:inline" />
+         inkscape:svg-dpi="96"
+         width="140.00003"
+         height="60.000092"
+         id="image1027"
+         x="10"
+         y="20" />
     </g>
   </g>
   <g
@@ -235,13 +235,13 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
          xlink:href="sectionC/cButton.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="200"
-         width="100.00007"
-         height="20.000013"
-         id="image1712"
+         y="0"
          x="50"
-         y="0" />
+         id="image1712"
+         height="20.000013"
+         width="100.00007"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
     </g>
   </g>
   <g
@@ -291,24 +291,24 @@
         <image
            sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
            xlink:href="sectionDecoration/decoration.svg"
-           preserveAspectRatio="none"
-           inkscape:svg-dpi="96"
-           width="10.000007"
-           height="89.999878"
-           id="image1369"
+           y="0"
            x="150"
-           y="0" />
+           id="image1369"
+           height="89.999878"
+           width="10.000007"
+           inkscape:svg-dpi="96"
+           preserveAspectRatio="none" />
       </g>
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
          xlink:href="sectionDecoration/decoration.svg"
-         preserveAspectRatio="none"
-         inkscape:svg-dpi="96"
-         width="10.000007"
-         height="89.999878"
-         id="image1127"
+         y="0"
          x="0"
-         y="0" />
+         id="image1127"
+         height="89.999878"
+         width="10.000007"
+         inkscape:svg-dpi="96"
+         preserveAspectRatio="none" />
     </g>
   </g>
   <g
@@ -348,11 +348,27 @@
       <image
          sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
          xlink:href="sectionE/chatBox.png"
-         y="79.967003"
-         x="10"
+         width="139.95401"
+         height="10.032999"
+         preserveAspectRatio="none"
          id="image1223"
+         x="10"
+         y="79.967003" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer19"
+       inkscape:label="chatExpansion"
+       style="display:inline"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBoxExpansion.png"
+         xlink:href="sectionE/chatBoxExpansion.png"
+         y="60.027878"
+         x="10.04599"
+         id="image1239"
          preserveAspectRatio="none"
-         height="10.032999"
+         height="29.972"
          width="139.95401" />
     </g>
   </g>

Qwixx/frontend/inkScape/sectionE/chatScreenExpanded.svg

@@ -9,13 +9,13 @@
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="140mm"
-   height="10mm"
-   viewBox="0 0 140 10"
+   height="30mm"
+   viewBox="0 0 140 30"
    version="1.1"
    id="svg906"
    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
-   sodipodi:docname="chatScreen.svg"
-   inkscape:export-filename="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
+   sodipodi:docname="chatScreenExpanded.svg"
+   inkscape:export-filename="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBoxExpansion.png"
    inkscape:export-xdpi="200"
    inkscape:export-ydpi="200">
   <defs
@@ -148,10 +148,10 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4"
-     inkscape:cx="89.864857"
-     inkscape:cy="31.980506"
+     inkscape:cx="372.80315"
+     inkscape:cy="37.756965"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer2"
+     inkscape:current-layer="layer3"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
@@ -168,7 +168,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>
@@ -176,19 +176,19 @@
      inkscape:groupmode="layer"
      id="layer3"
      inkscape:label="background"
+     style="display:inline"
      sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="g1094"
-       inkscape:label="color"
-       sodipodi:insensitive="true">
+       inkscape:label="color">
       <rect
          style="opacity:0.93;fill:#50514f;fill-opacity:1;stroke-width:1.68061"
          id="rect1087"
          width="140"
          height="10"
-         x="1.411972e-09"
-         y="9.5367432e-07" />
+         x="-5.6766352e-09"
+         y="20.221727" />
     </g>
     <g
        inkscape:groupmode="layer"
@@ -203,7 +203,77 @@
        x="0.13363394"
        y="-10.557145"
        mask="url(#mask970)"
-       transform="matrix(1.1666667,0,0,1,-0.15590626,10.557146)" />
+       transform="matrix(1.1666667,0,0,3,-0.15590627,31.671435)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="expansion window"
+     sodipodi:insensitive="true">
+    <g
+       inkscape:groupmode="layer"
+       id="layer14"
+       inkscape:label="text4">
+      <text
+         xml:space="preserve"
+         style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+         x="0.15549023"
+         y="15.043449"
+         id="text894"><tspan
+           sodipodi:role="line"
+           id="tspan892"
+           x="0.15549023"
+           y="15.043449"
+           style="font-size:3.52778px;stroke-width:0.264583">Emma:hi my name is Emma</tspan></text>
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="g900"
+       inkscape:label="text4 copy">
+      <text
+         xml:space="preserve"
+         style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+         x="0.30190688"
+         y="10.923515"
+         id="text898"><tspan
+           sodipodi:role="line"
+           id="tspan896"
+           x="0.30190688"
+           y="10.923515"
+           style="font-size:3.52778px;stroke-width:0.264583">Computer: that was just the base text</tspan></text>
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="g906"
+       inkscape:label="text4 copy copy">
+      <text
+         xml:space="preserve"
+         style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+         x="0.3415255"
+         y="7.1802859"
+         id="text904"><tspan
+           sodipodi:role="line"
+           id="tspan902"
+           x="0.3415255"
+           y="7.1802859"
+           style="font-size:3.52778px;stroke-width:0.264583">Wesley: humph a'lumph ar'dumph</tspan></text>
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="g912"
+       inkscape:label="text4 copy copy copy">
+      <text
+         xml:space="preserve"
+         style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+         x="0.14687748"
+         y="3.1802859"
+         id="text910"><tspan
+           id="tspan908"
+           x="0.14687748"
+           y="3.1802859"
+           style="font-size:3.52778px;stroke-width:0.264583"
+           sodipodi:role="line">Kyle: you can't just make bigger quilts</tspan></text>
+    </g>
   </g>
   <g
      inkscape:groupmode="layer"
@@ -215,50 +285,46 @@
        inkscape:groupmode="layer"
        id="layer1"
        inkscape:label="lobby"
-       style="display:inline"
-       sodipodi:insensitive="true">
+       style="display:inline">
       <g
          inkscape:groupmode="layer"
          id="g1363"
          inkscape:label="shadow"
-         style="display:inline"
-         sodipodi:insensitive="true">
+         style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.264583"
-           x="2.6808014"
-           y="6.5089626"
+           x="2.6808012"
+           y="26.730688"
            id="text1361"><tspan
              sodipodi:role="line"
              id="tspan1359"
-             x="2.6808014"
-             y="6.5089626"
+             x="2.6808012"
+             y="26.730688"
              style="font-size:4.93889px;fill:#000000;fill-opacity:1;stroke-width:0.264583">Lobby:</tspan></text>
       </g>
       <text
          xml:space="preserve"
          style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;opacity:1;mix-blend-mode:normal;fill:#247ba0;fill-opacity:1;stroke-width:0.264583"
-         x="2.5390604"
-         y="6.4144688"
+         x="2.5390601"
+         y="26.636194"
          id="text1103"><tspan
            sodipodi:role="line"
            id="tspan1101"
-           x="2.5390604"
-           y="6.4144688"
+           x="2.5390601"
+           y="26.636194"
            style="font-size:4.93889px;fill:#247ba0;fill-opacity:1;stroke-width:0.264583">Lobby:</tspan></text>
     </g>
     <g
        inkscape:groupmode="layer"
        id="g1116"
        inkscape:label="game"
-       style="display:none"
-       sodipodi:insensitive="true">
+       style="display:none">
       <g
          inkscape:groupmode="layer"
          id="g1372"
          inkscape:label="shadow2"
-         style="display:inline"
-         sodipodi:insensitive="true">
+         style="display:inline">
         <text
            xml:space="preserve"
            style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#000000;fill-opacity:1;stroke-width:0.264583"
@@ -287,7 +353,8 @@
   <g
      inkscape:groupmode="layer"
      id="layer4"
-     inkscape:label="windowSizeControl">
+     inkscape:label="windowSizeControl"
+     sodipodi:insensitive="true">
     <g
        inkscape:groupmode="layer"
        id="layer9"
@@ -310,14 +377,14 @@
          d="m 59.868373,-34.477772 -8.667129,3.721106 -8.611075,3.849044 1.110993,-9.366507 0.972167,-9.381931 7.556136,5.645401 z"
          inkscape:transform-center-x="-0.0056148806"
          inkscape:transform-center-y="-0.30577214"
-         transform="matrix(-0.16109319,0.06671137,-0.11978893,-0.09193301,135.96164,-5.0004012)" />
+         transform="matrix(-0.16109319,0.06671137,-0.11978893,-0.09193301,135.96164,-4.3389429)" />
       <g
          inkscape:groupmode="layer"
          id="layer11"
          inkscape:label="+">
         <g
            id="g1465"
-           transform="matrix(0.23047883,0,0,0.23047883,119.37571,5.2366438)"
+           transform="matrix(0.23047883,0,0,0.23047883,119.37571,5.8981021)"
            style="display:inline">
           <rect
              style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:0.775888"
@@ -359,7 +426,7 @@
          d="m 59.868373,-34.477772 -8.667129,3.721106 -8.611075,3.849044 1.110993,-9.366507 0.972167,-9.381931 7.556136,5.645401 z"
          inkscape:transform-center-x="0.006526672"
          inkscape:transform-center-y="0.30716189"
-         transform="matrix(0.16099473,-0.06694865,0.11992425,0.09175642,125.19814,7.4162987)" />
+         transform="matrix(0.16099473,-0.06694865,0.11992425,0.09175642,125.19814,8.0777571)" />
       <g
          inkscape:groupmode="layer"
          id="layer10"
@@ -369,18 +436,19 @@
            id="rect1431"
            width="1.1395993"
            height="0.40039977"
-           x="128.24342"
-           y="0.65942353" />
+           x="128.24341"
+           y="1.3208814" />
       </g>
     </g>
   </g>
   <g
      inkscape:groupmode="layer"
      id="layer2"
-     inkscape:label="scrollBar">
+     inkscape:label="scrollBar"
+     sodipodi:insensitive="true">
     <g
        id="g1395"
-       transform="matrix(0.24,0,0,0.53333333,126.60045,14.346596)">
+       transform="matrix(0.15831561,0,0,1.7749627,130.23997,45.776346)">
       <rect
          style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.883363"
          id="rect1389"