stevenhaskell/What_Are_You_Lifting_App
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Plate Animation, Plate Colors, Reset Button Sizing

Browse Source 
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:
Steven Haskell
2018-10-24 01:45:16 -04:00
parent 8a708a7cad
commit 3a463f668d
15 changed files with 177 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
images/2halflbs-Plate.svg
View File

@@ -5,19 +5,13 @@
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="2halflbs-Plate">
<g id="2halflbs-Plate" fill-rule="nonzero">
<g id="Group" transform="translate(4.000000, 16.000000) scale(-1, 1) translate(-4.000000, -16.000000) ">
<rect id="Rectangle-path" fill="#48484A" fill-rule="nonzero" x="0" y="0" width="8" height="32" rx="4"></rect>
<g transform="translate(4.000000, 15.000000) scale(-1, 1) translate(-4.000000, -15.000000) translate(1.000000, 3.000000)" fill="#FFFFFF">
<g id="2">
<path d="M0.3125,10 C0.345052246,9.39778345 0.46956272,8.87370015 0.686035156,8.42773438 C0.902507593,7.9817686 1.32486665,7.57649922 1.953125,7.21191406 L2.890625,6.66992188 C3.31054897,6.42578003 3.60514238,6.21744878 3.77441406,6.04492188 C4.04134248,5.77473823 4.17480469,5.46549653 4.17480469,5.1171875 C4.17480469,4.71028442 4.0527356,4.38720823 3.80859375,4.14794922 C3.5644519,3.90869021 3.23893433,3.7890625 2.83203125,3.7890625 C2.2298147,3.7890625 1.8131522,4.0169248 1.58203125,4.47265625 C1.45833271,4.7167981 1.38997402,5.05533638 1.37695312,5.48828125 L0.483398438,5.48828125 C0.493164111,4.87955425 0.605467676,4.38313994 0.8203125,3.99902344 C1.20117378,3.32193672 1.87336758,2.98339844 2.83691406,2.98339844 C3.63769932,2.98339844 4.22281716,3.19986763 4.59228516,3.6328125 C4.96175315,4.06575737 5.14648437,4.54752339 5.14648437,5.078125 C5.14648437,5.63802363 4.94954624,6.11653447 4.55566406,6.51367188 C4.32779834,6.74479282 3.91927378,7.02473794 3.33007812,7.35351562 L2.66113281,7.72460938 C2.3421208,7.9003915 2.09147227,8.06803306 1.90917969,8.22753906 C1.58365723,8.5107436 1.37858115,8.82486807 1.29394531,9.16992188 L5.11230469,9.16992188 L5.11230469,10 L0.3125,10 Z"></path>
</g>
<g transform="translate(1.000000, 3.000000)" id=".">
<polygon points="1.34619119 8.93554688 2.366699 8.93554688 2.366699 10 1.34619119 10"></polygon>
</g>
<g transform="translate(0.000000, 12.000000)" id="5">
<path d="M1.23535156,8.21777344 C1.29394561,8.71907803 1.52669067,9.06575425 1.93359375,9.2578125 C2.14192812,9.35546924 2.38281113,9.40429688 2.65625,9.40429688 C3.17708594,9.40429688 3.56282427,9.23828291 3.81347656,8.90625 C4.06412886,8.57421709 4.18945312,8.20638223 4.18945312,7.80273438 C4.18945312,7.31445068 4.04052883,6.93685029 3.74267578,6.66992188 C3.44482273,6.40299346 3.08756719,6.26953125 2.67089844,6.26953125 C2.36816255,6.26953125 2.10856228,6.32812441 1.89208984,6.4453125 C1.67561741,6.56250059 1.49088618,6.72525938 1.33789062,6.93359375 L0.576171875,6.88964844 L1.10839844,3.125 L4.74121094,3.125 L4.74121094,3.97460938 L1.76757812,3.97460938 L1.46972656,5.91796875 C1.63248779,5.79427021 1.78710864,5.70149771 1.93359375,5.63964844 C2.19401172,5.53222603 2.49511548,5.47851562 2.83691406,5.47851562 C3.47819331,5.47851562 4.02180767,5.68521929 4.46777344,6.09863281 C4.91373921,6.51204634 5.13671875,7.03612964 5.13671875,7.67089844 C5.13671875,8.33170903 4.93245647,8.9143855 4.52392578,9.41894531 C4.11539509,9.92350513 3.46354614,10.1757812 2.56835938,10.1757812 C1.99869507,10.1757812 1.49495662,10.0154638 1.05712891,9.69482422 C0.619301196,9.37418459 0.374349219,8.88183926 0.322265625,8.21777344 L1.23535156,8.21777344 Z"></path>
</g>
<rect id="Rectangle-path" fill="#008000" x="0" y="0" width="8" height="32" rx="4"></rect>
<g transform="translate(4.000000, 16.000000) scale(-1, 1) translate(-4.000000, -16.000000) translate(1.000000, 6.000000)" id="Shape" fill="#FFFFFF">
<path d="M0.583007815,7.01660156 C0.615560061,6.41438501 0.740070535,5.89030171 0.956542971,5.44433594 C1.17301541,4.99837016 1.59537447,4.59310078 2.22363282,4.22851562 L3.16113281,3.68652344 C3.58105679,3.44238159 3.8756502,3.23405034 4.04492188,3.06152344 C4.3118503,2.79133979 4.44531251,2.48209809 4.44531251,2.13378906 C4.44531251,1.72688598 4.32324342,1.40380979 4.07910157,1.16455078 C3.83495972,0.92529177 3.50944215,0.80566406 3.10253907,0.80566406 C2.50032252,0.80566406 2.08366002,1.03352636 1.85253907,1.48925781 C1.72884053,1.73339966 1.66048184,2.07193794 1.64746094,2.50488281 L0.753906253,2.50488281 C0.763671926,1.89615581 0.875975491,1.3997415 1.09082032,1.015625 C1.4716816,0.33853828 2.1438754,0 3.10742188,0 C3.90820713,0 4.49332498,0.21646919 4.86279298,0.64941406 C5.23226097,1.08235893 5.41699218,1.56412495 5.41699218,2.09472656 C5.41699218,2.65462519 5.22005406,3.13313603 4.82617188,3.53027344 C4.59830616,3.76139438 4.1897816,4.0413395 3.60058594,4.37011718 L2.93164062,4.74121094 C2.61262862,4.91699306 2.36198009,5.08463462 2.17968751,5.24414062 C1.85416505,5.52734516 1.64908897,5.84146963 1.56445312,6.18652344 L5.38281251,6.18652344 L5.38281251,7.01660156 L0.583007815,7.01660156 Z"></path>
<polygon points="2.4897461 9 3.5102539 9 3.5102539 10.0644531 2.4897461 10.0644531"></polygon>
<path d="M1.50585937,17.0927734 C1.56445342,17.594078 1.79719848,17.9407542 2.20410156,18.1328125 C2.41243593,18.2304692 2.65331894,18.2792969 2.92675781,18.2792969 C3.44759375,18.2792969 3.83333208,18.1132829 4.08398437,17.78125 C4.33463667,17.4492171 4.45996093,17.0813822 4.45996093,16.6777344 C4.45996093,16.1894507 4.31103664,15.8118503 4.01318359,15.5449219 C3.71533054,15.2779935 3.358075,15.1445312 2.94140625,15.1445312 C2.63867036,15.1445312 2.37907009,15.2031244 2.16259765,15.3203125 C1.94612522,15.4375006 1.76139399,15.6002594 1.60839843,15.8085938 L0.846679688,15.7646484 L1.37890625,12 L5.01171875,12 L5.01171875,12.8496094 L2.03808593,12.8496094 L1.74023437,14.7929688 C1.9029956,14.6692702 2.05761645,14.5764977 2.20410156,14.5146484 C2.46451953,14.407226 2.76562329,14.3535156 3.10742187,14.3535156 C3.74870112,14.3535156 4.29231548,14.5602193 4.73828125,14.9736328 C5.18424702,15.3870463 5.40722656,15.9111296 5.40722656,16.5458984 C5.40722656,17.206709 5.20296428,17.7893855 4.79443359,18.2939453 C4.3859029,18.7985051 3.73405395,19.0507812 2.83886719,19.0507812 C2.26920288,19.0507812 1.76546443,18.8904638 1.32763672,18.5698242 C0.889809008,18.2491846 0.644857031,17.7568393 0.592773438,17.0927734 L1.50585937,17.0927734 Z"></path>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB