fix SVG game

apps/face/priv/static/doc/Kakaranet-7-Refined.svg

@@ -191,15 +191,15 @@
                 <path d="M19.5,50 C23.0898509,50 26,47.0898509 26,43.5 C26,39.9101491 23.0898509,37 19.5,37 C15.9101491,37 13,39.9101491 13,43.5 C13,47.0898509 15.9101491,50 19.5,50 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
-        <g id="Alina-Discard" sketch:type="MSLayerGroup" transform="translate(668.000000, 254.000000)">
-            <path d="M33.5,11.927 C32.129,5.402 26.365,0.491 19.431,0.491 C12.549,0.491 6.823,5.322 5.391,11.773 L5.385,11.741 C5.385,11.741 4.7,14.01 2.682,14.17 L5.055,14.17 L5.834,14.17 L32.984,14.17 L33.806,14.17 L36.134,14.17 C34.453,14.037 33.706,12.457 33.5,11.927 L33.5,11.927 Z" id="Shape" fill="#B5C6D8" sketch:type="MSShapeGroup"></path>
-            <path d="M22.701,10.431 C22.338,10.431 21.976,10.293 21.699,10.017 L19.408,7.726 L17.117,10.017 C16.564,10.569 15.668,10.569 15.115,10.017 C14.562,9.463 14.562,8.568 15.115,8.014 L18.407,4.721 C18.961,4.17 19.856,4.17 20.41,4.721 L23.703,8.014 C24.256,8.568 24.256,9.463 23.703,10.017 C23.426,10.293 23.063,10.431 22.701,10.431 L22.701,10.431 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <g id="Alina-Discard" sketch:type="MSLayerGroup" transform="translate(669.000000, 254.000000)">
+            <path d="M32.5,11.927 C31.129,5.402 25.365,0.491 18.431,0.491 C11.549,0.491 5.823,5.322 4.391,11.773 L4.385,11.741 C4.385,11.741 3.7,14.01 1.682,14.17 L4.055,14.17 L4.834,14.17 L31.984,14.17 L32.806,14.17 L35.134,14.17 C33.453,14.037 32.706,12.457 32.5,11.927 L32.5,11.927 Z" id="Shape" fill="#B5C6D8" sketch:type="MSShapeGroup"></path>
+            <path d="M21.701,10.431 C21.338,10.431 20.976,10.293 20.699,10.017 L18.408,7.726 L16.117,10.017 C15.564,10.569 14.668,10.569 14.115,10.017 C13.562,9.463 13.562,8.568 14.115,8.014 L17.407,4.721 C17.961,4.17 18.856,4.17 19.41,4.721 L22.703,8.014 C23.256,8.568 23.256,9.463 22.703,10.017 C22.426,10.293 22.063,10.431 21.701,10.431 L21.701,10.431 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
             <g id="Slot-1,3-5" transform="translate(0.000000, 15.000000)">
-                <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.576" y="-0.3231875" width="39" height="58" rx="8"></rect>
+                <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.424" y="-0.3231875" width="39" height="58" rx="8"></rect>
                 <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="24" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                    <tspan x="12.3339844" y="26.4873125">1</tspan>
+                    <tspan x="11.3339844" y="26.4873125">1</tspan>
                 </text>
-                <path d="M19.5,50 C23.0898509,50 26,47.0898509 26,43.5 C26,39.9101491 23.0898509,37 19.5,37 C15.9101491,37 13,39.9101491 13,43.5 C13,47.0898509 15.9101491,50 19.5,50 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                <path d="M18.5,50 C22.0898509,50 25,47.0898509 25,43.5 C25,39.9101491 22.0898509,37 18.5,37 C14.9101491,37 12,39.9101491 12,43.5 C12,47.0898509 14.9101491,50 18.5,50 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
         <g id="Mustafa-Discard" sketch:type="MSLayerGroup" transform="translate(369.000000, 251.000000)">
@@ -213,7 +213,7 @@
                 <path d="M18.5,50 C22.0898509,50 25,47.0898509 25,43.5 C25,39.9101491 22.0898509,37 18.5,37 C14.9101491,37 12,39.9101491 12,43.5 C12,47.0898509 14.9101491,50 18.5,50 Z" id="Oval-23" fill="#F8E81C" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
