Right menu

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

@@ -85,7 +85,7 @@
             <path d="M119.525,10.542 L123.24,10.542 L123.24,5.668 L119.136,5.668 C115.722,5.668 113.337,8.44 113.337,12.537 L113.337,15.571 L108.384,15.571 L108.384,20.52 L113.337,20.52 L113.337,35.977 L118.288,35.977 L118.288,20.521 L123.239,20.521 L123.239,15.572 L118.288,15.572 L118.288,11.587 C118.289,10.775 119.1,10.542 119.525,10.542" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
         </g>
         <g id="Online-Users" sketch:type="MSLayerGroup" transform="translate(17.000000, 12.000000)">
-            <path d="M199.934,40.4580839 C199.934,42.0778423 198.602007,43.391 196.959015,43.391 L2.90898513,43.391 C1.26699334,43.391 -0.065,42.0778423 -0.065,40.4580839 L-0.065,3.32391606 C-0.065,1.70415771 1.26699334,0.391 2.90898513,0.391 L196.960015,0.391 C198.603007,0.391 199.935,1.70415771 199.935,3.32391606 L199.935,40.4580839 L199.934,40.4580839 Z" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M199.934,40.4580839 C199.934,42.0778423 198.602007,43.391 196.959015,43.391 L2.90898513,43.391 C1.26699334,43.391 -0.065,42.0778423 -0.065,40.4580839 L-0.065,3.32391606 C-0.065,1.70415771 1.26699334,0.391 2.90898513,0.391 L196.960015,0.391 C198.603007,0.391 199.935,1.70415771 199.935,3.32391606 L199.935,40.4580839 L199.934,40.4580839 Z" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
             <path d="M46.959,19.041 L53.997,19.041 C54.428,19.041 54.742,19.174 54.94,19.44 C55.138,19.707 55.169,20.032 55.034,20.418 L51.481,30.771 L48.931,30.771 L51.906,22.271 C52.042,21.852 52.206,21.483 52.399,21.166 L47.061,21.166 L46.959,19.041 L46.959,19.041 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
             <path d="M56.412,21.2 L56.31,19.245 C57.624,18.973 58.939,18.837 60.254,18.837 C61.568,18.837 62.552,19.03 63.204,19.415 C63.855,19.8 64.181,20.515 64.181,21.557 C64.181,22.26 64.054,22.88 63.799,23.418 C63.544,23.957 63.037,24.628 62.278,25.433 L59.269,28.561 C59.699,28.482 60.277,28.442 61.003,28.442 L64.522,28.442 L64.522,30.771 L56.209,30.771 L56.209,29.326 C56.209,28.884 56.334,28.533 56.583,28.272 L59.456,25.178 C60.861,23.716 61.558,22.599 61.547,21.829 C61.536,21.5 61.411,21.288 61.173,21.191 C60.935,21.095 60.527,21.046 59.949,21.046 C58.746,21.046 57.567,21.098 56.412,21.2 L56.412,21.2 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
             <path d="M66.237,21.2 L66.135,19.245 C67.449,18.973 68.764,18.837 70.079,18.837 C71.393,18.837 72.377,19.03 73.029,19.415 C73.68,19.8 74.006,20.515 74.006,21.557 C74.006,22.26 73.879,22.88 73.624,23.418 C73.369,23.957 72.862,24.628 72.103,25.433 L69.094,28.561 C69.524,28.482 70.102,28.442 70.828,28.442 L74.347,28.442 L74.347,30.771 L66.034,30.771 L66.034,29.326 C66.034,28.884 66.159,28.533 66.408,28.272 L69.281,25.178 C70.686,23.716 71.383,22.599 71.372,21.829 C71.361,21.5 71.236,21.288 70.998,21.191 C70.76,21.095 70.352,21.046 69.774,21.046 C68.572,21.046 67.393,21.098 66.237,21.2 L66.237,21.2 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
