added games rules

apps/web/priv/static/app/Kakaranet-Scene.svg

@@ -378,32 +378,38 @@
                 <rect id="Shape" x="0" y="0" width="40" height="60" rx="8"></rect>
             </g>
             <rect id="Left-Bar" opacity="0.64" fill="#FFFFFF" sketch:type="MSShapeGroup" x="2" y="91" width="213" height="456" rx="5"></rect>
-            <g id="Have-8-Tashes" transform="translate(665.000000, 612.000000)">
+            <g id="Have-8-Tashes" transform="translate(648.000000, 614.000000)">
                 <rect id="Rectangle" fill="#48AF5E" sketch:type="MSShapeGroup" x="0" y="0" width="40" height="35" rx="5"></rect>
                 <text id="8" fill="#FFFFFF" sketch:type="MSTextLayer" transform="translate(19.000000, 16.000000) scale(-1, 1) translate(-19.000000, -16.000000) " font-family="Exo 2" font-size="17" font-weight="normal" sketch:alignment="middle">
                     <tspan x="13.8405" y="23">8</tspan>
                 </text>
             </g>
             <rect id="Right-Bar" opacity="0.762360075" fill="#FFFFFF" sketch:type="MSShapeGroup" x="856" y="91" width="214" height="456" rx="5"></rect>
-            <g id="Okey" transform="translate(712.000000, 612.000000)">
+            <g id="Okey" transform="translate(695.000000, 614.000000)">
                 <rect id="Rectangle" fill="#517ECE" sketch:type="MSShapeGroup" x="0" y="0" width="84" height="35" rx="5"></rect>
                 <text fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="17" font-weight="normal">
                     <tspan x="24.1611328" y="21.5">Okey</tspan>
                 </text>
             </g>
-            <g id="Settings" transform="translate(482.000000, 613.000000)" sketch:type="MSShapeGroup">
+            <g id="Settings" transform="translate(465.000000, 615.000000)" sketch:type="MSShapeGroup">
                 <rect id="Rectangle-3" fill="#FFFFFF" x="0" y="0" width="37" height="35" rx="5"></rect>
                 <path d="M27.789,14.801 L24.976,14.281 C24.703,14.23 24.607,14.002 24.761,13.77 L26.376,11.377 C26.529,11.148 26.496,10.797 26.3,10.602 L24.753,9.053 C24.556,8.857 24.207,8.824 23.978,8.98 L21.582,10.592 C21.353,10.746 21.123,10.652 21.074,10.379 L20.554,7.566 C20.503,7.293 20.236,7.068 19.958,7.068 L17.767,7.068 C17.49,7.068 17.222,7.293 17.171,7.566 L16.652,10.379 C16.601,10.65 16.374,10.746 16.142,10.592 L13.751,8.98 C13.521,8.824 13.173,8.857 12.974,9.053 L11.427,10.602 C11.23,10.797 11.197,11.148 11.351,11.377 L12.966,13.77 C13.119,14 13.025,14.23 12.753,14.281 L9.939,14.801 C9.666,14.85 9.443,15.117 9.443,15.395 L9.443,17.586 C9.443,17.863 9.666,18.131 9.939,18.182 L12.753,18.701 C13.025,18.752 13.121,18.98 12.966,19.211 L11.351,21.604 C11.197,21.834 11.23,22.184 11.427,22.379 L12.974,23.928 C13.173,24.125 13.521,24.158 13.751,24.002 L16.144,22.389 C16.373,22.234 16.603,22.33 16.654,22.604 L17.173,25.418 C17.224,25.689 17.49,25.914 17.769,25.914 L19.96,25.914 C20.236,25.914 20.505,25.689 20.556,25.418 L21.076,22.602 C21.125,22.331 21.353,22.234 21.584,22.389 L23.98,24.002 C24.209,24.158 24.558,24.125 24.755,23.928 L26.3,22.38 C26.496,22.183 26.529,21.833 26.376,21.606 L24.761,19.21 C24.605,18.981 24.701,18.751 24.976,18.7 L27.789,18.181 C28.062,18.13 28.285,17.864 28.285,17.585 L28.285,15.394 C28.285,15.117 28.063,14.85 27.789,14.801 M18.862,19.902 C16.983,19.902 15.458,18.377 15.458,16.498 C15.458,14.619 16.983,13.094 18.862,13.094 C20.743,13.094 22.268,14.619 22.268,16.498 C22.268,18.377 20.742,19.902 18.862,19.902" id="Shape" fill="#517ECE"></path>
             </g>