-        <g id="Center-Cards" sketch:type="MSLayerGroup" transform="translate(518.000000, 347.000000)">
+        <g id="Center-Cards" sketch:type="MSLayerGroup" transform="translate(517.000000, 350.000000)">
             <g id="Group" transform="translate(0.000000, 20.000000)" sketch:type="MSShapeGroup">
                 <path d="M33.973,35.172 C34.029,36.361 32.806,37.329 31.24,37.329 L2.958,37.329 C1.394,37.329 0.168,36.361 0.222,35.172 L1.55,5.651 C1.595,4.651 2.785,3.845 4.208,3.845 L29.936,3.845 C31.36,3.845 32.551,4.651 32.598,5.651 L33.973,35.172 L33.973,35.172 Z" id="Shape" fill="#AFD5D8"></path>
                 <path d="M33.714,30.193 C33.768,31.35 32.561,32.293 31.017,32.293 L3.119,32.293 C1.576,32.293 0.367,31.351 0.419,30.193 L1.715,1.433 C1.759,0.457 2.934,-0.329 4.34,-0.329 L29.749,-0.329 C31.156,-0.329 32.332,0.457 32.377,1.433 L33.714,30.193 L33.714,30.193 Z" id="Shape" fill="#FFFFFF"></path>
@@ -239,12 +239,8 @@
             </g>
             <path d="M640,73 L640,68.0075447 L279.226216,68.0075447 L279.227216,68 L0,68 L0,72.9935331 L275.817067,72.9935331 L275.817067,73 L640,73 Z" id="Shape" fill="#BC8864" sketch:type="MSShapeGroup"></path>
         </g>
-        <g id="Place-Card" sketch:type="MSLayerGroup" transform="translate(404.000000, 346.000000)">
-            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.576" y="-0.3231875" width="39" height="58" rx="8"></rect>
-            <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="24" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                <tspan x="12.3339844" y="26.4873125">1</tspan>
-            </text>
-            <path d="M19.5,50 C23.0898509,50 26,47.0898509 26,43.5 C26,39.9101491 23.0898509,37 19.5,37 C15.9101491,37 13,39.9101491 13,43.5 C13,47.0898509 15.9101491,50 19.5,50 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+        <g id="Place-Card" sketch:type="MSLayerGroup" transform="translate(399.000000, 343.000000)" fill="#8DCED7">
+            <rect id="Shape" sketch:type="MSShapeGroup" x="-0.424" y="-0.3231875" width="39" height="58" rx="8"></rect>
         </g>
         <g id="Deck-Cards" sketch:type="MSLayerGroup" transform="translate(232.000000, 463.000000)">
             <g id="Slot-2,14" transform="translate(559.000000, 70.000000)">
@@ -444,7 +440,7 @@
                 <path d="M18.5,50 C22.0898509,50 25,47.0898509 25,43.5 C25,39.9101491 22.0898509,37 18.5,37 C14.9101491,37 12,39.9101491 12,43.5 C12,47.0898509 14.9101491,50 18.5,50 Z" id="Oval-23" fill="#F8E81C" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
-        <g id="Gosterge" sketch:type="MSLayerGroup" transform="translate(615.000000, 344.000000)">
+        <g id="Gosterge" sketch:type="MSLayerGroup" transform="translate(619.000000, 340.000000)">
             <g id="Gosterge-Card" transform="translate(11.000000, 0.000000)">
                 <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.576" y="-0.3231875" width="39" height="58" rx="8"></rect>
                 <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="24" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
@@ -666,16 +662,11 @@
                 <path d="M58.692,3.903 C60.12,3.903 61.126,4.232 61.71,4.889 C62.293,5.547 62.585,6.668 62.585,8.255 C62.585,9.842 62.293,10.963 61.71,11.621 C61.126,12.279 60.12,12.607 58.692,12.607 C57.275,12.607 56.272,12.278 55.683,11.621 C55.093,10.964 54.798,9.842 54.798,8.255 C54.798,6.668 55.093,5.547 55.683,4.889 C56.272,4.231 57.275,3.903 58.692,3.903 L58.692,3.903 Z M60.57,5.79 C60.224,5.348 59.598,5.127 58.692,5.127 C57.785,5.127 57.162,5.348 56.822,5.79 C56.482,6.232 56.312,7.054 56.312,8.255 C56.312,9.456 56.482,10.278 56.822,10.72 C57.162,11.162 57.785,11.383 58.692,11.383 C59.598,11.383 60.224,11.162 60.57,10.72 C60.916,10.278 61.089,9.456 61.089,8.255 C61.089,7.054 60.916,6.232 60.57,5.79 L60.57,5.79 Z"></path>
             </g>
         </g>
