Mustafa Selection

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

@@ -85,7 +85,6 @@
             <path d="M198.039,2.791 L197.384,9.468 L188.35,9.468 L188.35,32.901 L182.064,32.64 L181.672,10.253 L172.247,11.432 L172.117,4.492 L198.039,2.791 Z" id="Shape" fill="#517ECE"></path>
         </g>
         <g id="Person-Selections" sketch:type="MSLayerGroup" transform="translate(202.000000, 145.000000)" fill="#517ECE">
-            <path d="M327.230203,0.103 L327.230203,0.103 L327.226195,0.103 C323.927195,0.103 320.985954,0.733590071 318.484647,1.97783493 L318.3684,2.03561412 L318.25516,2.09837427 C315.51234,3.61258739 314.143436,6.5633106 314.850937,9.44230792 C314.959167,9.88162896 315.112492,10.3030185 315.306904,10.6995033 C310.042735,12.5484372 303.395631,17.1727644 299.485334,25.2309683 C296.554115,31.2718817 294.346431,41.1670652 300.471427,53.9950405 C300.909356,54.9115379 301.36833,55.7822105 301.842335,56.6000848 L301.842335,57.8921469 C301.842335,60.6067724 303.057915,63.0434601 304.977989,64.6941516 L304.977989,67.4615754 C304.977989,71.2889483 305.781694,74.8682692 307.375075,78.1547094 C306.814886,78.5581675 306.447106,78.8600139 306.279751,79.0024695 C304.188313,80.4708577 302.890559,82.6983449 302.167024,84.9587065 C280.889878,88.8030147 269.636,106.665749 261.262233,119.952969 L255.497,129.103 L266.358045,129.103 L399.826237,129.103 L411.497,129.103 L404.721624,119.656103 C396.378923,108.022563 389.723802,99.6635091 382.341137,93.9453621 C375.606848,88.7302926 368.419599,85.7965047 359.506687,84.7026849 C358.912426,82.9573551 357.967421,81.2379262 356.561438,79.8910735 C355.904043,79.098104 355.08731,78.4505786 354.153328,77.9883452 C354.134288,77.9793794 354.11625,77.9694175 354.096207,77.9604518 C355.531252,74.784589 356.253785,71.2750016 356.253785,67.4615754 L356.253785,64.8993674 C358.316161,63.249672 359.637966,60.7213346 359.637966,57.8931431 L359.637966,54.3516775 L359.775257,54.1225532 C366.518565,42.8695588 366.95449,30.9351685 361.00186,20.5199723 C353.423781,7.26064559 337.94594,0.103996193 327.230203,0.103 L327.230203,0.103 L327.230203,0.103 Z" id="Mustafa-Blue"></path>
             <path d="M602.705061,66.172 C592.678587,66.172 583.231602,70.154475 578.635718,76.3192102 C575.7753,80.1566679 574.447178,83.9081153 573.872692,86.9724808 C568.460117,92.3701245 567.050926,99.8910215 570.363726,106.886856 C571.818956,109.958222 573.438325,112.419516 575.31391,114.410753 C575.791314,114.918814 576.274722,115.280857 576.661049,115.533887 C576.975314,120.072428 577.669901,129.396541 581.26494,139.026689 C580.526316,139.743775 579.842738,140.513866 579.21821,141.335965 C573.519393,148.836859 566.779697,159.454125 559.644666,170.694466 C556.79726,175.180001 553.853772,179.818554 550.861243,184.441105 L548.208,188.541595 L551.141479,192.44606 L615.425813,278.026267 L620.042715,284.172 L625.736528,279.008384 C630.717738,274.491845 635.296608,269.99831 645.697399,259.60607 C655.381584,249.927916 660.238689,239.387659 659.024663,230.686621 C656.676679,213.856614 655.583755,203.293354 654.706013,194.805342 C653.931358,187.318449 653.318841,181.404743 652.169869,174.056867 C652.097809,173.592812 651.828581,172.270654 651.826579,172.258653 C651.634417,171.323541 651.369193,170.368427 651.040915,169.422314 C649.490605,164.966783 646.452037,160.318228 640.551049,153.3744 L640.485994,153.297391 C640.464976,153.273388 640.443959,153.248385 640.422941,153.223382 C640.926366,152.763327 641.400767,152.269268 641.840139,151.742206 C644.206138,148.913868 646.712257,143.796258 645.211989,135.476266 C644.667528,132.444904 642.332555,130.074621 639.339025,129.459548 C650.048076,104.932623 645.290055,90.6829233 641.264652,84.1731469 C636.969022,77.2273185 629.93908,73.0198167 622.377689,72.8387951 C617.225334,68.5172797 610.369539,66.172 602.705061,66.172 L602.705061,66.172 L602.705061,66.172 Z" id="Alina-Blue"></path>
         </g>
         <g id="Facebook-Login" sketch:type="MSLayerGroup" transform="translate(914.000000, 21.000000)">
@@ -715,6 +714,11 @@
 <code>
 > document.getElementById("Mustafa-Persona");
 <svg width="400px" height="400px" viewBox="450 120 150 200">
+
+        <g id="Mustafa-Selection" sketch:type="MSLayerGroup" transform="translate(202.000000, 145.000000)" fill="#517ECE">
+            <path d="M318.484647,1.97783493 C315.51234,3.61258739 314.143436,6.5633106 314.850937,9.44230792 C314.959167,9.88162896 315.112492,10.3030185 315.306904,10.6995033 C310.042735,12.5484372 303.395631,17.1727644 299.485334,25.2309683 C296.554115,31.2718817 294.346431,41.1670652 300.471427,53.9950405 C300.909356,54.9115379 301.36833,55.7822105 301.842335,56.6000848 L301.842335,57.8921469 C301.842335,60.6067724 303.057915,63.0434601 304.977989,64.6941516 L304.977989,67.4615754 C304.977989,71.2889483 305.781694,74.8682692 307.375075,78.1547094 C306.814886,78.5581675 306.447106,78.8600139 306.279751,79.0024695 C304.188313,80.4708577 302.890559,82.6983449 302.167024,84.9587065 C280.889878,88.8030147 269.636,106.665749 261.262233,119.952969 L255.497,129.103 L266.358045,129.103 L399.826237,129.103 L411.497,129.103 L404.721624,119.656103 C396.378923,108.022563 389.723802,99.6635091 382.341137,93.9453621 C375.606848,88.7302926 368.419599,85.7965047 359.506687,84.7026849 C358.912426,82.9573551 357.967421,81.2379262 356.561438,79.8910735 C355.904043,79.098104 355.08731,78.4505786 354.153328,77.9883452 C355.531252,74.784589 356.253785,71.2750016 356.253785,67.4615754 L356.253785,64.8993674 C358.316161,63.249672 359.637966,60.7213346 359.637966,57.8931431 L359.637966,54.3516775 C366.518565,42.8695588 366.95449,30.9351685 361.00186,20.5199723 C353.423781,7.26064559 337.94594,0.103996193 327.230203,0.103 C323.927195,0.103 320.985954,0.733590071 318.484647,1.97783493 Z" id="MustafaBlue4" sketch:type="MSShapeGroup"></path>
+        </g>
+
 <g id="Mustafa-Persona" sketch:type="MSLayerGroup" transform="translate(467.000000, 150.000000)">
 <path d="M135.729,120.296 C118.005,95.269 108.839,85.517 85.519,85.517
          L45.641,85.517 C22.321,85.517 11.022,103.055 0.272,120.296
@@ -784,8 +788,19 @@
          71.0461488,64.5069182 C72.2650857,63.5854857 74.7594486,61.012262
          76.4456778,62.3565674 Z" id="Mustafa-Mouth" fill="#E6BE7C"></path>
 </g>
+
+
 </svg>
+> document.getElementById("Mustafa-Selection").style.display = "none";
 </code>
+
+<button id="MustafaSelection" style="font-size:28pt;">Toggle Mustafa Selection</button>
+
+<script>document.getElementById("MustafaSelection").addEventListener('click',function() { 
+var style = document.getElementById("Mustafa-Selection").style;
+if (style.display == 'none') style.display = 'block'; else style.display = 'none';
+});</script>
+
 <code style="font-size: 6pt;">
 
 &lt;g id="Mustafa-Persona" sketch:type="MSLayerGroup" transform="translate(467.000000, 150.000000)"&gt;