From 644ebe46c05a6336e43af61e586282552890345b Mon Sep 17 00:00:00 2001
From: ground7 <ground7@gmail.com>
Date: Wed, 3 Jun 2020 15:12:28 -0700
Subject: [PATCH] Cleaned up control.svg

---
 Always Animate/control.svg   |  24 +++++++
 Animate on Hover/control.svg | 136 +++++------------------------------
 2 files changed, 41 insertions(+), 119 deletions(-)
 create mode 100644 Always Animate/control.svg

diff --git a/Always Animate/control.svg b/Always Animate/control.svg
new file mode 100644
index 0000000..306194d
--- /dev/null
+++ b/Always Animate/control.svg	
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="control" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
+  <style id="up_down">
+    @keyframes button1_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(-.01px,-32.621792px)}20%{transform:translate(-.01px,98.534615px)}36.666667%{transform:translate(-.01px,-38.05px)}53.333333%{transform:translate(-.01px,96.256316px)}70%{transform:translate(-.01px,-31.444042px)}86.666667%{transform:translate(2.060226px,95.25762px)}}@keyframes button2_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(.001446px,43.151611px)}13.333333%{transform:translate(.001446px,-88.780827px)}23.333333%{transform:translate(-.232752px,43.977479px)}33.333333%{transform:translate(.001446px,-84.651486px)}43.333333%{transform:translate(-.232752px,43.923951px)}53.333333%{transform:translate(.001446px,-88.008155px)}63.333333%{transform:translate(.001446px,42.012079px)}73.333333%{transform:translate(.001446px,-88.529091px)}83.333333%{transform:translate(.001446px,42.354551px)}93.333333%{transform:translate(.001446px,-87.14624px)}}@keyframes button3_animation__to{0%,to{transform:translate(0,0)}30%{transform:translate(0,77.75px)}80%{transform:translate(0,-47.841157px)}}#button1_animation{animation:button1_animation__to 3000ms linear infinite normal forwards}#button2_animation{animation:button2_animation__to 3000ms linear infinite normal forwards}#button3_animation{animation:button3_animation__to 3000ms linear infinite normal forwards}
+  </style>
+  <g id="background" transform="matrix(4 0 0 4 -825.446 -2258.583)">
+    <path id="square" d="M398.61 660.79v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#F3632D" stroke="none" stroke-width="1"/>
+  </g>
+  <g id="control_top" transform="matrix(4 0 0 4 -825.429 -2258.566)">
+    <g id="control_group">
+      <path id="line1" d="M249.98 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39a4.93 4.93 0 01-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button1_animation">
+        <path id="button1" d="M257.23 650.09h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.11 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
+      </g>
+      <path id="line2" d="M305.86 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c-.01 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button2_animation">
+        <path id="button2" d="M313.1 703.38h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
+      </g>
+      <path id="line3" d="M361.73 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c0 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button3_animation">
+        <path id="button3" d="M368.97 668.41H348.2c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/Animate on Hover/control.svg b/Animate on Hover/control.svg
index 4c8e98f..c6d394e 100644
--- a/Animate on Hover/control.svg	
+++ b/Animate on Hover/control.svg	
@@ -1,125 +1,23 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="egqz9tzsn5ck1"
-   viewBox="0 0 769 769"
-   width="500"
-   height="500"
-   shape-rendering="geometricPrecision"
-   text-rendering="geometricPrecision"
-   version="1.1"
-   sodipodi:docname="control.svg"
-   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs20" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="732"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="0.30689207"
-     inkscape:cx="384.5"
-     inkscape:cy="384.5"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="egqz9tzsn5ck1" />
-  <style
-     id="style2"><![CDATA[#egqz9tzsn5ck1{pointer-events: all}#egqz9tzsn5ck1 * {animation-play-state: paused !important}#egqz9tzsn5ck1:hover * {animation-play-state: running !important}#egqz9tzsn5ck7_to {animation: egqz9tzsn5ck7_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck7_to__to { 0% {transform: translate(0px,0px)} 3.333333% {transform: translate(-0.010000px,-32.621792px)} 20% {transform: translate(-0.010000px,98.534615px)} 36.666667% {transform: translate(-0.010000px,-38.050000px)} 53.333333% {transform: translate(-0.010000px,96.256316px)} 70% {transform: translate(-0.010000px,-31.444042px)} 86.666667% {transform: translate(2.060226px,95.257620px)} 100% {transform: translate(0px,0px)} }#egqz9tzsn5ck9_to {animation: egqz9tzsn5ck9_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck9_to__to { 0% {transform: translate(0px,0px)} 3.333333% {transform: translate(0.001446px,43.151611px)} 13.333333% {transform: translate(0.001446px,-88.780827px)} 23.333333% {transform: translate(-0.232752px,43.977479px)} 33.333333% {transform: translate(0.001446px,-84.651486px)} 43.333333% {transform: translate(-0.232752px,43.923951px)} 53.333333% {transform: translate(0.001446px,-88.008155px)} 63.333333% {transform: translate(0.001446px,42.012079px)} 73.333333% {transform: translate(0.001446px,-88.529091px)} 83.333333% {transform: translate(0.001446px,42.354551px)} 93.333333% {transform: translate(0.001446px,-87.146240px)} 100% {transform: translate(0px,0px)} }#egqz9tzsn5ck11_to {animation: egqz9tzsn5ck11_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck11_to__to { 0% {transform: translate(0px,0px)} 30% {transform: translate(0px,77.750000px)} 80% {transform: translate(0px,-47.841157px)} 100% {transform: translate(0px,0px)} }]]></style>
-  <g
-     id="egqz9tzsn5ck2"
-     transform="matrix(4 0 0 4 -825.44641111500027 -2258.58312988000034)">
-    <path
-       id="egqz9tzsn5ck3"
-       d="M398.610000,660.790000C398.610000,684.850000,398.610000,708.920000,398.610000,732.980000C398.610000,744.010000,390.290000,754.090000,379.430000,756.160000C377.820000,756.470000,376.160000,756.640000,374.530000,756.640000C326.560000,756.670000,278.600000,756.660000,230.630000,756.660000C218.870000,756.660000,208.610000,747.640000,207.070000,735.940000C206.930000,734.910000,206.840000,733.860000,206.840000,732.820000C206.830000,684.730000,206.830000,636.640000,206.830000,588.560000C206.830000,577.530000,215.150000,567.440000,226.010000,565.380000C227.620000,565.070000,229.280000,564.900000,230.910000,564.900000C278.920000,564.880000,326.930000,564.880000,374.930000,564.880000C385.960000,564.880000,396.060000,573.210000,398.110000,584.060000C398.410000,585.670000,398.590000,587.330000,398.590000,588.960000C398.620000,612.900000,398.610000,636.850000,398.610000,660.790000Z"
-       fill="rgb(243,99,45)"
-       stroke="none"
-       stroke-width="1" />
+<svg xmlns="http://www.w3.org/2000/svg" id="control" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
+  <style id="up_down">
+    @keyframes button1_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(-.01px,-32.621792px)}20%{transform:translate(-.01px,98.534615px)}36.666667%{transform:translate(-.01px,-38.05px)}53.333333%{transform:translate(-.01px,96.256316px)}70%{transform:translate(-.01px,-31.444042px)}86.666667%{transform:translate(2.060226px,95.25762px)}}@keyframes button2_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(.001446px,43.151611px)}13.333333%{transform:translate(.001446px,-88.780827px)}23.333333%{transform:translate(-.232752px,43.977479px)}33.333333%{transform:translate(.001446px,-84.651486px)}43.333333%{transform:translate(-.232752px,43.923951px)}53.333333%{transform:translate(.001446px,-88.008155px)}63.333333%{transform:translate(.001446px,42.012079px)}73.333333%{transform:translate(.001446px,-88.529091px)}83.333333%{transform:translate(.001446px,42.354551px)}93.333333%{transform:translate(.001446px,-87.14624px)}}@keyframes button3_animation__to{0%,to{transform:translate(0,0)}30%{transform:translate(0,77.75px)}80%{transform:translate(0,-47.841157px)}}#control{pointer-events:all}#control *{animation-play-state:paused!important}#control:hover *{animation-play-state:running!important}#button1_animation{animation:button1_animation__to 3000ms linear infinite normal forwards}#button2_animation{animation:button2_animation__to 3000ms linear infinite normal forwards}#button3_animation{animation:button3_animation__to 3000ms linear infinite normal forwards}
+  </style>
+  <g id="background" transform="matrix(4 0 0 4 -825.446 -2258.583)">
+    <path id="square" d="M398.61 660.79v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#F3632D" stroke="none" stroke-width="1"/>
   </g>