@@ -101,7 +101,7 @@
             <path d="M156.93,22.492 L157.032,23.801 C158.369,22.793 159.605,22.288 160.738,22.288 C162.234,22.288 162.982,23.047 162.982,24.566 L162.982,30.771 L161.537,30.771 L161.537,24.974 C161.537,24.43 161.446,24.05 161.265,23.835 C161.084,23.62 160.778,23.512 160.347,23.512 C159.894,23.512 159.438,23.614 158.979,23.818 C158.52,24.022 157.911,24.357 157.151,24.821 L157.151,30.771 L155.706,30.771 L155.706,22.492 L156.93,22.492 L156.93,22.492 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
             <path d="M170.564,27.336 L166.705,27.336 C166.784,28.288 167.017,28.928 167.402,29.257 C167.787,29.586 168.427,29.75 169.323,29.75 C170.263,29.75 171.221,29.682 172.196,29.546 L172.349,30.515 C171.612,30.821 170.541,30.974 169.136,30.974 C167.708,30.974 166.691,30.642 166.085,29.979 C165.479,29.316 165.175,28.191 165.175,26.604 C165.175,25.006 165.469,23.887 166.059,23.247 C166.648,22.607 167.623,22.287 168.983,22.287 C170.218,22.287 171.119,22.511 171.686,22.958 C172.252,23.406 172.536,24.083 172.536,24.99 C172.559,26.555 171.901,27.336 170.564,27.336 L170.564,27.336 Z M166.688,26.214 L170.19,26.214 C170.791,26.214 171.091,25.806 171.091,24.99 C171.08,24.457 170.921,24.077 170.615,23.851 C170.309,23.625 169.788,23.511 169.051,23.511 C168.178,23.511 167.572,23.701 167.232,24.08 C166.892,24.461 166.711,25.172 166.688,26.214 L166.688,26.214 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
             <path d="M19.352,40.225 C10.852,40.225 3.935,33.309 3.935,24.808 C3.935,16.307 10.851,9.391 19.352,9.391 C27.853,9.391 34.769,16.307 34.769,24.808 C34.769,33.309 27.853,40.225 19.352,40.225 L19.352,40.225 Z" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