-        <g id="Alina" sketch:type="MSLayerGroup" transform="translate(749.000000, 175.000000)">
-            <path d="M100.223,27.428 C100.223,29.475 98.562,31.135 96.514,31.135 L3.226,31.135 C1.178,31.135 -0.482,29.475 -0.482,27.428 L-0.482,4.17 C-0.482,2.123 1.178,0.463 3.226,0.463 L96.514,0.463 C98.562,0.463 100.223,2.123 100.223,4.17 L100.223,27.428 L100.223,27.428 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-            <g transform="translate(10.000000, 10.000000)" id="Shape" fill="#7C8696" sketch:type="MSShapeGroup">
-                <path d="M7.539,8.541 L2.711,8.541 L1.555,12.213 L0.008,12.213 L3.781,0.891 C3.849,0.619 4.037,0.483 4.342,0.483 L5.906,0.483 C6.213,0.483 6.398,0.619 6.467,0.891 L10.242,12.213 L8.695,12.213 L7.539,8.541 L7.539,8.541 Z M7.131,7.249 L5.652,2.591 C5.548,2.297 5.453,1.979 5.363,1.639 L4.886,1.639 L4.597,2.591 L3.118,7.249 L7.131,7.249 L7.131,7.249 Z"></path>
-                <path d="M13.199,0.313 L13.199,9.935 C13.187,10.298 13.279,10.572 13.47,10.759 C13.663,10.946 13.947,11.04 14.322,11.04 L15.121,11.04 L15.291,12.145 C14.984,12.292 14.48,12.366 13.777,12.366 C13.154,12.366 12.662,12.182 12.298,11.814 C11.934,11.446 11.753,10.927 11.753,10.258 L11.753,0.313 L13.199,0.313 L13.199,0.313 Z"></path>
-                <path d="M17.229,0.415 L17.909,0.415 C18.204,0.415 18.35,0.562 18.35,0.857 L18.35,1.826 C18.35,2.121 18.204,2.268 17.909,2.268 L17.229,2.268 C16.934,2.268 16.788,2.121 16.788,1.826 L16.788,0.857 C16.787,0.563 16.934,0.415 17.229,0.415 L17.229,0.415 Z M18.283,12.213 L16.853,12.213 L16.853,3.934 L18.283,3.934 L18.283,12.213 L18.283,12.213 Z"></path>
-                <path d="M22.227,3.934 L22.329,5.243 C23.667,4.235 24.901,3.73 26.036,3.73 C27.53,3.73 28.278,4.489 28.278,6.008 L28.278,12.213 L26.835,12.213 L26.835,6.416 C26.835,5.872 26.743,5.492 26.562,5.277 C26.381,5.062 26.076,4.954 25.644,4.954 C25.191,4.954 24.736,5.056 24.277,5.26 C23.818,5.464 23.209,5.799 22.449,6.263 L22.449,12.213 L21.004,12.213 L21.004,3.934 L22.227,3.934 L22.227,3.934 Z"></path>
-                <path d="M30.93,5.175 L30.795,4.104 C32.313,3.854 33.645,3.73 34.789,3.73 C35.752,3.73 36.467,3.931 36.932,4.334 C37.397,4.737 37.629,5.419 37.629,6.382 L37.629,12.213 L36.488,12.213 L36.318,10.853 C35.922,11.249 35.425,11.601 34.832,11.907 C34.236,12.213 33.594,12.366 32.902,12.366 C32.142,12.366 31.539,12.165 31.091,11.762 C30.644,11.36 30.419,10.79 30.419,10.054 L30.419,9.153 C30.419,8.507 30.62,8.006 31.023,7.649 C31.426,7.292 31.99,7.113 32.714,7.113 L36.165,7.113 L36.165,6.382 C36.165,5.861 36.046,5.492 35.808,5.277 C35.57,5.062 35.128,4.954 34.482,4.954 C33.668,4.954 32.482,5.028 30.93,5.175 L30.93,5.175 Z M31.898,9.357 L31.898,9.884 C31.898,10.315 32.002,10.63 32.205,10.827 C32.41,11.026 32.738,11.125 33.191,11.125 C33.621,11.136 34.111,11.034 34.662,10.819 C35.211,10.604 35.713,10.292 36.166,9.884 L36.166,8.218 L32.971,8.218 C32.584,8.23 32.311,8.332 32.147,8.524 C31.98,8.717 31.898,8.994 31.898,9.357 L31.898,9.357 Z"></path>
-                <path d="M52.418,12.213 L50.818,12.213 L49.783,8.541 C49.635,8.099 49.435,7.784 49.187,7.597 C48.937,7.41 48.615,7.317 48.218,7.317 C47.821,7.317 47.337,7.315 46.765,7.309 C46.191,7.303 45.814,7.3 45.634,7.3 L45.634,12.213 L44.154,12.213 L44.154,0.483 C45.107,0.381 46.455,0.33 48.201,0.33 C49.596,0.33 50.576,0.571 51.142,1.052 C51.708,1.534 51.992,2.421 51.992,3.713 C51.992,4.676 51.824,5.396 51.49,5.872 C51.156,6.348 50.603,6.637 49.834,6.739 L49.834,6.824 C50.15,6.904 50.439,7.088 50.701,7.377 C50.961,7.666 51.154,8.043 51.277,8.507 L52.418,12.213 L52.418,12.213 Z M45.635,6.025 L48.168,6.025 C49.051,6.014 49.658,5.855 49.986,5.549 C50.314,5.243 50.478,4.659 50.478,3.798 C50.478,2.948 50.314,2.373 49.986,2.072 C49.658,1.772 49.05,1.622 48.168,1.622 C46.92,1.622 46.076,1.628 45.635,1.639 L45.635,6.025 L45.635,6.025 Z"></path>
-            </g>
+        <g id="Alina-Name" sketch:type="MSLayerGroup" transform="translate(678.000000, 159.000000)">
+            <rect id="Alina-Pad" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="102" height="39" rx="8"></rect>
+            <text id="Alina" fill="#48AF5E" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="24" font-weight="bold" sketch:alignment="middle" letter-spacing="-1">
+                <tspan x="21.9238281" y="27.734375">Alina</tspan>
+            </text>
         </g>
         <g id="Right-Menu" sketch:type="MSLayerGroup" transform="translate(956.000000, 546.000000)">
             <path d="M114,-0.235 L114,114 L-0.238,114 C-0.009,51.009 51.008,-0.008 114,-0.235" id="Shape" fill="#48AF5E" sketch:type="MSShapeGroup"></path>

