Bodymovin Animation Library Test Environment - 20170216

In this example below you will see how to do a Bodymovin Animation Library Test Environment - 20170216 with some HTML / CSS and Javascript

An updated environment for testing animation data exported from Adobe After Effects via the bodymovin plugin, using a version downloaded on 02 November 2015.

Thumbnail
This awesome code was written by mikegbabb, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright mikegbabb ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Bodymovin Animation Library Test Environment - 20170216</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <button class="run">Run animation</button>
<div class="wrapper">
  <div id="anim" class="animation"></div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/209069/bodymovin-20170216.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/mikegbabb/bodymovin-animation-library-test-environment-20170216-rjbLdV */
html {
  width: 100%;
  height: 100%;
  background: #1d2123;
}

button {
  display: block;
  margin: 40px auto;
}

.wrapper {
  width: 300px; /* OPTIONAL: Change this value as needed */
  height: auto;
  margin: 0 auto;
}

svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.animation {
  width: 100%;
  height: auto;
}

/*Downloaded from https://www.codeseek.co/mikegbabb/bodymovin-animation-library-test-environment-20170216-rjbLdV */
/*
Bodymovin Animation Test Environment Instructions
===============

To test your animation JSON, paste the data between the apostrophes on the line beginning "var animationData", and click the "Run animation" button after the page has refreshed. The animation will play once every time the button is clicked.

NOTE: Complex animations may take a while to refresh the page!
*/

