Freeze Button Animations for Chrome

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

@@ -719,14 +719,14 @@
             </g>
         </g>
         <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="M82.71,45.24 C82.71,65.345 66.41,81.643 46.306,81.643 C26.201,81.643 9.903,65.345 9.903,45.24 C9.903,25.135 26.201,8.837 46.306,8.837 C66.411,8.837 82.71,25.135 82.71,45.24" id="Shape" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+            <path d="M61.668,42.841 L51.09,42.841 L51.09,32.263 C51.09,31.565 50.525,31 49.827,31 L44.104,31 C43.407,31 42.84,31.564 42.84,32.263 L42.84,42.841 L32.264,42.841 C31.567,42.841 31,43.407 31,44.106 L31,49.826 C31,50.525 31.566,51.091 32.264,51.091 L42.84,51.091 L42.84,61.666 C42.84,62.364 43.406,62.931 44.104,62.931 L49.827,62.931 C50.524,62.931 51.09,62.365 51.09,61.666 L51.09,51.091 L61.668,51.091 C62.366,51.091 62.931,50.526 62.931,49.826 L62.931,44.106 C62.931,43.408 62.367,42.841 61.668,42.841 L61.668,42.841 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
             <path d="M127,49 C127,49 63.4999983,-18.9227826 0,5.17094069" id="CreateShow" sketch:type="MSShapeGroup"></path>
             <path d="M13,5.80318006 C13,5.80318006 93.2315605,-20.7478933 129,51" id="CreateHide" sketch:type="MSShapeGroup"></path>
         </g>
         <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="M84.888,36.573 C84.888,56.678 68.588,72.975 48.484,72.975 C28.379,72.975 12.081,56.678 12.081,36.573 C12.081,16.468 28.379,0.169 48.484,0.169 C68.588,0.169 84.888,16.468 84.888,36.573" id="PlayButton" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+            <path d="M43.722,22.3887489 C43.104,21.9397489 42.285,21.8737489 41.608,22.2217489 C40.928,22.5687489 40.5,23.2677489 40.5,24.0327489 L40.5,48.5447489 C40.5,49.3087489 40.929,50.0067489 41.608,50.3547489 C41.898,50.5017489 42.214,50.5767489 42.53,50.5767489 C42.95,50.5767489 43.37,50.4437489 43.722,50.1877489 L60.597,37.9307489 C61.125,37.5487489 61.435,36.9377489 61.435,36.2877489 C61.435,35.6367489 61.123,35.0257489 60.597,34.6447489 L43.722,22.3887489 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="PlayShow" 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="PlayHide" sketch:type="MSShapeGroup"></path>
         </g>

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

@@ -193,6 +193,8 @@ loadFile('templates/Card.svg', function() {
         document.getElementById("Right-Menu").setAttribute('onclick', 'onRightMenu(evt)');
         document.getElementById("Play")      .setAttribute('onclick', 'onRightMenuDown(evt)');
         document.getElementById("Create")    .setAttribute('onclick', 'onRightMenuDown(evt)');
+        
+//        onRightMenuDown();
 
     });
 });

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

@@ -1,6 +1,6 @@
 
  <animateMotion id="{this.name}-Motion" xmlns:xlink="http://www.w3.org/1999/xlink"
-  xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1" begin="indefinite">
+  xmlns="http://www.w3.org/2000/svg" dur="0.2s" repeatCount="1" begin="indefinite" fill="freeze">
            <mpath xlink:href="#{this.name}"/>
         </animateMotion>