apps/face/priv/static/doc/svg.htm

@@ -31,6 +31,7 @@
 <label id="player4" style="font-weight: bold; color: red;"> Asena Simsek </label><select id="h4"></select><br>
 <button id="attach" type="button">Attach</button>
 <button id="join" type="button">Join</button>
+<select id="games_ids"></select>
 <select id="take_src"><option label="Table" value="0">Table</option><option label="Left" value="1">Left</option></select>
 <button id="take" type="button">Take</button>
 <select id="istaka"></select>
@@ -116,12 +117,12 @@ templates/Card.svg:
     &lt;circle fill="<font color=yellow>{this.suit}</font>" cx="20" cy="43" r="7"&gt;
           &lt;animate begin="0" fill="freeze" attributeName="r"
                    values="4;5;6;7;8;6;5;4" dur="1s"
-                   calcMode="linear" repeatCount="indefinite"/&gt;&lt;/circle
+                   calcMode="linear" repeatCount="indefinite"/&gt;&lt;/circle&gt;
     &lt;text dx="20" x="0" y="26.4873125"
           font-family="Lucida Grande" font-size="24"
           font-weight="bold" letter-spacing="-2" text-anchor="middle"
           fill="<font color=yellow>{this.suit}</font>"&gt;<font color=yellow>{this.value}</font>&lt;/text&gt;
-                   &gt;&lt;/g&gt;
+                 &lt;/g&gt;
 
 function card(line,pos,col,v) {
     return template_engine(