-  <g
-     id="egqz9tzsn5ck4"
-     transform="matrix(4 0 0 4 -825.42899322000017 -2258.56582640500028)">
-    <g
-       id="egqz9tzsn5ck5">
-      <path
-         id="egqz9tzsn5ck6"
-         d="M249.980000,730.880000L243.690000,730.880000C240.990000,730.880000,238.770000,728.670000,238.770000,725.960000L238.770000,595.570000C238.770000,592.870000,240.980000,590.650000,243.690000,590.650000L249.980000,590.650000C252.680000,590.650000,254.900000,592.860000,254.900000,595.570000L254.900000,725.960000C254.900000,728.670000,252.690000,730.880000,249.980000,730.880000Z"
-         fill="rgb(28,28,28)"
-         stroke="rgb(28,28,28)"
-         stroke-width="7"
-         stroke-miterlimit="10" />
-      <g
-         id="egqz9tzsn5ck7_to"
-         transform="translate(0,0)">
-        <path
-           id="egqz9tzsn5ck7"
-           d="M257.230000,650.090000L236.460000,650.090000C230.220000,650.090000,225.120000,644.990000,225.120000,638.750000L225.120000,618.650000C225.120000,612.410000,230.220000,607.310000,236.460000,607.310000L257.230000,607.310000C263.470000,607.310000,268.570000,612.410000,268.570000,618.650000L268.570000,638.750000C268.570000,644.990000,263.460000,650.090000,257.230000,650.090000Z"
-           transform="translate(0,0)"
-           fill="rgb(255,255,255)"
-           stroke="none"
-           stroke-width="1" />
+  <g id="control_top" transform="matrix(4 0 0 4 -825.429 -2258.566)">
+    <g id="control_group">
+      <path id="line1" d="M249.98 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39a4.93 4.93 0 01-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button1_animation">
+        <path id="button1" d="M257.23 650.09h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.11 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
       </g>