-            <g id="Pause" transform="translate(438.000000, 613.000000)" sketch:type="MSShapeGroup">
+            <g id="Pause" transform="translate(421.000000, 615.000000)" sketch:type="MSShapeGroup">
                 <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="37" height="35" rx="5"></rect>
                 <path d="M16.281,10.115 L13.473,10.115 C13.131,10.115 12.852,10.391 12.852,10.736 L12.852,24.244 C12.852,24.586 13.131,24.865 13.473,24.865 L16.282,24.865 C16.627,24.865 16.903,24.586 16.903,24.244 L16.903,10.736 C16.903,10.393 16.625,10.115 16.281,10.115" id="Shape" fill="#517ECE"></path>
                 <path d="M23.975,10.115 L21.166,10.115 C20.823,10.115 20.547,10.391 20.547,10.736 L20.547,24.244 C20.547,24.586 20.823,24.865 21.166,24.865 L23.975,24.865 C24.319,24.865 24.596,24.586 24.596,24.244 L24.596,10.736 C24.596,10.393 24.319,10.115 23.975,10.115" id="Shape" fill="#517ECE"></path>
             </g>
-            <g id="Point-Table" transform="translate(308.000000, 613.000000)">
+            <g id="Point-Table" transform="translate(291.000000, 615.000000)">
                 <rect id="Rectangle" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="123" height="35" rx="5"></rect>
                 <text fill="#517ECE" sketch:type="MSTextLayer" font-family="Exo 2" font-size="17" font-weight="normal">
-                    <tspan x="21.5935059" y="24">Point Table</tspan>
+                    <tspan x="21.5935059" y="23">Point Table</tspan>
+                </text>
+            </g>
+            <g id="Rules" transform="translate(511.000000, 615.000000)">
+                <rect id="Rules-Rectangle" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="74" height="35" rx="5"></rect>
+                <text id="Rules-Text" fill="#517ECE" sketch:type="MSTextLayer" font-family="Exo 2" font-size="17" font-weight="normal">
+                    <tspan x="14.5935059" y="23">Rules</tspan>
                 </text>
             </g>
             <g id="Create" transform="translate(864.000000, 526.000000)" sketch:type="MSShapeGroup">
@@ -460,7 +466,7 @@
         <path d="M717.82681,16 L698.143994,16 C695.854843,16 694,17.8548426 694,20.1430683 L694,50.1835548 C694,52.4717805 695.854843,54.3266231 698.143994,54.3266231 L717.82681,54.3266231 C720.115036,54.3266231 721.969878,52.4717805 721.969878,50.1835548 L721.969878,20.1430683 C721.968952,17.8548426 720.115036,16 717.82681,16 L717.82681,16 L717.82681,16 Z M707.985865,41.0399123 C704.737344,41.0399123 702.108338,38.4072025 702.108338,35.1623855 C702.108338,31.9147904 704.737344,29.2848588 707.985865,29.2848588 C711.230682,29.2848588 713.863392,31.9147904 713.863392,35.1623855 C713.863392,38.4090546 711.230682,41.0399123 707.985865,41.0399123 L707.985865,41.0399123 L707.985865,41.0399123 Z" id="Okey-Tash-Logo-3" fill="#F6A623" sketch:type="MSShapeGroup"></path>
         <path d="M754.82681,16 L735.143994,16 C732.854843,16 731,17.8548426 731,20.1430683 L731,50.1835548 C731,52.4717805 732.854843,54.3266231 735.143994,54.3266231 L754.82681,54.3266231 C757.115036,54.3266231 758.969878,52.4717805 758.969878,50.1835548 L758.969878,20.1430683 C758.968952,17.8548426 757.115036,16 754.82681,16 L754.82681,16 L754.82681,16 Z M744.985865,41.0399123 C741.737344,41.0399123 739.108338,38.4072025 739.108338,35.1623855 C739.108338,31.9147904 741.737344,29.2848588 744.985865,29.2848588 C748.230682,29.2848588 750.863392,31.9147904 750.863392,35.1623855 C750.863392,38.4090546 748.230682,41.0399123 744.985865,41.0399123 L744.985865,41.0399123 L744.985865,41.0399123 Z" id="Okey-Tash-Logo-4" fill="#517ECE" sketch:type="MSShapeGroup"></path>
     </g>