-            <path d="M27.9217122,24.4946269 L27.8534599,24.4946269 L27.8249366,24.2888139 C28.0694224,24.0043078 28.2059269,23.6522063 28.2059269,23.2173761 L28.2059269,22.6423105 C28.2161139,22.6433194 28.2263008,22.6453372 28.2364877,22.6453372 C28.3831791,22.6453372 28.5023659,22.5272974 28.5023659,22.3820177 L28.5023659,21.7938367 C28.531908,21.7918189 28.5583939,21.7887922 28.587936,21.7867745 C30.1200468,19.240344 26.9335822,17.3032811 25.6347515,19.3876414 C24.6160608,19.2554773 23.4730898,20.0434179 24.3236966,21.8190588 C24.3766685,21.9290275 24.4316778,22.0278984 24.4887245,22.1136538 L24.4948366,22.1136538 L24.4948366,22.3830266 C24.4948366,22.5283063 24.6140234,22.6463461 24.7607149,22.6463461 C24.7637709,22.6463461 24.766827,22.6453372 24.7698831,22.6453372 L24.7698831,23.2173761 C24.7698831,23.6168953 24.9043503,23.9518457 25.1243875,24.2292896 L25.0917894,24.4946269 L25.0754903,24.4946269 C23.9315006,24.4946269 22.9484641,25.1332523 22.4370813,26.063446 C22.07239,25.9645751 21.690381,25.9070685 21.2941103,25.9070685 L21.1952973,25.9070685 L21.153531,25.6124735 C21.505998,25.2028655 21.7005679,24.698422 21.7005679,24.073921 L21.7005679,23.2496604 C21.7148296,23.2506693 21.7280726,23.253696 21.7433529,23.253696 C21.9542219,23.253696 22.1253619,23.0852119 22.1253619,22.8763723 L22.1253619,22.031934 C22.168147,22.0289073 22.2058385,22.0248718 22.2486235,22.0218451 C24.4469581,18.3676568 19.7416256,15.7072221 18.0475429,16.546616 C17.9487299,16.6010959 17.9833654,16.6737357 18.0485616,16.6767624 C18.2013652,16.679789 18.3073091,16.7080379 18.3969539,16.840202 C18.4234398,16.8946819 18.6017107,17.4082054 17.7378609,17.6230983 C16.6560114,17.8733022 14.9079381,19.5208145 16.1283296,22.0682539 C16.2047314,22.2266491 16.2841893,22.3678933 16.3646658,22.4909775 C16.3677219,22.4909775 16.3697593,22.4909775 16.3728154,22.4899686 L16.3728154,22.8763723 C16.3728154,23.0852119 16.5429367,23.253696 16.7548244,23.253696 L16.7670487,23.253696 L16.7670487,24.0749299 C16.7670487,24.6469688 16.9595812,25.1282078 17.276394,25.5267181 L17.2295343,25.9080774 L17.2071231,25.9080774 C16.9718055,25.9080774 16.7426001,25.9312818 16.5174694,25.9676017 C16.03461,24.9556882 15.0026763,24.2494673 13.7975652,24.2494673 L13.7293129,24.2494673 L13.6997709,24.0436544 C13.9452753,23.7581394 14.0807612,23.4070468 14.0807612,22.9712077 L14.0807612,22.397151 C14.0909481,22.3981599 14.1001163,22.4001777 14.1113219,22.4001777 C14.2580134,22.4001777 14.3782189,22.2831468 14.3782189,22.1378671 L14.3782189,21.5486772 C14.4077609,21.5466594 14.4332282,21.5446416 14.4637889,21.5416149 C15.2980966,20.1533866 14.4851814,19.0335221 14.0827986,17.6584093 C13.2770142,18.8993402 12.0739405,17.4596586 11.5360717,17.7249958 C11.5065297,17.741138 11.0827544,18.8105581 10.0080356,18.4120478 C10.4562596,19.4320325 9.71567141,20.5650124 10.1995495,21.5738993 C10.2525214,21.683868 10.3075307,21.7827389 10.3645774,21.8684943 L10.3696709,21.8684943 L10.3696709,22.138876 C10.3696709,22.2841557 10.4888577,22.4011866 10.6355491,22.4011866 L10.6436987,22.4011866 L10.6436987,22.9732254 C10.6436987,23.3727446 10.7781658,23.7076951 10.9992217,23.985139 L10.9656049,24.2504762 L10.9493059,24.2504762 C9.28476522,24.2504762 7.935,25.5872514 7.935,27.2357725 C7.935,27.2357725 8.30376605,29.4694481 12.4416878,29.4644037 C12.6209774,29.4644037 12.7849866,29.4543148 12.9500145,29.4462437 C12.9072295,29.6893854 12.8797248,29.9365627 12.8797248,30.1918111 C12.8797248,30.1918111 13.409444,33.3970448 19.3473923,33.3909914 C25.1417052,33.3839292 25.6184525,30.1918111 25.6184525,30.1918111 C25.6184525,30.0112204 25.6031721,29.8336563 25.5807609,29.65811 C25.8853494,29.6883766 26.206237,29.7105721 26.5648162,29.7095632 C30.6029062,29.7055276 30.9349994,27.4799232 30.9349994,27.4799232 C30.9360181,25.831402 29.5862529,24.4946269 27.9217122,24.4946269 L27.9217122,24.4946269 Z" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M27.9217122,24.4946269 L27.8534599,24.4946269 L27.8249366,24.2888139 C28.0694224,24.0043078 28.2059269,23.6522063 28.2059269,23.2173761 L28.2059269,22.6423105 C28.2161139,22.6433194 28.2263008,22.6453372 28.2364877,22.6453372 C28.3831791,22.6453372 28.5023659,22.5272974 28.5023659,22.3820177 L28.5023659,21.7938367 C28.531908,21.7918189 28.5583939,21.7887922 28.587936,21.7867745 C30.1200468,19.240344 26.9335822,17.3032811 25.6347515,19.3876414 C24.6160608,19.2554773 23.4730898,20.0434179 24.3236966,21.8190588 C24.3766685,21.9290275 24.4316778,22.0278984 24.4887245,22.1136538 L24.4948366,22.1136538 L24.4948366,22.3830266 C24.4948366,22.5283063 24.6140234,22.6463461 24.7607149,22.6463461 C24.7637709,22.6463461 24.766827,22.6453372 24.7698831,22.6453372 L24.7698831,23.2173761 C24.7698831,23.6168953 24.9043503,23.9518457 25.1243875,24.2292896 L25.0917894,24.4946269 L25.0754903,24.4946269 C23.9315006,24.4946269 22.9484641,25.1332523 22.4370813,26.063446 C22.07239,25.9645751 21.690381,25.9070685 21.2941103,25.9070685 L21.1952973,25.9070685 L21.153531,25.6124735 C21.505998,25.2028655 21.7005679,24.698422 21.7005679,24.073921 L21.7005679,23.2496604 C21.7148296,23.2506693 21.7280726,23.253696 21.7433529,23.253696 C21.9542219,23.253696 22.1253619,23.0852119 22.1253619,22.8763723 L22.1253619,22.031934 C22.168147,22.0289073 22.2058385,22.0248718 22.2486235,22.0218451 C24.4469581,18.3676568 19.7416256,15.7072221 18.0475429,16.546616 C17.9487299,16.6010959 17.9833654,16.6737357 18.0485616,16.6767624 C18.2013652,16.679789 18.3073091,16.7080379 18.3969539,16.840202 C18.4234398,16.8946819 18.6017107,17.4082054 17.7378609,17.6230983 C16.6560114,17.8733022 14.9079381,19.5208145 16.1283296,22.0682539 C16.2047314,22.2266491 16.2841893,22.3678933 16.3646658,22.4909775 C16.3677219,22.4909775 16.3697593,22.4909775 16.3728154,22.4899686 L16.3728154,22.8763723 C16.3728154,23.0852119 16.5429367,23.253696 16.7548244,23.253696 L16.7670487,23.253696 L16.7670487,24.0749299 C16.7670487,24.6469688 16.9595812,25.1282078 17.276394,25.5267181 L17.2295343,25.9080774 L17.2071231,25.9080774 C16.9718055,25.9080774 16.7426001,25.9312818 16.5174694,25.9676017 C16.03461,24.9556882 15.0026763,24.2494673 13.7975652,24.2494673 L13.7293129,24.2494673 L13.6997709,24.0436544 C13.9452753,23.7581394 14.0807612,23.4070468 14.0807612,22.9712077 L14.0807612,22.397151 C14.0909481,22.3981599 14.1001163,22.4001777 14.1113219,22.4001777 C14.2580134,22.4001777 14.3782189,22.2831468 14.3782189,22.1378671 L14.3782189,21.5486772 C14.4077609,21.5466594 14.4332282,21.5446416 14.4637889,21.5416149 C15.2980966,20.1533866 14.4851814,19.0335221 14.0827986,17.6584093 C13.2770142,18.8993402 12.0739405,17.4596586 11.5360717,17.7249958 C11.5065297,17.741138 11.0827544,18.8105581 10.0080356,18.4120478 C10.4562596,19.4320325 9.71567141,20.5650124 10.1995495,21.5738993 C10.2525214,21.683868 10.3075307,21.7827389 10.3645774,21.8684943 L10.3696709,21.8684943 L10.3696709,22.138876 C10.3696709,22.2841557 10.4888577,22.4011866 10.6355491,22.4011866 L10.6436987,22.4011866 L10.6436987,22.9732254 C10.6436987,23.3727446 10.7781658,23.7076951 10.9992217,23.985139 L10.9656049,24.2504762 L10.9493059,24.2504762 C9.28476522,24.2504762 7.935,25.5872514 7.935,27.2357725 C7.935,27.2357725 8.30376605,29.4694481 12.4416878,29.4644037 C12.6209774,29.4644037 12.7849866,29.4543148 12.9500145,29.4462437 C12.9072295,29.6893854 12.8797248,29.9365627 12.8797248,30.1918111 C12.8797248,30.1918111 13.409444,33.3970448 19.3473923,33.3909914 C25.1417052,33.3839292 25.6184525,30.1918111 25.6184525,30.1918111 C25.6184525,30.0112204 25.6031721,29.8336563 25.5807609,29.65811 C25.8853494,29.6883766 26.206237,29.7105721 26.5648162,29.7095632 C30.6029062,29.7055276 30.9349994,27.4799232 30.9349994,27.4799232 C30.9360181,25.831402 29.5862529,24.4946269 27.9217122,24.4946269 L27.9217122,24.4946269 Z" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
         </g>
         <rect id="Back-5" fill="#D6E8EA" sketch:type="MSShapeGroup" x="0" y="453" width="1070" height="206.792"></rect>
         <path d="M1071.001,660 L1,660 L1,600.976 L850.979,600.976 L1071.001,600.976 L1071.001,660 Z" id="Back-4" fill="#A8CACC" sketch:type="MSShapeGroup"></path>
