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.
This commit is contained in:
2018-10-24 01:45:16 -04:00
parent 8a708a7cad
commit 3a463f668d
15 changed files with 177 additions and 32 deletions

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="8px" height="56px" viewBox="0 0 8 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
<title>25lbs-Plate</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="25lbs-Plate">
<g id="Group" transform="translate(4.000000, 28.000000) scale(-1, 1) translate(-4.000000, -28.000000) ">
<rect id="Rectangle-path" fill="#48484A" fill-rule="nonzero" x="0" y="0" width="8" height="56" rx="4"></rect>
<g transform="translate(4.000000, 28.000000) scale(-1, 1) translate(-4.000000, -28.000000) translate(1.000000, 18.000000)" fill="#FFFFFF">
<path d="M0.504883,8 C0.537435246,7.39778345 0.66194572,6.87370015 0.878418156,6.42773438 C1.09489059,5.9817686 1.51724965,5.57649922 2.145508,5.21191406 L3.083008,4.66992188 C3.50293197,4.42578003 3.79752538,4.21744878 3.96679706,4.04492188 C4.23372548,3.77473823 4.36718769,3.46549653 4.36718769,3.1171875 C4.36718769,2.71028442 4.2451186,2.38720823 4.00097675,2.14794922 C3.7568349,1.90869021 3.43131733,1.7890625 3.02441425,1.7890625 C2.4221977,1.7890625 2.0055352,2.0169248 1.77441425,2.47265625 C1.65071571,2.7167981 1.58235702,3.05533638 1.56933612,3.48828125 L0.675781437,3.48828125 C0.685547111,2.87955425 0.797850676,2.38313994 1.0126955,1.99902344 C1.39355678,1.32193672 2.06575058,0.983398438 3.02929706,0.983398438 C3.83008232,0.983398438 4.41520016,1.19986763 4.78466816,1.6328125 C5.15413615,2.06575737 5.33886737,2.54752339 5.33886737,3.078125 C5.33886737,3.63802363 5.14192924,4.11653447 4.74804706,4.51367188 C4.52018134,4.74479282 4.11165678,5.02473794 3.52246112,5.35351562 L2.85351581,5.72460938 C2.5345038,5.9003915 2.28385527,6.06803306 2.10156269,6.22753906 C1.77604023,6.5107436 1.57096415,6.82486807 1.48632831,7.16992188 L5.30468769,7.16992188 L5.30468769,8 L0.504883,8 Z" id="2"></path>
<path d="M1.42773456,17.2177734 C1.48632861,17.719078 1.71907367,18.0657542 2.12597675,18.2578125 C2.33431112,18.3554692 2.57519413,18.4042969 2.848633,18.4042969 C3.36946894,18.4042969 3.75520727,18.2382829 4.00585956,17.90625 C4.25651186,17.5742171 4.38183612,17.2063822 4.38183612,16.8027344 C4.38183612,16.3144507 4.23291183,15.9368503 3.93505878,15.6699219 C3.63720573,15.4029935 3.27995019,15.2695312 2.86328144,15.2695312 C2.56054555,15.2695312 2.30094528,15.3281244 2.08447284,15.4453125 C1.86800041,15.5625006 1.68326918,15.7252594 1.53027362,15.9335938 L0.768554875,15.8896484 L1.30078144,12.125 L4.93359394,12.125 L4.93359394,12.9746094 L1.95996112,12.9746094 L1.66210956,14.9179688 C1.82487079,14.7942702 1.97949164,14.7014977 2.12597675,14.6396484 C2.38639472,14.532226 2.68749848,14.4785156 3.02929706,14.4785156 C3.67057631,14.4785156 4.21419067,14.6852193 4.66015644,15.0986328 C5.10612221,15.5120463 5.32910175,16.0361296 5.32910175,16.6708984 C5.32910175,17.331709 5.12483947,17.9143855 4.71630878,18.4189453 C4.30777809,18.9235051 3.65592914,19.1757812 2.76074237,19.1757812 C2.19107807,19.1757812 1.68733962,19.0154638 1.24951191,18.6948242 C0.811684196,18.3741846 0.566732219,17.8818393 0.514648625,17.2177734 L1.42773456,17.2177734 Z" id="5"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB