Updated Plate Animation, Plate Colors, Reset Button Sizing

Updated the plate animation. It now unloads, changes weight, then loads. changed colors of plate to help with the differentiate the plates. Used standard olympic bumper plate colors. Updated the size of the reset button to make it easier to click.
2018-10-24 01:45:16 -04:00
parent 8a708a7cad
commit 3a463f668d
15 changed files with 177 additions and 32 deletions
--- a/images/5lbs-Plate.svg
+++ b/images/5lbs-Plate.svg
@@ -5,11 +5,11 @@
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="5lbs-Plate">
+        <g id="5lbs-Plate" fill-rule="nonzero">
            <g id="Group" transform="translate(4.000000, 20.000000) scale(-1, 1) translate(-4.000000, -20.000000) ">
-                <rect id="Rectangle-path" fill="#48484A" fill-rule="nonzero" x="0" y="0" width="8" height="40" rx="4"></rect>
-                <g transform="translate(4.000000, 20.000000) scale(-1, 1) translate(-4.000000, -20.000000) translate(1.000000, 16.000000)" id="5" fill="#FFFFFF">
-                    <path d="M1.42773456,5.71777344 C1.48632861,6.21907803 1.71907367,6.56575425 2.12597675,6.7578125 C2.33431112,6.85546924 2.57519413,6.90429688 2.848633,6.90429688 C3.36946894,6.90429688 3.75520727,6.73828291 4.00585956,6.40625 C4.25651186,6.07421709 4.38183612,5.70638223 4.38183612,5.30273438 C4.38183612,4.81445068 4.23291183,4.43685029 3.93505878,4.16992188 C3.63720573,3.90299346 3.27995019,3.76953125 2.86328144,3.76953125 C2.56054555,3.76953125 2.30094528,3.82812441 2.08447284,3.9453125 C1.86800041,4.06250059 1.68326918,4.22525938 1.53027362,4.43359375 L0.768554875,4.38964844 L1.30078144,0.625 L4.93359394,0.625 L4.93359394,1.47460938 L1.95996112,1.47460938 L1.66210956,3.41796875 C1.82487079,3.29427021 1.97949164,3.20149771 2.12597675,3.13964844 C2.38639472,3.03222603 2.68749848,2.97851562 3.02929706,2.97851562 C3.67057631,2.97851562 4.21419067,3.18521929 4.66015644,3.59863281 C5.10612221,4.01204634 5.32910175,4.53612964 5.32910175,5.17089844 C5.32910175,5.83170903 5.12483947,6.4143855 4.71630878,6.91894531 C4.30777809,7.42350513 3.65592914,7.67578125 2.76074237,7.67578125 C2.19107807,7.67578125 1.68733962,7.51546384 1.24951191,7.19482422 C0.811684196,6.87418459 0.566732219,6.38183926 0.514648625,5.71777344 L1.42773456,5.71777344 Z"></path>
+                <rect id="Rectangle-path" fill="#0000FF" x="0" y="0" width="8" height="40" rx="4"></rect>
+                <g id="5" transform="translate(4.000000, 20.000000) scale(-1, 1) translate(-4.000000, -20.000000) translate(1.000000, 16.000000)" fill="#FFFFFF">
+                    <path d="M1.42773456,5.71777344 C1.48632861,6.21907803 1.71907367,6.56575425 2.12597675,6.7578125 C2.33431112,6.85546924 2.57519413,6.90429688 2.848633,6.90429688 C3.36946894,6.90429688 3.75520727,6.73828291 4.00585956,6.40625 C4.25651186,6.07421709 4.38183612,5.70638223 4.38183612,5.30273438 C4.38183612,4.81445068 4.23291183,4.43685029 3.93505878,4.16992188 C3.63720573,3.90299346 3.27995019,3.76953125 2.86328144,3.76953125 C2.56054555,3.76953125 2.30094528,3.82812441 2.08447284,3.9453125 C1.86800041,4.06250059 1.68326918,4.22525938 1.53027362,4.43359375 L0.768554875,4.38964844 L1.30078144,0.625 L4.93359394,0.625 L4.93359394,1.47460938 L1.95996112,1.47460938 L1.66210956,3.41796875 C1.82487079,3.29427021 1.97949164,3.20149771 2.12597675,3.13964844 C2.38639472,3.03222603 2.68749848,2.97851562 3.02929706,2.97851562 C3.67057631,2.97851562 4.21419067,3.18521929 4.66015644,3.59863281 C5.10612221,4.01204634 5.32910175,4.53612964 5.32910175,5.17089844 C5.32910175,5.83170903 5.12483947,6.4143855 4.71630878,6.91894531 C4.30777809,7.42350513 3.65592914,7.67578125 2.76074237,7.67578125 C2.19107807,7.67578125 1.68733962,7.51546384 1.24951191,7.19482422 C0.811684196,6.87418459 0.566732219,6.38183926 0.514648625,5.71777344 L1.42773456,5.71777344 Z" id="Shape"></path>
                </g>
            </g>
        </g>