@@ -116,7 +116,7 @@
             <path d="M42.296,67.333 L42.348,67.338 L42.535,67.348 L42.566,67.348 L42.682,67.346 C42.996,67.335 43.309,67.318 43.62,67.287 C43.933,67.243 44.241,67.179 44.549,67.116 C45.153,66.953 45.741,66.726 46.288,66.443 C46.836,66.152 47.343,65.807 47.8,65.436 C48.253,65.06 48.657,64.653 49.008,64.25 C49.355,63.843 49.65,63.431 49.893,63.05 C50.139,62.676 50.334,62.31 50.485,62.008 C50.637,61.707 50.738,61.443 50.812,61.267 C50.903,61.054 50.923,60.96 50.921,60.965 L50.939,60.894 C51.027,60.523 51.004,60.105 50.857,59.73 C50.57,58.999 49.91,58.722 49.381,59.112 C49.378,59.118 49.317,59.16 49.236,59.192 C49.139,59.255 48.983,59.339 48.803,59.459 C48.424,59.693 47.883,60.013 47.241,60.314 C46.604,60.626 45.867,60.92 45.087,61.132 C44.886,61.161 44.692,61.235 44.492,61.271 C44.287,61.297 44.089,61.343 43.886,61.381 C43.677,61.394 43.471,61.413 43.263,61.446 L42.633,61.466 L42.557,61.473 L42.556,61.473 L42.429,61.46 L42.036,61.423 C41.774,61.41 41.515,61.393 41.258,61.375 L40.881,61.349 L40.616,61.28 C40.439,61.235 40.262,61.202 40.085,61.18 C39.737,61.176 39.345,60.959 38.981,60.879 C38.601,60.808 38.292,60.592 37.96,60.483 C37.632,60.368 37.364,60.181 37.095,60.06 C36.973,59.994 36.863,59.927 36.758,59.864 C36.964,61.033 37.327,63.013 37.885,65.798 C38.023,65.892 38.156,65.986 38.299,66.084 C38.43,66.163 38.553,66.261 38.692,66.331 C38.841,66.395 38.991,66.458 39.139,66.523 C39.442,66.654 39.751,66.776 40.069,66.887 L40.547,67.057 C40.691,67.096 40.807,67.107 40.938,67.129 C41.198,67.173 41.456,67.212 41.712,67.255 L42.105,67.304 L42.296,67.333 L42.296,67.333 Z" id="Shape" fill="#E6BE7C" sketch:type="MSShapeGroup"></path>
         </g>
         <g id="Mustafa-Persona" sketch:type="MSLayerGroup" transform="translate(457.000000, 145.000000)">