-      <path
-         id="egqz9tzsn5ck8"
-         d="M305.860000,730.880000L299.570000,730.880000C296.870000,730.880000,294.650000,728.670000,294.650000,725.960000L294.650000,595.570000C294.650000,592.870000,296.860000,590.650000,299.570000,590.650000L305.860000,590.650000C308.560000,590.650000,310.780000,592.860000,310.780000,595.570000L310.780000,725.960000C310.770000,728.670000,308.560000,730.880000,305.860000,730.880000Z"
-         fill="rgb(28,28,28)"
-         stroke="rgb(28,28,28)"
-         stroke-width="7"
-         stroke-miterlimit="10" />
-      <g
-         id="egqz9tzsn5ck9_to"
-         transform="translate(0,0)">
-        <path
-           id="egqz9tzsn5ck9"
-           d="M313.100000,703.380000L292.330000,703.380000C286.090000,703.380000,280.990000,698.280000,280.990000,692.040000L280.990000,671.940000C280.990000,665.700000,286.090000,660.600000,292.330000,660.600000L313.100000,660.600000C319.340000,660.600000,324.440000,665.700000,324.440000,671.940000L324.440000,692.040000C324.440000,698.280000,319.340000,703.380000,313.100000,703.380000Z"
-           transform="translate(0,0)"
-           fill="rgb(255,255,255)"
-           stroke="none"
-           stroke-width="1" />
+      <path id="line2" d="M305.86 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c-.01 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button2_animation">
+        <path id="button2" d="M313.1 703.38h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
       </g>
-      <path
-         id="egqz9tzsn5ck10"
-         d="M361.730000,730.880000L355.440000,730.880000C352.740000,730.880000,350.520000,728.670000,350.520000,725.960000L350.520000,595.570000C350.520000,592.870000,352.730000,590.650000,355.440000,590.650000L361.730000,590.650000C364.430000,590.650000,366.650000,592.860000,366.650000,595.570000L366.650000,725.960000C366.650000,728.670000,364.430000,730.880000,361.730000,730.880000Z"
-         fill="rgb(28,28,28)"
-         stroke="rgb(28,28,28)"
-         stroke-width="7"
-         stroke-miterlimit="10" />
-      <g
-         id="egqz9tzsn5ck11_to"
-         transform="translate(0,0)">
-        <path
-           id="egqz9tzsn5ck11"
-           d="M368.970000,668.410000L348.200000,668.410000C341.960000,668.410000,336.860000,663.310000,336.860000,657.070000L336.860000,636.970000C336.860000,630.730000,341.960000,625.630000,348.200000,625.630000L368.970000,625.630000C375.210000,625.630000,380.310000,630.730000,380.310000,636.970000L380.310000,657.070000C380.310000,663.310000,375.210000,668.410000,368.970000,668.410000Z"
-           transform="translate(0,0)"
-           fill="rgb(255,255,255)"
-           stroke="none"
-           stroke-width="1" />
+      <path id="line3" d="M361.73 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c0 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
+      <g id="button3_animation">
+        <path id="button3" d="M368.97 668.41H348.2c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
       </g>
     </g>
   </g>