Skip to content

Commit

Permalink
Merge pull request #7 from hamRS/feature/animated-banner
Browse files Browse the repository at this point in the history
feat: add animation to banner section
  • Loading branch information
unacorbatanegra authored Jan 4, 2024
2 parents 8b46504 + 5847773 commit bd2fb2a
Show file tree
Hide file tree
Showing 13 changed files with 297 additions and 11 deletions.
2 changes: 1 addition & 1 deletion .fvm/flutter_sdk
1 change: 1 addition & 0 deletions assets/animation/bubbles_sides.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions assets/animation/flag_stripes.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"nm":"Flow 6","ddd":0,"h":117,"w":187,"meta":{"g":"LottieFiles Figma v49"},"layers":[{"ty":0,"nm":"Group 16","sr":1,"st":0,"op":481.24,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[84.66,31.46],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[82.04,45.01],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[93.26,39.82],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[84.52,44.89],"t":360},{"s":[84.66,31.46],"t":480}]},"s":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":360},{"s":[100,100],"t":480}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[84.66,85.46],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[81.28,72.01],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[93.26,76.82],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[84.52,71.89],"t":360},{"s":[84.66,85.46],"t":480}]},"r":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0],"t":360},{"s":[0],"t":480}]},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}},"w":187,"h":117,"refId":"1","ind":1}],"v":"5.7.0","fr":60,"op":480.24,"ip":0,"assets":[{"nm":"[Asset] Group 16","id":"1","layers":[{"ty":4,"nm":"Rectangle 10","sr":1,"st":0,"op":481.24,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,37.08],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,32.83],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.63,48.88],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,37.08],"t":360},{"s":[8.28,37.08],"t":480}]},"s":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":360},{"s":[100,100],"t":480}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[136.67,31.46],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[134.52,61.24],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[145.03,39.82],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[136.39,58.02],"t":360},{"s":[136.67,31.46],"t":480}]},"r":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":360},{"s":[46.68],"t":480}]},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}},"ef":[],"shapes":[{"ty":"sh","bm":0,"hd":false,"nm":"","d":1,"ks":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.6,0],[0,0],[0.02,-4.49],[0,0],[0,0],[0,0]],"o":[[-0.19,-4.6],[0,0],[4.49,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.34,8.43],[8.43,0],[8.43,0],[16.53,8.14],[16.32,51.02],[2.68,65.67],[0.34,8.43]]}],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.63,0],[0,0],[-0.04,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.17,-4.62],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.31,8.47],[8.47,0],[8.47,0],[16.64,8.1],[17.26,83.12],[3.62,97.77],[0.31,8.47]]}],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":360},{"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":480}]}},{"ty":"fl","bm":0,"hd":false,"nm":"","c":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.1765,0.5412,0.9922],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.1765,0.5412,0.9922],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.1765,0.5412,0.9922],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.1765,0.5412,0.9922],"t":360},{"s":[0.1765,0.5412,0.9922],"t":480}]},"r":1,"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}}],"ind":1},{"ty":4,"nm":"Rectangle 9","sr":1,"st":0,"op":481.24,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,37.08],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,27.66],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.48,43.68],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.83,55.84],"t":360},{"s":[8.28,37.08],"t":480}]},"s":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":360},{"s":[100,100],"t":480}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[84.66,31.46],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[78.95,65.01],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[89.34,43.5],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[97.66,44.74],"t":360},{"s":[84.66,31.46],"t":480}]},"r":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":360},{"s":[46.68],"t":480}]},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}},"ef":[],"shapes":[{"ty":"sh","bm":0,"hd":false,"nm":"","d":1,"ks":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.58,0],[0,0],[0.06,-4.49],[0,0],[0,0],[0,0]],"o":[[-0.2,-4.58],[0,0],[4.49,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.36,8.4],[8.41,0],[8.41,0],[16.46,8.16],[16.02,40.67],[2.37,55.32],[0.36,8.4]]}],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.62,0],[0,0],[-0.02,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.62],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.32,8.46],[8.46,0],[8.46,0],[16.61,8.1],[16.96,72.72],[3.31,87.37],[0.32,8.46]]}],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.63,0],[0,0],[-0.05,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.17,-4.63],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.31,8.47],[8.48,0],[8.48,0],[16.66,8.09],[17.67,97.04],[4.03,111.69],[0.31,8.47]]}],"t":360},{"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":480}]}},{"ty":"fl","bm":0,"hd":false,"nm":"","c":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[1,1,1],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[1,1,1],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[1,1,1],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[1,1,1],"t":360},{"s":[1,1,1],"t":480}]},"r":1,"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}}],"ind":2},{"ty":4,"nm":"Rectangle 8","sr":1,"st":0,"op":481.24,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,37.08],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.84,55.94],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,37.08],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[8.28,30.05],"t":360},{"s":[8.28,37.08],"t":480}]},"s":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100,100],"t":360},{"s":[100,100],"t":480}]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[32.66,31.46],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.76,44.81],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[32.66,48.17],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[27.54,63.14],"t":360},{"s":[32.66,31.46],"t":480}]},"r":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[46.68],"t":360},{"s":[46.68],"t":480}]},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}},"ef":[],"shapes":[{"ty":"sh","bm":0,"hd":false,"nm":"","d":1,"ks":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.63,0],[0,0],[-0.05,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.17,-4.63],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.31,8.47],[8.48,0],[8.48,0],[16.66,8.09],[17.68,97.22],[4.03,111.87],[0.31,8.47]]}],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[{"c":true,"i":[[0,0],[-4.59,0],[0,0],[0.04,-4.49],[0,0],[0,0],[0,0]],"o":[[-0.19,-4.59],[0,0],[4.49,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.35,8.41],[8.42,0],[8.42,0],[16.49,8.15],[16.16,45.44],[2.51,60.09],[0.35,8.41]]}],"t":360},{"s":[{"c":true,"i":[[0,0],[-4.61,0],[0,0],[0,-4.48],[0,0],[0,0],[0,0]],"o":[[-0.18,-4.61],[0,0],[4.48,0],[0,0],[0,0],[0,0],[0,0]],"v":[[0.33,8.44],[8.45,0],[8.45,0],[16.57,8.12],[16.57,59.5],[2.93,74.15],[0.33,8.44]]}],"t":480}]}},{"ty":"fl","bm":0,"hd":false,"nm":"","c":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.9569,0.4118,0.4118],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.9569,0.4118,0.4118],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.9569,0.4118,0.4118],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[0.9569,0.4118,0.4118],"t":360},{"s":[0.9569,0.4118,0.4118],"t":480}]},"r":1,"o":{"a":1,"k":[{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":0},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":120},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":240},{"o":{"x":0,"y":0},"i":{"x":0.58,"y":1},"s":[100],"t":360},{"s":[100],"t":480}]}}],"ind":3}]}]}
1 change: 1 addition & 0 deletions assets/animation/flutter_heartbeat.json

Large diffs are not rendered by default.

Loading

0 comments on commit bd2fb2a

Please sign in to comment.