-            <path d="M63.4846469,1.97783493 C60.5123402,3.61258739 59.1434357,6.5633106 59.8509369,9.44230792 C59.9591665,9.88162896 60.1124918,10.3030185 60.3069043,10.6995033 C55.0427349,12.5484372 48.3956311,17.1727644 44.4853342,25.2309683 C41.5541148,31.2718817 39.3464305,41.1670652 45.4714265,53.9950405 C45.9093557,54.9115379 46.3683296,55.7822105 46.8423353,56.6000848 L46.8423353,57.8921469 C46.8423353,60.6067724 48.0579145,63.0434601 49.9779885,64.6941516 L49.9779885,67.4615754 C49.9779885,71.2889483 50.7816938,74.8682692 52.3750746,78.1547094 C51.814886,78.5581675 51.4471057,78.8600139 51.2797506,79.0024695 C49.188313,80.4708577 47.8905594,82.6983449 47.1670242,84.9587065 C25.8898785,88.8030147 14.6360001,106.665749 6.26223264,119.952969 L0.497,129.103 L11.3580449,129.103 L144.826237,129.103 L156.497,129.103 L149.721624,119.656103 C141.378923,108.022563 134.723802,99.6635091 127.341137,93.9453621 C120.606848,88.7302926 113.419599,85.7965047 104.506687,84.7026849 C103.912426,82.9573551 102.967421,81.2379262 101.561438,79.8910735 C100.904043,79.098104 100.08731,78.4505786 99.1533285,77.9883452 C100.531252,74.784589 101.253785,71.2750016 101.253785,67.4615754 L101.253785,64.8993674 C103.316161,63.249672 104.637966,60.7213346 104.637966,57.8931431 L104.637966,54.3516775 C111.518565,42.8695588 111.95449,30.9351685 106.00186,20.5199723 C98.4237805,7.26064559 82.9459397,0.103996193 72.2302031,0.103 C68.9271948,0.103 65.9859541,0.733590071 63.4846469,1.97783493 Z" id="Mustafa-Selection" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+            <path d="M72.2302031,0.103 L72.2302031,0.103 L72.2261946,0.103 C68.9271948,0.103 65.9859541,0.733590071 63.4846469,1.97783493 L63.3684002,2.03561412 L63.2551599,2.09837427 C60.5123402,3.61258739 59.1434357,6.5633106 59.8509369,9.44230792 C59.9591665,9.88162896 60.1124918,10.3030185 60.3069043,10.6995033 C55.0427349,12.5484372 48.3956311,17.1727644 44.4853342,25.2309683 C41.5541148,31.2718817 39.3464305,41.1670652 45.4714265,53.9950405 C45.9093557,54.9115379 46.3683296,55.7822105 46.8423353,56.6000848 L46.8423353,57.8921469 C46.8423353,60.6067724 48.0579145,63.0434601 49.9779885,64.6941516 L49.9779885,67.4615754 C49.9779885,71.2889483 50.7816938,74.8682692 52.3750746,78.1547094 C51.814886,78.5581675 51.4471057,78.8600139 51.2797506,79.0024695 C49.188313,80.4708577 47.8905594,82.6983449 47.1670242,84.9587065 C25.8898785,88.8030147 14.6360001,106.665749 6.26223264,119.952969 L0.497,129.103 L11.3580449,129.103 L144.826237,129.103 L156.497,129.103 L149.721624,119.656103 C141.378923,108.022563 134.723802,99.6635091 127.341137,93.9453621 C120.606848,88.7302926 113.419599,85.7965047 104.506687,84.7026849 C103.912426,82.9573551 102.967421,81.2379262 101.561438,79.8910735 C100.904043,79.098104 100.08731,78.4505786 99.1533285,77.9883452 C99.1342881,77.9793794 99.1162498,77.9694175 99.0962073,77.9604518 C100.531252,74.784589 101.253785,71.2750016 101.253785,67.4615754 L101.253785,64.8993674 C103.316161,63.249672 104.637966,60.7213346 104.637966,57.8931431 L104.637966,54.3516775 L104.775257,54.1225532 C111.518565,42.8695588 111.95449,30.9351685 106.00186,20.5199723 C98.4237805,7.26064559 82.9459397,0.103996193 72.2302031,0.103 L72.2302031,0.103 L72.2302031,0.103 Z" id="Mustafa-Selection" fill="#517ECE" sketch:type="MSShapeGroup"></path>
             <path d="M145.729,125.296 C128.005,100.269 118.839,90.517 95.519,90.517 L55.641,90.517 C32.321,90.517 21.022,108.055 10.272,125.296 L145.729,125.296 L145.729,125.296 Z" id="Mustafa-Body" fill="#8DCED7" sketch:type="MSShapeGroup"></path>
             <path d="M98.4313131,86.7339622 C94.4883429,77.1432213 83.2762128,74.9909641 75.0810989,74.9909641 C68.8874534,74.9909641 55.6030732,77.7252599 53.1150404,86.7339617 C60.340095,86.7339614 88.3252525,87.0803301 98.4313131,86.7339622 Z" id="Mustafa-Collar-Back" fill="#EFEFEF" sketch:type="MSShapeGroup"></path>
             <path d="M62.283,70.674 L58.134,86.099 L72.961,97.715 C72.961,97.715 78.155,97.749 78.329,97.691 C78.505,97.63 92.401,87.215 92.401,87.215 L88.093,70.59 L62.283,70.674 L62.283,70.674 Z" id="Mustafa-Neck" fill="#FFD191" sketch:type="MSShapeGroup"></path>