-    
+
     <foreignObject id="GameChatEditor" x="864" y="504" width="198" height="120" onmouseover="barHover(evt);" onmouseout="barHoverOut(evt);">
         <div xmlns:data="Chat" id="edit" contentEditable="true"
           style="padding:4px;background-color:#FFF687;color:#3B5998;font-family:'Exo 2';font-size:16px;"

apps/web/priv/static/app/js/bootloader.js

@@ -63,6 +63,15 @@ function PatchSVG()
             document.getElementById(x).style.cursor = "pointer";
             document.getElementById(x).onclick = showOnlineList; });
 
+    var rulesOnClick = [
+        "Rules",
+        "Rules-Text",
+        "Rules-Rectangle" ];
+
+       rulesOnClick.map(function(x) { 
+            document.getElementById(x).style.cursor = "pointer";
+            document.getElementById(x).onclick = showRules; });
+
     Core(ControllerScope);
     Core(DragScope);
     Core(DropScope);
@@ -112,6 +121,23 @@ $.load('Kakaranet-Scene.svg', function(x) {
     });
 });
 
+function showRules()
+{
+    $.load("svg/Okey-Rules.svg", function(h) {
+        var rules = document.getElementById("Okey-Rules");
+        if (null == rules) {
+            var rulesElement = svg(h);
+            document.getElementById("Kakaranet-12-maxim").appendChild(rulesElement);
+            document.getElementById("Okey-Rules").setAttribute('onclick', 'onRulesClose(evt)');
+        }
+        rules.style.display = 'block';
+    });
+}
+
+function onRulesClose(evt) {
+    document.getElementById('Okey-Rules').style.display = 'none';
+}
+
 function initEditorsSafari()
 {
     if (isSafari()) {

apps/web/priv/static/app/js/selector.js

@@ -5,7 +5,7 @@ var scope = {
     CARD_SMALL_SOURCE: "svg/Card-Small.svg",
     CARD_COLORS: [ "#CE290F", "#3B5998", "#48AF5E", "#F8E81C" ],
     SKIN_NAMES: [ "Alina", "Gabrielo", "Mustafa" ],
-    version: 0906201402
+    version: 1006201401
 };
 
 var $ = function(_undefind)

apps/web/priv/static/app/svg/Okey-Rules.svg

@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="860px" height="660px" viewBox="0 0 860 660" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+            <g id="Okey-Rules" transform="translate(214.000000, 90.000000)">
+                <g id="Dialog-2" sketch:type="MSShapeGroup">
+                    <rect id="Rectangle-54" stroke="#48AF5E" stroke-width="10" fill="#FFFFFF" x="0" y="0" width="643" height="515" rx="30"></rect>
+                    <rect id="Rectangle-55" fill="#48AF5E" x="4" y="5" width="635" height="67"></rect>
+                    <path d="M10,109 L10,486.008806 C10,497.049644 18.9566601,506.000011 30.0008497,506.000011 L612.99915,506.000018 C624.045315,506.000018 633,497.037944 633,486.001168 L633,100 C545,182.999994 292,228.999997 10,109 Z" id="Rectangle-60" fill="#DFF1F4"></path>
+                </g>
+                <text id="Notes" sketch:type="MSTextLayer" font-family="Exo 2" font-size="20" font-weight="normal" fill="#4A4A4A">
+                    <tspan x="22" y="441.5">Make 3x3+1x5, 2x3+2x4 or 2x5+1x4 Runs/Sets or 7 Pairs. Use </tspan>
+                    <tspan x="22" y="465.5">Okey Joker (which is +1 same color as central Gosterme card) or </tspan>
+                    <tspan x="22" y="489.5">Fake Joker to substitute any needed card in your combination.</tspan>
+                </text>
+                <text id="Winning-Deck-3x3+1x5" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                    <tspan x="143" y="116">Winning Deck 3x3+1x5</tspan>
+                </text>
+                <text fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="bold">
+                    <tspan x="24" y="48.5284512">Okey Rules</tspan>
+                </text>
+                <g id="Small-Deck" transform="translate(121.000000, 132.000000)">
+                    <g id="Deck" sketch:type="MSShapeGroup">
+                        <rect id="Rectangle-path" fill="#AF7B58" x="0" y="1.95918367" width="495" height="42.4489796"></rect>
+                        <rect id="Rectangle-path" fill="#AF7B58" x="0" y="48.9795918" width="495" height="47.0204082"></rect>
+                        <path d="M495,44.4154776 L215.963859,44.4154776 L0,44.4081633 L0,48.9731918 L213.326437,48.9731918 L495,48.9795918 L495,44.4154776 Z" id="Shape" fill="#BC8864"></path>
+                        <path d="M495,2.6122449 L0,2.6122449 L2.02176562,0 L492.816586,0 L495,2.6122449 L495,2.6122449 Z" id="Shape" fill="#BC8864"></path>
+                    </g>
+                    <g id="1x3-Fours-Set" transform="translate(2.000000, 1.000000)">
+                        <g id="Slot-1,1-2">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#F8E81C">
+                                <tspan x="9.66488882" y="20.7657996">4</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#F8E81C" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-3" transform="translate(33.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
+                                <tspan x="9.66488882" y="20.7657996">4</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-4" transform="translate(66.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
+                                <tspan x="9.66488882" y="20.7657996">4</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                    </g>
+                    <g id="1x3-Green-Run" transform="translate(115.000000, 49.000000)">
+                        <g id="Slot-1,1-5">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
+                                <tspan x="9.66488882" y="20.7657996">4</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-7" transform="translate(66.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="6" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
+                                <tspan x="9.66488882" y="20.7657996">6</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Okey-Run" transform="translate(32.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                            <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
+                                <tspan x="3.74003405" y="20.1361222">10</tspan>
+                            </text>
+                        </g>
+                    </g>
+                    <g id="1x5-Red-Run" transform="translate(320.000000, 1.000000)">
+                        <g id="Slot-1,1-17" transform="translate(66.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="11" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
+                                <tspan x="3.74003405" y="20.1361222">11</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-14" transform="translate(33.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#48AF5E">
+                                <tspan x="5.62586344" y="20.1361222">12</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-18">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="13" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
+                                <tspan x="3.74003405" y="20.1361222">13</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-15" transform="translate(99.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                            <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
+                                <tspan x="3.74003405" y="20.1361222">10</tspan>
+                            </text>
+                        </g>
+                        <g id="Slot-1,1-16" transform="translate(133.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
+                                <tspan x="9.66488882" y="20.7657996">9</tspan>
+                            </text>
+                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Jocker-Run" transform="translate(26.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="7.65210256" y="-0.260675479" width="32" height="46" rx="8"></rect>
+                            <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" sketch:alignment="middle" letter-spacing="-1.37878788" fill="#517ECE">
+                                <tspan x="13.7101375" y="29.2222222">❦</tspan>
+                                <tspan x="33.4693494" y="29.2222222" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" letter-spacing="-1"></tspan>
+                            </text>
+                        </g>
+                    </g>
+                    <g id="1x3-Red-Run" transform="translate(165.000000, 1.000000)">
+                        <g id="Slot-1,1-21" transform="translate(66.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="3" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
+                                <tspan x="10.9026753" y="20.1361222">3</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-19" transform="translate(33.000000, 0.000000)">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="2" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
+                                <tspan x="10.9026753" y="20.1361222">2</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        </g>
+                        <g id="Slot-1,1-20">
+                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                            <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
+                                <tspan x="10.9026753" y="20.1361222">1</tspan>
+                            </text>
+                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        </g>
+                    </g>
+                </g>
+                <g id="Run" transform="translate(40.000000, 242.000000)">
+                    <g id="Slot-1,1-10" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="11" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
+                            <tspan x="3.74003405" y="20.1361222">11</tspan>
+                        </text>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <g id="Slot-1,1-13">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
+                            <tspan x="3.74003405" y="20.1361222">12</tspan>
+                        </text>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <g id="Slot-1,1-8" transform="translate(66.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
+                            <tspan x="3.74003405" y="20.1361222">10</tspan>
+                        </text>
+                    </g>
+                    <g id="Slot-1,1-9" transform="translate(100.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
+                            <tspan x="9.66488882" y="20.7657996">9</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="147" y="35">Run</tspan>
+                    </text>
+                </g>
+                <g id="Set" transform="translate(73.000000, 301.000000)">
+                    <g id="Slot-1,1-10" transform="translate(0.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
+                            <tspan x="10.9026753" y="20.1361222">7</tspan>
+                        </text>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <g id="Slot-1,1-8" transform="translate(33.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#48AF5E">
+                            <tspan x="10.9026753" y="20.1361222">7</tspan>
+                        </text>
+                    </g>
+                    <g id="Slot-1,1-9" transform="translate(67.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#517ECE">
+                            <tspan x="9.66488882" y="20.7657996">7</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="114" y="35">Set</tspan>
+                    </text>
+                </g>
+                <g id="Pair" transform="translate(106.000000, 361.000000)">
+                    <g id="Slot-1,1-8" transform="translate(0.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                        <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#517ECE">
+                            <tspan x="10.9026753" y="20.1361222">1</tspan>
+                        </text>
+                    </g>
+                    <g id="Slot-1,1-9" transform="translate(34.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#517ECE">
+                            <tspan x="9.66488882" y="20.7657996">1</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                    </g>
+                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="81" y="35">Pair</tspan>
+                    </text>
+                </g>
+                <g id="Fake-Jocker" transform="translate(290.000000, 362.000000)">
+                    <g id="Slot-1,1-9" transform="translate(0.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="7.65210256" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" sketch:alignment="middle" letter-spacing="-1.37878788" fill="#517ECE">
+                            <tspan x="13.7101375" y="29">❦</tspan>
+                            <tspan x="33.4693494" y="29" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" letter-spacing="-1"></tspan>
+                        </text>
+                    </g>
+                    <text id="Fake-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="55" y="35">Fake Joker</tspan>
+                    </text>
+                </g>
+                <g id="Gosterme" transform="translate(297.000000, 242.000000)">
+                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="46" y="35">Gosterme</tspan>
+                    </text>
+                    <g id="Slot-1,1-11">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
+                            <tspan x="9.66488882" y="20.7657996">9</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    </g>
+                </g>
+                <g id="Okey" transform="translate(297.000000, 302.000000)">
+                    <text id="Okey-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
+                        <tspan x="46" y="35">Okey Joker</tspan>
+                    </text>
+                    <g id="Slot-1,1-12" transform="translate(0.000000, 1.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
+                            <tspan x="3.74003405" y="20.1361222">10</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+</svg>

apps/web/priv/static/doc/Kakaranet-Scene.sketch/metadata

@@ -13,9 +13,10 @@
 		<string>Exo2-Regular</string>
 		<string>Exo2-Bold</string>
 		<string>LucidaGrande-Bold</string>
+		<string>MinionPro-Regular</string>
 	</array>
 	<key>length</key>
-	<integer>2706947</integer>
+	<integer>2851892</integer>
 	<key>version</key>
 	<integer>37</integer>
 </dict>