// Paste your animation JSON between the apostrophes:
var animationData = '{"v":"4.5.6","fr":29.9700012207031,"ip":0,"op":236.000009612477,"w":2560,"h":1600,"ddd":0,"assets":[{"id":"image_0","w":2560,"h":1600,"u":"images/","p":"img_0.png"},{"id":"comp_0","layers":[{"ddd":0,"ind":0,"ty":0,"nm":"Pre-comp 3","refId":"comp_1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"w":2560,"h":1600,"ip":0,"op":900.000036657751,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":0,"nm":"Pre-comp 2","refId":"comp_2","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"w":2560,"h":1600,"ip":0,"op":900.000036657751,"st":0,"bm":0,"sr":1}]},{"id":"comp_1","layers":[{"ddd":0,"ind":2,"ty":9,"nm":"Screen Glitch - Free Stock Footage (1).mp4","cl":"mp4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[668,958,0]},"a":{"a":0,"k":[640,360,0]},"s":{"a":0,"k":[68.125,26.667,100]}},"ao":0,"ip":223.000009082976,"op":249.000010141978,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":9,"nm":"Screen Glitch - Free Stock Footage (1).mp4","cl":"mp4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[668,958,0]},"a":{"a":0,"k":[640,360,0]},"s":{"a":0,"k":[68.125,26.667,100]}},"ao":0,"ip":152.000006191087,"op":173.000007046434,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":9,"nm":"Screen Glitch - Free Stock Footage (1).mp4","cl":"mp4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[668,958,0]},"a":{"a":0,"k":[640,360,0]},"s":{"a":0,"k":[68.125,26.667,100]}},"ao":0,"ip":82.0000033399285,"op":101.000004113814,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":8,"ty":9,"nm":"Screen Glitch - Free Stock Footage (1).mp4","cl":"mp4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[668,958,0]},"a":{"a":0,"k":[640,360,0]},"s":{"a":0,"k":[68.125,26.667,100]}},"ao":0,"ip":0,"op":17.0000006924242,"st":0,"bm":0,"sr":1}]},{"id":"comp_2","layers":[{"ddd":0,"ind":0,"ty":0,"nm":"Bits 2","refId":"comp_3","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[380,844,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[-51,94,100]}},"ao":0,"tm":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":82,"s":[0],"e":[30.03]},{"t":463.000018858377}]},"w":2560,"h":1600,"ip":82.0000033399285,"op":982.00003999768,"st":82.0000033399285,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":0,"nm":"Bits 3","refId":"comp_3","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"tm":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":161,"s":[0],"e":[30.03]},{"t":392.000015966487}]},"w":2560,"h":1600,"ip":161.000006557664,"op":1061.00004321542,"st":161.000006557664,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":0,"nm":"Bits","refId":"comp_3","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"w":2560,"h":1600,"ip":0,"op":900.000036657751,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":5,"nm":"AR","ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":159,"s":[0],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":175,"s":[100],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":219,"s":[100],"e":[0]},{"t":234.000009531015}]},"r":{"a":0,"k":0},"p":{"a":0,"k":[294,1018,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[352.431,352.431,100]}},"ao":0,"t":{"d":{"k":[{"s":{"s":44,"f":"Stratum2-Bold","t":"AR","j":0,"tr":139,"lh":52.8,"fc":[1,1,1]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0]}},"a":[]},"ip":156.00000635401,"op":242.000009856862,"st":177.000007209358,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":5,"nm":"ROBOTICS","ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":4,"s":[0],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":21,"s":[100],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":74,"s":[100],"e":[0]},{"t":90.0000036657751}]},"r":{"a":0,"k":0},"p":{"a":0,"k":[294,1018,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[352.431,352.431,100]}},"ao":0,"t":{"d":{"k":[{"s":{"s":44,"f":"Stratum2-Bold","t":"ROBOTICS","j":0,"tr":139,"lh":52.8,"fc":[1,1,1]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0]}},"a":[]},"ip":3.00000012219251,"op":92.0000037472368,"st":3.00000012219251,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":5,"nm":"GAMING","ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":87,"s":[0],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":103,"s":[100],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":153,"s":[100],"e":[0]},{"t":171.000006964973}]},"r":{"a":0,"k":0},"p":{"a":0,"k":[294,1018,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[352.431,352.431,100]}},"ao":0,"t":{"d":{"k":[{"s":{"s":44,"f":"Stratum2-Bold","t":"GAMING","j":0,"tr":139,"lh":52.8,"fc":[1,1,1]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0]}},"a":[]},"ip":84.0000034213901,"op":172.000007005704,"st":89.0000036250443,"bm":0,"sr":1}]},{"id":"comp_3","layers":[{"ddd":0,"ind":0,"ty":4,"nm":"Shape Layer 9","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[550,657,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[22.375,104.277,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":10.0000004073083,"op":13.0000005295009,"st":10.0000004073083,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 8","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[713.75,923.5,0]},"a":{"a":0,"k":[-739.25,249.5,0]},"s":{"a":0,"k":[74.129,58.552,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":36.0000014663101,"op":39.0000015885026,"st":36.0000014663101,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 10","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[421.75,1040.5,0]},"a":{"a":0,"k":[-739.25,249.5,0]},"s":{"a":0,"k":[62.118,36.234,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":29.0000011811942,"op":32.0000013033867,"st":29.0000011811942,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 7","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[246,977.182,0]},"a":{"a":0,"k":[-750,265.182,0]},"s":{"a":0,"k":[48.731,48.731,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":21.0000008553475,"op":24.00000097754,"st":21.0000008553475,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 5","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[661.741,988.451,0]},"a":{"a":0,"k":[-739.25,252.951,0]},"s":{"a":0,"k":[36.718,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":12.00000048877,"op":15.0000006109625,"st":12.00000048877,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[218.25,998.951,0]},"a":{"a":0,"k":[-739.25,252.951,0]},"s":{"a":0,"k":[4.833,263.519,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[208.5,86]},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[-739.25,249.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[103.819,36.471],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"mn":"ADBE Vector Group"}],"ip":2.00000008146167,"op":5.00000020365418,"st":2.00000008146167,"bm":0,"sr":1}]},{"id":"comp_4","layers":[{"ddd":0,"ind":0,"ty":0,"nm":"blue","refId":"comp_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"n":"0p833_0p833_0p167_0p167","t":222,"s":[1280,800,0],"e":[1288.5,811.5,0],"to":[1.41666662693024,1.91666662693024,0],"ti":[-1.41666662693024,-1.91666662693024,0]},{"t":226.000009205169}]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"ef":[{"ty":5,"nm":"Venetian Blinds","mn":"ADBE Venetian Blinds","ix":1,"en":1,"ef":[{"ty":0,"nm":"Transition Completion","mn":"ADBE Venetian Blinds-0001","ix":1,"v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":13,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":73,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":85,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":98,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":157.4,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":167,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":177.4,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":222,"s":[0],"e":[71]},{"t":234.000009531015}]}},{"ty":0,"nm":"Direction","mn":"ADBE Venetian Blinds-0002","ix":2,"v":{"a":0,"k":45}},{"ty":0,"nm":"Width","mn":"ADBE Venetian Blinds-0003","ix":3,"v":{"a":0,"k":10}},{"ty":0,"nm":"Feather","mn":"ADBE Venetian Blinds-0004","ix":4,"v":{"a":0,"k":0}}]},{"ty":21,"nm":"Fill","mn":"ADBE Fill","ix":2,"en":1,"ef":[{"ty":3,"nm":"Fill Mask","mn":"ADBE Fill-0001","ix":1,"v":{"a":0,"k":0}},{"ty":7,"nm":"All Masks","mn":"ADBE Fill-0007","ix":2,"v":{"a":0,"k":0}},{"ty":2,"nm":"Color","mn":"ADBE Fill-0002","ix":3,"v":{"a":0,"k":[0,0.38,1,1]}},{"ty":7,"nm":"Invert","mn":"ADBE Fill-0006","ix":4,"v":{"a":0,"k":0}},{"ty":0,"nm":"Horizontal Feather","mn":"ADBE Fill-0003","ix":5,"v":{"a":0,"k":0}},{"ty":0,"nm":"Vertical Feather","mn":"ADBE Fill-0004","ix":6,"v":{"a":0,"k":0}},{"ty":0,"nm":"Opacity","mn":"ADBE Fill-0005","ix":7,"v":{"a":0,"k":1}}]},{"ty":5,"nm":"Gaussian Blur","mn":"ADBE Gaussian Blur 2","ix":3,"en":1,"ef":[{"ty":0,"nm":"Blurriness","mn":"ADBE Gaussian Blur 2-0001","ix":1,"v":{"a":0,"k":5.2}},{"ty":7,"nm":"Blur Dimensions","mn":"ADBE Gaussian Blur 2-0002","ix":2,"v":{"a":0,"k":1}},{"ty":7,"nm":"Repeat Edge Pixels","mn":"ADBE Gaussian Blur 2-0003","ix":3,"v":{"a":0,"k":0}},{"ty":7,"nm":"GPU Rendering","mn":"ADBE Force CPU GPU","ix":4,"v":{"a":0,"k":1}}]}],"w":2560,"h":1600,"ip":220.000008960784,"op":225.000009164438,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":0,"nm":"red","refId":"comp_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"n":"0p833_0p833_0p167_0p167","t":222,"s":[1280,800,0],"e":[1271,792.5,0],"to":[-1.5,-1.25,0],"ti":[1.5,1.25,0]},{"t":226.000009205169}]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"ef":[{"ty":5,"nm":"Venetian Blinds","mn":"ADBE Venetian Blinds","ix":1,"en":1,"ef":[{"ty":0,"nm":"Transition Completion","mn":"ADBE Venetian Blinds-0001","ix":1,"v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":13,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":73,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":85,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":98,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":157.4,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":167,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":177.4,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":222,"s":[0],"e":[71]},{"t":234.000009531015}]}},{"ty":0,"nm":"Direction","mn":"ADBE Venetian Blinds-0002","ix":2,"v":{"a":0,"k":45}},{"ty":0,"nm":"Width","mn":"ADBE Venetian Blinds-0003","ix":3,"v":{"a":0,"k":10}},{"ty":0,"nm":"Feather","mn":"ADBE Venetian Blinds-0004","ix":4,"v":{"a":0,"k":0}}]},{"ty":21,"nm":"Fill","mn":"ADBE Fill","ix":2,"en":1,"ef":[{"ty":3,"nm":"Fill Mask","mn":"ADBE Fill-0001","ix":1,"v":{"a":0,"k":0}},{"ty":7,"nm":"All Masks","mn":"ADBE Fill-0007","ix":2,"v":{"a":0,"k":0}},{"ty":2,"nm":"Color","mn":"ADBE Fill-0002","ix":3,"v":{"a":0,"k":[1,0.26,0.66,1]}},{"ty":7,"nm":"Invert","mn":"ADBE Fill-0006","ix":4,"v":{"a":0,"k":0}},{"ty":0,"nm":"Horizontal Feather","mn":"ADBE Fill-0003","ix":5,"v":{"a":0,"k":0}},{"ty":0,"nm":"Vertical Feather","mn":"ADBE Fill-0004","ix":6,"v":{"a":0,"k":0}},{"ty":0,"nm":"Opacity","mn":"ADBE Fill-0005","ix":7,"v":{"a":0,"k":1}}]},{"ty":5,"nm":"Gaussian Blur","mn":"ADBE Gaussian Blur 2","ix":3,"en":1,"ef":[{"ty":0,"nm":"Blurriness","mn":"ADBE Gaussian Blur 2-0001","ix":1,"v":{"a":0,"k":5.2}},{"ty":7,"nm":"Blur Dimensions","mn":"ADBE Gaussian Blur 2-0002","ix":2,"v":{"a":0,"k":1}},{"ty":7,"nm":"Repeat Edge Pixels","mn":"ADBE Gaussian Blur 2-0003","ix":3,"v":{"a":0,"k":0}},{"ty":7,"nm":"GPU Rendering","mn":"ADBE Force CPU GPU","ix":4,"v":{"a":0,"k":1}}]}],"w":2560,"h":1600,"ip":220.000008960784,"op":225.000009164438,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":0,"nm":"blue2","refId":"comp_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"n":"0p833_0p833_0p167_0p167","t":126,"s":[1280,800,0],"e":[1288.5,811.5,0],"to":[1.41666662693024,1.91666662693024,0],"ti":[-1.41666662693024,-1.91666662693024,0]},{"t":130.000005295009}]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"ef":[{"ty":5,"nm":"Venetian Blinds","mn":"ADBE Venetian Blinds","ix":1,"en":1,"ef":[{"ty":0,"nm":"Transition Completion","mn":"ADBE Venetian Blinds-0001","ix":1,"v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":13,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":73,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":85,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":98,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":157.4,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":167,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":177.4,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":222,"s":[0],"e":[71]},{"t":234.000009531015}]}},{"ty":0,"nm":"Direction","mn":"ADBE Venetian Blinds-0002","ix":2,"v":{"a":0,"k":45}},{"ty":0,"nm":"Width","mn":"ADBE Venetian Blinds-0003","ix":3,"v":{"a":0,"k":10}},{"ty":0,"nm":"Feather","mn":"ADBE Venetian Blinds-0004","ix":4,"v":{"a":0,"k":0}}]},{"ty":21,"nm":"Fill","mn":"ADBE Fill","ix":2,"en":1,"ef":[{"ty":3,"nm":"Fill Mask","mn":"ADBE Fill-0001","ix":1,"v":{"a":0,"k":0}},{"ty":7,"nm":"All Masks","mn":"ADBE Fill-0007","ix":2,"v":{"a":0,"k":0}},{"ty":2,"nm":"Color","mn":"ADBE Fill-0002","ix":3,"v":{"a":0,"k":[0,0.38,1,1]}},{"ty":7,"nm":"Invert","mn":"ADBE Fill-0006","ix":4,"v":{"a":0,"k":0}},{"ty":0,"nm":"Horizontal Feather","mn":"ADBE Fill-0003","ix":5,"v":{"a":0,"k":0}},{"ty":0,"nm":"Vertical Feather","mn":"ADBE Fill-0004","ix":6,"v":{"a":0,"k":0}},{"ty":0,"nm":"Opacity","mn":"ADBE Fill-0005","ix":7,"v":{"a":0,"k":1}}]},{"ty":5,"nm":"Gaussian Blur","mn":"ADBE Gaussian Blur 2","ix":3,"en":1,"ef":[{"ty":0,"nm":"Blurriness","mn":"ADBE Gaussian Blur 2-0001","ix":1,"v":{"a":0,"k":5.2}},{"ty":7,"nm":"Blur Dimensions","mn":"ADBE Gaussian Blur 2-0002","ix":2,"v":{"a":0,"k":1}},{"ty":7,"nm":"Repeat Edge Pixels","mn":"ADBE Gaussian Blur 2-0003","ix":3,"v":{"a":0,"k":0}},{"ty":7,"nm":"GPU Rendering","mn":"ADBE Force CPU GPU","ix":4,"v":{"a":0,"k":1}}]}],"w":2560,"h":1600,"ip":125.000005091354,"op":131.000005335739,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":0,"nm":"red2","refId":"comp_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"n":"0p833_0p833_0p167_0p167","t":126,"s":[1280,800,0],"e":[1271,792.5,0],"to":[-1.5,-1.25,0],"ti":[1.5,1.25,0]},{"t":130.000005295009}]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"ef":[{"ty":5,"nm":"Venetian Blinds","mn":"ADBE Venetian Blinds","ix":1,"en":1,"ef":[{"ty":0,"nm":"Transition Completion","mn":"ADBE Venetian Blinds-0001","ix":1,"v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":13,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":73,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":85,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":98,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":157.4,"s":[0],"e":[71]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":167,"s":[71],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":177.4,"s":[0],"e":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":222,"s":[0],"e":[71]},{"t":234.000009531015}]}},{"ty":0,"nm":"Direction","mn":"ADBE Venetian Blinds-0002","ix":2,"v":{"a":0,"k":45}},{"ty":0,"nm":"Width","mn":"ADBE Venetian Blinds-0003","ix":3,"v":{"a":0,"k":10}},{"ty":0,"nm":"Feather","mn":"ADBE Venetian Blinds-0004","ix":4,"v":{"a":0,"k":0}}]},{"ty":21,"nm":"Fill","mn":"ADBE Fill","ix":2,"en":1,"ef":[{"ty":3,"nm":"Fill Mask","mn":"ADBE Fill-0001","ix":1,"v":{"a":0,"k":0}},{"ty":7,"nm":"All Masks","mn":"ADBE Fill-0007","ix":2,"v":{"a":0,"k":0}},{"ty":2,"nm":"Color","mn":"ADBE Fill-0002","ix":3,"v":{"a":0,"k":[1,0.26,0.66,1]}},{"ty":7,"nm":"Invert","mn":"ADBE Fill-0006","ix":4,"v":{"a":0,"k":0}},{"ty":0,"nm":"Horizontal Feather","mn":"ADBE Fill-0003","ix":5,"v":{"a":0,"k":0}},{"ty":0,"nm":"Vertical Feather","mn":"ADBE Fill-0004","ix":6,"v":{"a":0,"k":0}},{"ty":0,"nm":"Opacity","mn":"ADBE Fill-0005","ix":7,"v":{"a":0,"k":1}}]},{"ty":5,"nm":"Gaussian Blur","mn":"ADBE Gaussian Blur 2","ix":3,"en":1,"ef":[{"ty":0,"nm":"Blurriness","mn":"ADBE Gaussian Blur 2-0001","ix":1,"v":{"a":0,"k":5.2}},{"ty":7,"nm":"Blur Dimensions","mn":"ADBE Gaussian Blur 2-0002","ix":2,"v":{"a":0,"k":1}},{"ty":7,"nm":"Repeat Edge Pixels","mn":"ADBE Gaussian Blur 2-0003","ix":3,"v":{"a":0,"k":0}},{"ty":7,"nm":"GPU Rendering","mn":"ADBE Force CPU GPU","ix":4,"v":{"a":0,"k":1}}]}],"w":2560,"h":1600,"ip":125.000005091354,"op":131.000005335739,"st":0,"bm":0,"sr":1}]}],"fonts":{"list":[{"fName":"Stratum2-Bold","fFamily":"Stratum2","fStyle":"Bold","ascent":64.5985107421875}]},"layers":[{"ddd":0,"ind":0,"ty":0,"nm":"Main Animation","refId":"comp_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"w":2560,"h":1600,"ip":2.00000008146167,"op":902.000036739213,"st":2.00000008146167,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":0,"nm":"colours","refId":"comp_4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"w":2560,"h":1600,"ip":2.00000008146167,"op":902.000036739213,"st":2.00000008146167,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":2,"nm":"site1.jpg","cl":"jpg","refId":"image_0","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[1280,800,0]},"a":{"a":0,"k":[1280,800,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"ip":0,"op":900.000036657751,"st":0,"bm":0,"sr":1}],"chars":[{"ch":"G","size":44,"style":"Bold","w":57.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[27.997,-27.225],[39.679,-27.225],[39.679,-15.833],[38.471,-13.189],[21.854,-13.189],[19.135,-14.307],[19.135,-55.909],[20.343,-58.554],[36.96,-58.554],[39.679,-57.435],[39.679,-48.992],[51.764,-48.992],[51.764,-58.554],[46.829,-69.742],[18.027,-69.742],[7.05,-64.759],[7.05,-13.189],[11.884,-2],[40.686,-2],[51.764,-6.984],[51.764,-38.007],[27.997,-38.007]],"o":[[27.997,-27.225],[39.679,-27.225],[39.679,-14.307],[36.96,-13.189],[20.343,-13.189],[19.135,-15.833],[19.135,-57.435],[21.854,-58.554],[38.471,-58.554],[39.679,-55.909],[39.679,-48.992],[51.764,-48.992],[51.764,-64.759],[40.686,-69.742],[11.884,-69.742],[7.05,-58.554],[7.05,-6.984],[18.027,-2],[46.829,-2],[51.764,-13.189],[51.764,-38.007],[27.997,-38.007]],"v":[[27.997,-27.225],[39.679,-27.225],[39.679,-15.833],[36.96,-13.189],[21.854,-13.189],[19.135,-15.833],[19.135,-55.909],[21.854,-58.554],[36.96,-58.554],[39.679,-55.909],[39.679,-48.992],[51.764,-48.992],[51.764,-58.554],[40.686,-69.742],[18.027,-69.742],[7.05,-58.554],[7.05,-13.189],[18.027,-2],[40.686,-2],[51.764,-13.189],[51.764,-38.007],[27.997,-38.007]],"c":true}},"nm":"G","mn":"ADBE Vector Shape - Group"}],"nm":"G","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[1.511,0],[0,0],[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[0,0],[0,0],[6.143,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205],[0,0],[0,0]],"o":[[0,0],[0,0],[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[1.511,0],[0,0],[0,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205],[0,0],[6.143,0],[0,0],[0,0],[0,0]],"v":[[85.396,-27.225],[97.078,-27.225],[97.078,-15.833],[94.359,-13.189],[79.253,-13.189],[76.534,-15.833],[76.534,-55.909],[79.253,-58.554],[94.359,-58.554],[97.078,-55.909],[97.078,-48.992],[109.163,-48.992],[109.163,-58.554],[98.085,-69.742],[75.426,-69.742],[64.449,-58.554],[64.449,-13.189],[75.426,-2],[98.085,-2],[109.163,-13.189],[109.163,-38.007],[85.396,-38.007]],"c":true}},"nm":"G","mn":"ADBE Vector Shape - Group"}],"nm":"G","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"A","size":44,"style":"Bold","w":63.7,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[35.651,-69.742],[24.472,-69.742],[1.813,-2],[13.998,-2],[18.631,-16.749],[41.29,-16.749],[46.124,-2],[58.31,-2]],"o":[[35.651,-69.742],[24.472,-69.742],[1.813,-2],[13.998,-2],[18.631,-16.749],[41.29,-16.749],[46.124,-2],[58.31,-2]],"v":[[35.651,-69.742],[24.472,-69.742],[1.813,-2],[13.998,-2],[18.631,-16.749],[41.29,-16.749],[46.124,-2],[58.31,-2]],"c":true}},"nm":"A","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[30.011,-53.468],[37.766,-27.632],[22.256,-27.632]],"o":[[30.011,-53.468],[37.766,-27.632],[22.256,-27.632]],"v":[[30.011,-53.468],[37.766,-27.632],[22.256,-27.632]],"c":true}},"nm":"A","mn":"ADBE Vector Shape - Group"}],"nm":"A","np":5,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[99.348,-69.742],[88.17,-69.742],[65.511,-2],[77.696,-2],[82.329,-16.749],[104.988,-16.749],[109.822,-2],[122.008,-2]],"c":true}},"nm":"A","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[93.709,-53.468],[101.463,-27.632],[85.954,-27.632]],"c":true}},"nm":"A","mn":"ADBE Vector Shape - Group"},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge"}],"nm":"A","np":5,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"M","size":44,"style":"Bold","w":73.8,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[32.025,-13.596],[42.297,-13.596],[55.087,-42.483],[55.087,-2],[66.769,-2],[66.769,-69.742],[55.087,-69.742],[37.161,-28.242],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-42.483]],"o":[[32.025,-13.596],[42.297,-13.596],[55.087,-42.483],[55.087,-2],[66.769,-2],[66.769,-69.742],[55.087,-69.742],[37.161,-28.242],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-42.483]],"v":[[32.025,-13.596],[42.297,-13.596],[55.087,-42.483],[55.087,-2],[66.769,-2],[66.769,-69.742],[55.087,-69.742],[37.161,-28.242],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-42.483]],"c":true}},"nm":"M","mn":"ADBE Vector Shape - Group"}],"nm":"M","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[105.824,-13.596],[116.096,-13.596],[128.886,-42.483],[128.886,-2],[140.569,-2],[140.569,-69.742],[128.886,-69.742],[110.96,-28.242],[93.034,-69.742],[81.352,-69.742],[81.352,-2],[93.034,-2],[93.034,-42.483]],"c":true}},"nm":"M","mn":"ADBE Vector Shape - Group"}],"nm":"M","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"I","size":44,"style":"Bold","w":27,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[19.638,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2]],"o":[[19.638,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2]],"v":[[19.638,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2]],"c":true}},"nm":"I","mn":"ADBE Vector Shape - Group"}],"nm":"I","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[46.637,-69.742],[34.552,-69.742],[34.552,-2],[46.637,-2]],"c":true}},"nm":"I","mn":"ADBE Vector Shape - Group"}],"nm":"I","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"N","size":44,"style":"Bold","w":63.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[56.296,-69.742],[44.614,-69.742],[44.614,-25.7],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-45.839],[44.614,-2],[56.296,-2]],"o":[[56.296,-69.742],[44.614,-69.742],[44.614,-25.7],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-45.839],[44.614,-2],[56.296,-2]],"v":[[56.296,-69.742],[44.614,-69.742],[44.614,-25.7],[19.235,-69.742],[7.553,-69.742],[7.553,-2],[19.235,-2],[19.235,-45.839],[44.614,-2],[56.296,-2]],"c":true}},"nm":"N","mn":"ADBE Vector Shape - Group"}],"nm":"N","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[119.695,-69.742],[108.012,-69.742],[108.012,-25.7],[82.634,-69.742],[70.952,-69.742],[70.952,-2],[82.634,-2],[82.634,-45.839],[108.012,-2],[119.695,-2]],"c":true}},"nm":"N","mn":"ADBE Vector Shape - Group"}],"nm":"N","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"R","size":44,"style":"Bold","w":61.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[45.016,-2],[58.31,-2],[45.419,-28.446],[53.778,-34.04],[53.778,-58.554],[48.843,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2],[19.638,-28.141],[32.327,-28.141]],"o":[[45.016,-2],[58.31,-2],[50.253,-29.667],[53.778,-39.329],[53.778,-64.759],[42.7,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2],[19.638,-28.141],[32.327,-28.141]],"v":[[45.016,-2],[58.31,-2],[45.419,-28.446],[53.778,-39.329],[53.778,-58.554],[42.7,-69.742],[7.553,-69.742],[7.553,-2],[19.638,-2],[19.638,-28.141],[32.327,-28.141]],"c":true}},"nm":"R","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[41.693,-41.974],[40.485,-39.329],[19.638,-39.329],[19.638,-58.554],[38.974,-58.554],[41.693,-57.435]],"o":[[41.693,-40.448],[38.974,-39.329],[19.638,-39.329],[19.638,-58.554],[40.485,-58.554],[41.693,-55.909]],"v":[[41.693,-41.974],[38.974,-39.329],[19.638,-39.329],[19.638,-58.554],[38.974,-58.554],[41.693,-55.909]],"c":true}},"nm":"R","mn":"ADBE Vector Shape - Group"}],"nm":"R","np":5,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,5.289],[0,0],[6.143,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[4.834,-1.221],[0,0],[0,-6.205],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[106.416,-2],[119.71,-2],[106.819,-28.446],[115.178,-39.329],[115.178,-58.554],[104.1,-69.742],[68.953,-69.742],[68.953,-2],[81.038,-2],[81.038,-28.141],[93.727,-28.141]],"c":true}},"nm":"R","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[1.511,0],[0,0],[0,0],[0,0],[0,-1.526]],"o":[[0,1.526],[0,0],[0,0],[0,0],[1.511,0],[0,0]],"v":[[103.093,-41.974],[100.374,-39.329],[81.038,-39.329],[81.038,-58.554],[100.374,-58.554],[103.093,-55.909]],"c":true}},"nm":"R","mn":"ADBE Vector Shape - Group"},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge"}],"nm":"R","np":5,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"O","size":44,"style":"Bold","w":59.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[11.884,-2],[41.693,-2],[52.771,-6.984],[52.771,-58.554],[47.836,-69.742],[18.027,-69.742],[7.05,-64.759],[7.05,-13.189]],"o":[[18.027,-2],[47.836,-2],[52.771,-13.189],[52.771,-64.759],[41.693,-69.742],[11.884,-69.742],[7.05,-58.554],[7.05,-6.984]],"v":[[18.027,-2],[41.693,-2],[52.771,-13.189],[52.771,-58.554],[41.693,-69.742],[18.027,-69.742],[7.05,-58.554],[7.05,-13.189]],"c":true}},"nm":"O","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[40.686,-15.833],[39.478,-13.189],[21.854,-13.189],[19.135,-14.307],[19.135,-55.909],[20.343,-58.554],[37.967,-58.554],[40.686,-57.435]],"o":[[40.686,-14.307],[37.967,-13.189],[20.343,-13.189],[19.135,-15.833],[19.135,-57.435],[21.854,-58.554],[39.478,-58.554],[40.686,-55.909]],"v":[[40.686,-15.833],[37.967,-13.189],[21.854,-13.189],[19.135,-15.833],[19.135,-55.909],[21.854,-58.554],[37.967,-58.554],[40.686,-55.909]],"c":true}},"nm":"O","mn":"ADBE Vector Shape - Group"}],"nm":"O","np":5,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[-6.143,0],[0,0],[0,6.205],[0,0],[6.143,0],[0,0],[0,-6.205],[0,0]],"o":[[0,0],[6.143,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205]],"v":[[77.426,-2],[101.093,-2],[112.17,-13.189],[112.17,-58.554],[101.093,-69.742],[77.426,-69.742],[66.449,-58.554],[66.449,-13.189]],"c":true}},"nm":"O","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[1.511,0],[0,0],[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526]],"o":[[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[1.511,0],[0,0]],"v":[[100.085,-15.833],[97.366,-13.189],[81.253,-13.189],[78.534,-15.833],[78.534,-55.909],[81.253,-58.554],[97.366,-58.554],[100.085,-55.909]],"c":true}},"nm":"O","mn":"ADBE Vector Shape - Group"},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge"}],"nm":"O","np":5,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"B","size":44,"style":"Bold","w":58,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[7.553,-2],[41.19,-2],[51.865,-6.781],[51.865,-29.768],[48.844,-36.583],[51.361,-41.466],[51.361,-59.062],[46.628,-69.742],[7.553,-69.742]],"o":[[7.553,-2],[47.132,-2],[51.865,-12.68],[51.865,-33.735],[49.146,-38.109],[51.361,-44.517],[51.361,-64.961],[40.686,-69.742],[7.553,-69.742]],"v":[[7.553,-2],[41.19,-2],[51.865,-12.68],[51.865,-29.768],[46.024,-37.092],[51.361,-44.517],[51.361,-59.062],[40.686,-69.742],[7.553,-69.742]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[19.638,-31.192],[37.061,-31.192],[39.78,-30.074],[39.78,-15.732],[38.572,-13.087],[19.638,-13.087]],"o":[[19.638,-31.192],[38.572,-31.192],[39.78,-28.548],[39.78,-14.206],[37.061,-13.087],[19.638,-13.087]],"v":[[19.638,-31.192],[37.061,-31.192],[39.78,-28.548],[39.78,-15.732],[37.061,-13.087],[19.638,-13.087]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"},{"ind":2,"ty":"sh","ks":{"a":0,"k":{"i":[[19.638,-42.177],[19.638,-58.655],[36.557,-58.655],[39.276,-57.537],[39.276,-44.822],[38.269,-42.279]],"o":[[19.638,-42.177],[19.638,-58.655],[38.068,-58.655],[39.276,-56.011],[39.276,-43.398],[36.859,-42.177]],"v":[[19.638,-42.177],[19.638,-58.655],[36.557,-58.655],[39.276,-56.011],[39.276,-44.822],[36.859,-42.177]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"}],"nm":"B","np":6,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,5.899],[0,0],[2.82,0.509],[0,3.051],[0,0],[5.942,0],[0,0]],"o":[[0,0],[5.942,0],[0,0],[0,-3.967],[3.122,-1.017],[0,0],[0,-5.899],[0,0],[0,0]],"v":[[65.552,-2],[99.188,-2],[109.863,-12.68],[109.863,-29.768],[104.022,-37.092],[109.36,-44.517],[109.36,-59.062],[98.685,-69.742],[65.552,-69.742]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"},{"ind":1,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,-1.526],[0,0],[1.511,0],[0,0]],"o":[[0,0],[1.511,0],[0,0],[0,1.526],[0,0],[0,0]],"v":[[77.637,-31.192],[95.059,-31.192],[97.778,-28.548],[97.778,-15.732],[95.059,-13.087],[77.637,-13.087]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"},{"ind":2,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,-1.526],[0,0],[1.41,-0.102]],"o":[[0,0],[0,0],[1.511,0],[0,0],[0,1.424],[0,0]],"v":[[77.637,-42.177],[77.637,-58.655],[94.556,-58.655],[97.275,-56.011],[97.275,-44.822],[94.858,-42.177]],"c":true}},"nm":"B","mn":"ADBE Vector Shape - Group"},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge"}],"nm":"B","np":6,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"T","size":44,"style":"Bold","w":52.2,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[2.014,-58.554],[20.242,-58.554],[20.242,-2],[32.327,-2],[32.327,-58.554],[50.555,-58.554],[50.555,-69.742],[2.014,-69.742]],"o":[[2.014,-58.554],[20.242,-58.554],[20.242,-2],[32.327,-2],[32.327,-58.554],[50.555,-58.554],[50.555,-69.742],[2.014,-69.742]],"v":[[2.014,-58.554],[20.242,-58.554],[20.242,-2],[32.327,-2],[32.327,-58.554],[50.555,-58.554],[50.555,-69.742],[2.014,-69.742]],"c":true}},"nm":"T","mn":"ADBE Vector Shape - Group"}],"nm":"T","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[54.213,-58.554],[72.441,-58.554],[72.441,-2],[84.526,-2],[84.526,-58.554],[102.754,-58.554],[102.754,-69.742],[54.213,-69.742]],"c":true}},"nm":"T","mn":"ADBE Vector Shape - Group"}],"nm":"T","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"C","size":44,"style":"Bold","w":57.9,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[39.679,-15.833],[38.471,-13.189],[21.854,-13.189],[19.135,-14.307],[19.135,-55.909],[20.343,-58.554],[36.96,-58.554],[39.679,-57.435],[39.679,-46.856],[51.764,-46.856],[51.764,-58.554],[46.829,-69.742],[18.027,-69.742],[7.05,-64.759],[7.05,-13.189],[11.884,-2],[40.686,-2],[51.764,-6.984],[51.764,-25.496],[39.679,-25.496]],"o":[[39.679,-14.307],[36.96,-13.189],[20.343,-13.189],[19.135,-15.833],[19.135,-57.435],[21.854,-58.554],[38.471,-58.554],[39.679,-55.909],[39.679,-46.856],[51.764,-46.856],[51.764,-64.759],[40.686,-69.742],[11.884,-69.742],[7.05,-58.554],[7.05,-6.984],[18.027,-2],[46.829,-2],[51.764,-13.189],[51.764,-25.496],[39.679,-25.496]],"v":[[39.679,-15.833],[36.96,-13.189],[21.854,-13.189],[19.135,-15.833],[19.135,-55.909],[21.854,-58.554],[36.96,-58.554],[39.679,-55.909],[39.679,-46.856],[51.764,-46.856],[51.764,-58.554],[40.686,-69.742],[18.027,-69.742],[7.05,-58.554],[7.05,-13.189],[18.027,-2],[40.686,-2],[51.764,-13.189],[51.764,-25.496],[39.679,-25.496]],"c":true}},"nm":"C","mn":"ADBE Vector Shape - Group"}],"nm":"C","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[1.511,0],[0,0],[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[0,0],[0,0],[6.143,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205],[0,0],[0,0]],"o":[[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[1.511,0],[0,0],[0,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205],[0,0],[6.143,0],[0,0],[0,0],[0,0]],"v":[[97.578,-15.833],[94.859,-13.189],[79.753,-13.189],[77.034,-15.833],[77.034,-55.909],[79.753,-58.554],[94.859,-58.554],[97.578,-55.909],[97.578,-46.856],[109.663,-46.856],[109.663,-58.554],[98.586,-69.742],[75.926,-69.742],[64.949,-58.554],[64.949,-13.189],[75.926,-2],[98.586,-2],[109.663,-13.189],[109.663,-25.496],[97.578,-25.496]],"c":true}},"nm":"C","mn":"ADBE Vector Shape - Group"}],"nm":"C","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"},{"ch":"S","size":44,"style":"Bold","w":56.5,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[28.399,-30.582],[38.773,-27.124],[38.773,-15.833],[37.564,-13.189],[21.854,-13.189],[19.135,-14.307],[19.135,-22.445],[7.05,-22.445],[7.05,-13.189],[11.984,-2],[39.88,-2],[50.858,-6.984],[50.858,-28.344],[46.124,-37.702],[27.997,-42.788],[19.336,-45.941],[19.336,-55.909],[20.544,-58.554],[35.751,-58.554],[38.47,-57.435],[38.47,-49.094],[50.555,-49.094],[50.555,-58.554],[45.621,-69.742],[18.228,-69.742],[7.251,-64.759],[7.251,-44.619],[12.085,-35.464]],"o":[[37.664,-28.039],[38.773,-25.598],[38.773,-14.307],[36.053,-13.189],[20.343,-13.189],[19.135,-15.833],[19.135,-22.445],[7.05,-22.445],[7.05,-6.984],[18.127,-2],[46.023,-2],[50.858,-13.189],[50.858,-34.549],[33.032,-41.465],[20.544,-44.924],[19.336,-47.467],[19.336,-57.435],[22.055,-58.554],[37.262,-58.554],[38.47,-55.909],[38.47,-49.094],[50.555,-49.094],[50.555,-64.759],[39.478,-69.742],[12.085,-69.742],[7.251,-58.554],[7.251,-38.414],[25.479,-31.395]],"v":[[36.053,-28.446],[38.773,-25.598],[38.773,-15.833],[36.053,-13.189],[21.854,-13.189],[19.135,-15.833],[19.135,-22.445],[7.05,-22.445],[7.05,-13.189],[18.127,-2],[39.88,-2],[50.858,-13.189],[50.858,-28.344],[40.384,-39.329],[22.055,-44.517],[19.336,-47.467],[19.336,-55.909],[22.055,-58.554],[35.751,-58.554],[38.47,-55.909],[38.47,-49.094],[50.555,-49.094],[50.555,-58.554],[39.478,-69.742],[18.228,-69.742],[7.251,-58.554],[7.251,-44.619],[18.027,-33.633]],"c":true}},"nm":"S","mn":"ADBE Vector Shape - Group"}],"nm":"S","np":3,"mn":"ADBE Vector Group"},{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[-7.654,-2.136],[0,-1.526],[0,0],[1.511,0],[0,0],[0,1.526],[0,0],[0,0],[0,0],[-6.143,0],[0,0],[0,6.205],[0,0],[5.74,1.627],[5.942,1.729],[0,1.526],[0,0],[-1.511,0],[0,0],[0,-1.526],[0,0],[0,0],[0,0],[6.143,0],[0,0],[0,-6.205],[0,0],[-5.942,-1.831]],"o":[[1.611,0.407],[0,0],[0,1.526],[0,0],[-1.511,0],[0,0],[0,0],[0,0],[0,6.205],[0,0],[6.143,0],[0,0],[0,-6.205],[-7.352,-2.136],[-1.511,-0.407],[0,0],[0,-1.526],[0,0],[1.511,0],[0,0],[0,0],[0,0],[0,-6.205],[0,0],[-6.143,0],[0,0],[0,6.205],[7.452,2.238]],"v":[[92.552,-28.446],[95.271,-25.598],[95.271,-15.833],[92.552,-13.189],[78.352,-13.189],[75.633,-15.833],[75.633,-22.445],[63.548,-22.445],[63.548,-13.189],[74.626,-2],[96.379,-2],[107.356,-13.189],[107.356,-28.344],[96.883,-39.329],[78.554,-44.517],[75.835,-47.467],[75.835,-55.909],[78.554,-58.554],[92.25,-58.554],[94.969,-55.909],[94.969,-49.094],[107.054,-49.094],[107.054,-58.554],[95.976,-69.742],[74.727,-69.742],[63.75,-58.554],[63.75,-44.619],[74.525,-33.633]],"c":true}},"nm":"S","mn":"ADBE Vector Shape - Group"}],"nm":"S","np":3,"mn":"ADBE Vector Group"}]},"fFamily":"Stratum2"}]}';

var target = $('#anim');
$(document).on('click', '.run', function() {
  if (!animationData == '') {
    $('#anim').children().remove();
    var animationOptions = {
      wrapper: target[0],
      animType: 'svg',
      autoplay: false,
      prerender: false,
      loop: true,
      animationData: JSON.parse(animationData)
    };
    bodymovin.loadAnimation(animationOptions);
    bodymovin.play();
  } else {
    alert('Paste your JSON of animation data in to the line beginning "var animationData" first');
  }
  
});

Comments