@@ -657,10 +657,6 @@
                 </text>
             </g>
         </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>
-            <path d="M81.215,48.569 L59.96,48.569 C57.489,48.569 55.486,50.572 55.486,53.043 L55.486,85.483 C55.486,87.954 57.489,89.957 59.96,89.957 L81.215,89.957 C83.686,89.957 85.689,87.954 85.689,85.483 L85.689,53.043 C85.688,50.572 83.686,48.569 81.215,48.569 L81.215,48.569 Z M70.588,75.609 C67.081,75.609 64.242,72.767 64.242,69.263 C64.242,65.756 67.081,62.916 70.588,62.916 C74.092,62.916 76.935,65.756 76.935,69.263 C76.935,72.768 74.092,75.609 70.588,75.609 L70.588,75.609 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
-        </g>
         <g id="Left-Menu" sketch:type="MSLayerGroup" transform="translate(0.000000, 545.000000)">
             <path d="M115.342,115 L0,115 L0,-0.355 C63.601,-0.123 115.11,51.393 115.342,115" id="Shape" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
             <g id="Group" transform="translate(25.000000, 50.000000)" fill="#FFFFFF" sketch:type="MSShapeGroup">
@@ -722,13 +718,17 @@
                 <path d="M84.267,8.666 L81.241,8.666 C81.32,9.277 81.504,9.688 81.793,9.898 C82.082,10.107 82.561,10.212 83.23,10.212 C84.126,10.212 85.168,10.149 86.358,10.024 L86.596,11.588 C85.723,12.008 84.505,12.217 82.941,12.217 C81.366,12.217 80.244,11.877 79.575,11.197 C78.906,10.516 78.572,9.394 78.572,7.83 C78.572,6.187 78.898,5.037 79.55,4.38 C80.201,3.723 81.298,3.394 82.839,3.394 C84.233,3.394 85.242,3.635 85.865,4.117 C86.488,4.598 86.805,5.333 86.817,6.319 C86.817,7.1 86.616,7.686 86.213,8.078 C85.81,8.47 85.162,8.666 84.267,8.666 L84.267,8.666 Z M81.189,7.152 L83.569,7.152 C83.875,7.152 84.081,7.079 84.189,6.931 C84.297,6.785 84.351,6.568 84.351,6.285 C84.351,5.889 84.249,5.614 84.045,5.461 C83.841,5.309 83.467,5.232 82.923,5.232 C82.277,5.232 81.835,5.36 81.597,5.615 C81.359,5.869 81.224,6.382 81.189,7.152 L81.189,7.152 Z" id="Shape"></path>
             </g>
         </g>
-        <g id="Create" sketch:type="MSLayerGroup" transform="translate(886.000000, 551.000000)">
-            <path d="M72.773,36.24 C72.773,56.345 56.473,72.643 36.369,72.643 C16.264,72.643 -0.034,56.345 -0.034,36.24 C-0.034,16.135 16.264,-0.163 36.369,-0.163 C56.474,-0.163 72.773,16.135 72.773,36.24" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
-            <path d="M51.071,32.116 L40.493,32.116 L40.493,21.538 C40.493,20.84 39.928,20.275 39.23,20.275 L33.507,20.275 C32.81,20.275 32.243,20.839 32.243,21.538 L32.243,32.116 L21.667,32.116 C20.97,32.116 20.403,32.682 20.403,33.381 L20.403,39.101 C20.403,39.8 20.969,40.366 21.667,40.366 L32.243,40.366 L32.243,50.941 C32.243,51.639 32.809,52.206 33.507,52.206 L39.23,52.206 C39.927,52.206 40.493,51.64 40.493,50.941 L40.493,40.366 L51.071,40.366 C51.769,40.366 52.334,39.801 52.334,39.101 L52.334,33.381 C52.334,32.683 51.77,32.116 51.071,32.116 L51.071,32.116 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <g id="Create" sketch:type="MSLayerGroup" transform="translate(864.000000, 526.000000)">
+            <path d="M86.71,58.24 C86.71,78.345 70.41,94.643 50.306,94.643 C30.201,94.643 13.903,78.345 13.903,58.24 C13.903,38.135 30.201,21.837 50.306,21.837 C70.411,21.837 86.71,38.135 86.71,58.24" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+            <path d="M65.668,55.841 L55.09,55.841 L55.09,45.263 C55.09,44.565 54.525,44 53.827,44 L48.104,44 C47.407,44 46.84,44.564 46.84,45.263 L46.84,55.841 L36.264,55.841 C35.567,55.841 35,56.407 35,57.106 L35,62.826 C35,63.525 35.566,64.091 36.264,64.091 L46.84,64.091 L46.84,74.666 C46.84,75.364 47.406,75.931 48.104,75.931 L53.827,75.931 C54.524,75.931 55.09,75.365 55.09,74.666 L55.09,64.091 L65.668,64.091 C66.366,64.091 66.931,63.526 66.931,62.826 L66.931,57.106 C66.931,56.408 66.367,55.841 65.668,55.841 L65.668,55.841 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M127,49 C127,49 63.4999983,-18.9227826 0,5.17094069" id="CreateMotion" sketch:type="MSShapeGroup"></path>
+            <path d="M13,5.80318006 C13,5.80318006 93.2315605,-20.7478933 129,51" id="CreateMotionBack" sketch:type="MSShapeGroup"></path>
         </g>
-        <g id="Play" sketch:type="MSLayerGroup" transform="translate(962.000000, 473.000000)">
-            <path d="M72.888,36.573 C72.888,56.678 56.588,72.975 36.484,72.975 C16.379,72.975 0.081,56.678 0.081,36.573 C0.081,16.468 16.379,0.169 36.484,0.169 C56.588,0.169 72.888,16.468 72.888,36.573" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
-            <path d="M49.987,34.807 L33.112,22.551 C32.494,22.102 31.675,22.036 30.998,22.384 C30.318,22.731 29.89,23.43 29.89,24.195 L29.89,48.707 C29.89,49.471 30.319,50.169 30.998,50.517 C31.288,50.664 31.604,50.739 31.92,50.739 C32.34,50.739 32.76,50.606 33.112,50.35 L49.987,38.093 C50.515,37.711 50.825,37.1 50.825,36.45 C50.825,35.799 50.513,35.188 49.987,34.807" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        <g id="Play" sketch:type="MSLayerGroup" transform="translate(946.000000, 461.000000)">
+            <path d="M87.888,45.573 C87.888,65.678 71.588,81.975 51.484,81.975 C31.379,81.975 15.081,65.678 15.081,45.573 C15.081,25.468 31.379,9.169 51.484,9.169 C71.588,9.169 87.888,25.468 87.888,45.573" id="PlayButton" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+            <path d="M48.112,31.551 C47.494,31.102 46.675,31.036 45.998,31.384 C45.318,31.731 44.89,32.43 44.89,33.195 L44.89,57.707 C44.89,58.471 45.319,59.169 45.998,59.517 C46.288,59.664 46.604,59.739 46.92,59.739 C47.34,59.739 47.76,59.606 48.112,59.35 L64.987,47.093 C65.515,46.711 65.825,46.1 65.825,45.45 C65.825,44.799 65.513,44.188 64.987,43.807 L48.112,31.551 Z" id="PlayIcon" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+            <path d="M48,116 C48,116 10.0374673,108.46934 1.9903702,66.370863 C-6.05672691,24.272386 12.8963039,2 12.8963039,2" id="PlayMotion" sketch:type="MSShapeGroup"></path>
+            <path d="M12,0 C12,0 1.1369324,32.7744489 12,69.1976755 C22.8630676,105.620902 46,114 46,114" id="PlayMotionBack" sketch:type="MSShapeGroup"></path>
         </g>
         <g id="Promos" sketch:type="MSLayerGroup" transform="translate(132.000000, 577.000000)">
             <path d="M-0.297,36.711 C-0.297,56.975 16.129,73.4 36.392,73.4 C56.656,73.4 73.082,56.974 73.082,36.711 C73.082,16.448 56.655,0.021 36.392,0.021 C16.129,0.021 -0.297,16.447 -0.297,36.711" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
@@ -753,5 +753,9 @@
                 <path d="M14.798,23.029 L1.847,23.029 L1.847,38.45 C1.847,38.985 2.15,39.443 2.591,39.678 L2.591,39.847 L3.242,39.847 L14.798,39.847 L14.798,23.029 L14.798,23.029 Z"></path>
             </g>
         </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>
+            <path d="M81.215,48.569 L59.96,48.569 C57.489,48.569 55.486,50.572 55.486,53.043 L55.486,85.483 C55.486,87.954 57.489,89.957 59.96,89.957 L81.215,89.957 C83.686,89.957 85.689,87.954 85.689,85.483 L85.689,53.043 C85.688,50.572 83.686,48.569 81.215,48.569 L81.215,48.569 Z M70.588,75.609 C67.081,75.609 64.242,72.767 64.242,69.263 C64.242,65.756 67.081,62.916 70.588,62.916 C74.092,62.916 76.935,65.756 76.935,69.263 C76.935,72.768 74.092,75.609 70.588,75.609 L70.588,75.609 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
+        </g>
     </g>
 </svg>

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

@@ -159,12 +159,40 @@ function findCardOnTable(c,v) {
     console.log("Card Not Found");
     return ""; }
 
-// Monadic Chain here
+// TODO: Rollout Monadic Chain here
 
 loadFile('templates/Card.svg', function() { 
-  loadFile('Kakaranet-7-Refined.svg', loadScene); 
+    loadFile('Kakaranet-7-Refined.svg', function() {
+        loadScene();
+        loadFile('templates/PlayShow.svg', function() {
+            document.getElementById("Play").appendChild(
+            svg(localStorage.getItem("templates/PlayShow.svg"))); 
+        });
+        loadFile('templates/PlayHide.svg', function() {
+            document.getElementById("Play").appendChild(
+            svg(localStorage.getItem("templates/PlayHide.svg"))); 
+        });
+        loadFile('templates/CreateShow.svg', function() {
+            document.getElementById("Create").appendChild(
+            svg(localStorage.getItem("templates/CreateShow.svg"))); 
+        });
+        loadFile('templates/CreateHide.svg', function() {
+            document.getElementById("Create").appendChild(
+            svg(localStorage.getItem("templates/CreateHide.svg"))); 
+        });
+
+
+        document.getElementById("Right-Menu").setAttribute('onclick', 'onRightMenu(evt)');
+        document.getElementById("Play").setAttribute('onclick', 'onRightMenuDown(evt)');
+        document.getElementById("Create").setAttribute('onclick', 'onRightMenuDown(evt)');
+
+    });
 });
 
+function onRightMenu(evt) { ["PlayShow","CreateShow"].map(function (x) { document.getElementById(x).beginElement(); }); }
+function onRightMenuDown(evt) { ["PlayHide","CreateHide"].map(function (x) { document.getElementById(x).beginElement(); }); }
+
+
 // SVG Samples for svg.htm
 
 loadFile('templates/Mustafa-Persona.svg', null, "Mustafa-Persona-Sample");

apps/face/priv/static/doc/synrc.css

@@ -24,7 +24,7 @@
 .threecol { float:left; }
 .left { float:left; }
 .hints { width:59px;float:left;margin-right:6px; }
-.main { width:843px;float:left;margin-right:26px; margin-left: 50px; }
+.main { width:1843px;float:left;margin-right:26px; margin-left: 50px; }
 .contents { font-size: 19pt; width:170px;float:left; }
 
 code { background-color: lightblue; margin: 15px 0px 20px 20px;

apps/face/priv/static/doc/templates/CreateHide.svg

@@ -0,0 +1,4 @@
+ <animateMotion id="CreateHide" xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1" begin="indefinite">
+           <mpath xlink:href="#CreateMotionBack"/>
+        </animateMotion>

apps/face/priv/static/doc/templates/CreateShow.svg

@@ -0,0 +1,4 @@
+ <animateMotion id="CreateShow" xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1">
+           <mpath xlink:href="#CreateMotion"/>
+        </animateMotion>

apps/face/priv/static/doc/templates/PlayHide.svg

@@ -0,0 +1,4 @@
+ <animateMotion id="PlayHide" xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1" begin="indefinite">
+           <mpath xlink:href="#PlayMotionBack"/>
+        </animateMotion>

apps/face/priv/static/doc/templates/PlayShow.svg

@@ -0,0 +1,4 @@
+ <animateMotion id="PlayShow" xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1">
+           <mpath xlink:href="#PlayMotion"/>
+        </animateMotion>