add logo animada cobracaju

cobracaju.json

@@ -0,0 +1 @@
+{"v":"5.7.13","fr":10,"ip":0,"op":54,"w":332,"h":456,"nm":"cobracaju","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"castanha","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[166,228,0],"ix":2,"l":2},"a":{"a":0,"k":[166,228,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.44,2.48],[-5.84,3.84],[-5.1,3.24],[0.08,0.04],[1.018,6.732],[-12.48,8.04],[-9.84,-5.64],[-11.2,-25.456],[2.04,-5.64],[3.36,-2.4],[8.52,-0.6],[12.96,6],[6.64,-0.4],[8.56,8.16]],"o":[[3.52,-12.56],[8.76,-5.76],[3.4,-2.16],[-6.891,-9.392],[-1.528,-10.097],[12.48,-8.04],[9.84,5.64],[11.201,25.455],[-2.04,5.64],[-3.36,2.4],[-5.68,0.4],[-7.92,-2.64],[-6.64,0.4],[-2.8,-2.48]],"v":[[-59.012,32.5],[-44.972,7.9],[-30.752,1.36],[-25.772,-1.94],[-37.635,-26.126],[-23.372,-55.7],[17.428,-56.18],[47.811,-20.101],[51.508,34.42],[39.748,57.94],[19.948,63.34],[-8.012,54.94],[-29.852,51.58],[-52.652,39.94]],"c":true},"ix":2},"nm":"Caminho 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0.573000021542,0.246999987434,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.24,"ix":5},"lc":3,"lj":3,"bm":0,"nm":"Traçado 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.573000021542,0.246999987434,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Preenchimento 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[198.092,159.26],"to":[1.985,1.79],"ti":[0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[210,170],"to":[0,0],"ti":[1.985,1.79]},{"t":20,"s":[198.092,159.26]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"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":"Transformar"}],"nm":"Grupo 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":200,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"cauda","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[193.5,238,0],"ix":2,"l":2},"a":{"a":0,"k":[166,228,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.828,17.181],[10.861,-10.408],[-16.801,-35.977],[-44.64,-21.6],[-41.408,7.637],[-17.875,21.948],[-1.188,3.337],[-0.282,1.924],[12.558,-4.299],[44.64,8.76],[14.76,16.2],[-1.188,16.971]],"o":[[-16.492,-1.104],[-16.292,15.613],[16.8,35.978],[44.64,21.6],[27.605,-5.091],[3.904,-5.601],[1.188,-3.338],[-8.428,8.882],[-18.837,6.449],[-44.64,-8.76],[-14.76,-16.2],[1.188,-16.97]],"v":[[-97.364,-100.783],[-138.394,-86.827],[-145.691,-6.216],[-57.434,77.418],[83.411,94.249],[151.632,53.691],[159.269,40.283],[161.475,32.392],[129.995,52.163],[38.566,60.257],[-78.674,-4.182],[-100.38,-66.632]],"c":true},"ix":2},"nm":"Caminho 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,0,0.411999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Preenchimento 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[161.475,348.342],"to":[-2.5,0],"ti":[4,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":4,"s":[146.475,348.342],"to":[-4,0],"ti":[2,0.5]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[137.475,348.342],"to":[-2,-0.5],"ti":[0.917,1.083]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[134.475,345.342],"to":[-0.917,-1.083],"ti":[0.417,0.583]},{"t":22,"s":[131.975,341.842]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[-26.067]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[-10.881]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[-2.678]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":16,"s":[-0.021]},{"t":22,"s":[0.567]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transformar"}],"nm":"cauda","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":200,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"caju","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[166,228,0],"ix":2,"l":2},"a":{"a":0,"k":[166,228,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.112,17.362],[-0.197,1.603],[-3.305,9.034],[-13.916,5.261],[-14.604,-0.069],[-5.481,-1.168],[0,0],[-8.033,-13.689],[1.866,-10.861],[11.76,-28.08],[11.055,-22.204],[17.901,-9.187],[0,0],[10.051,0.002],[6.191,6.465],[0,0],[-0.763,11.924]],"o":[[0.103,-1.612],[3.627,-29.523],[5.091,-13.915],[7.744,-2.928],[5.604,0.026],[0,0],[29.302,7.468],[12.049,20.535],[-1.867,10.861],[-5.709,13.633],[-7.606,15.275],[-2.039,1.047],[-5.874,1.853],[-14.813,-0.002],[0,0],[-8.264,-8.63],[0.624,-9.747]],"v":[[-114.472,-24.275],[-114.023,-29.11],[-103.625,-86.946],[-73.587,-121.396],[-40.064,-125.685],[-23.394,-123.85],[49.449,-108.329],[105.451,-76.594],[115.973,-27.379],[99.645,30.058],[74.499,83.813],[45.786,112.419],[8.62,120.419],[-38.047,125.752],[-76.714,103.085],[-108.048,73.085],[-117.076,16.388]],"c":true},"ix":2},"nm":"Caminho 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0.788000009574,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.24,"ix":5},"lc":3,"lj":3,"bm":0,"nm":"Traçado 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.788000009574,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Preenchimento 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[173.714,308.581],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[5]},{"t":20,"s":[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":"Transformar"}],"nm":"Grupo 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":200,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"cabeça","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[166,228,0],"ix":2,"l":2},"a":{"a":0,"k":[166,228,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.8,4.48],[5.006,4.583],[15.358,4.667],[32.753,-11.031],[7.058,-3.345],[14.463,-7.593],[9.843,-30.632],[-3.6,-17.88],[-13.84,-21.84],[-4.729,1.757],[0.735,0.657],[4.269,4.571],[-0.015,0.001],[0.157,0.146],[0.092,0.099],[0.023,0.013],[-0.222,19.988],[-29.416,8.824],[-22.514,-2.603],[-10.521,11.54]],"o":[[-1.2,-6.72],[-5.006,-4.582],[-15.359,-4.667],[-6.274,2.113],[-7.552,2.884],[-19.2,10.08],[-9.843,30.632],[2.4,11.92],[26.651,-11.121],[10.826,-2.681],[-0.752,-0.671],[0.015,-0.001],[-0.158,-0.145],[-0.09,-0.097],[-0.023,-0.012],[-14.166,-13.34],[0.226,-20.365],[31.452,2.036],[22.515,2.602],[1.853,-4.929]],"v":[[120.796,-44.347],[86.633,-68.673],[46.413,-98.286],[-8.911,-91.328],[-28.922,-83.12],[-63.764,-68.047],[-111.753,-16.573],[-113.084,52.313],[-88.724,102.953],[-41.664,83.64],[-26.518,78.632],[-34.072,70.744],[-34.028,70.741],[-34.487,70.3],[-34.749,70.019],[-34.816,69.983],[-55.75,19.999],[-11.287,-23.785],[69.662,-16.827],[119.216,-30.234]],"c":true},"ix":2},"nm":"Caminho 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.081999999402,0,0.411999990426,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.24,"ix":5},"lc":3,"lj":3,"bm":0,"nm":"Traçado 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,0,0.411999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Preenchimento 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[166.004,271.087],"to":[3.5,-3],"ti":[-0.667,8.833]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[187.004,253.087],"to":[0.667,-8.833],"ti":[0.333,14.5]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":32,"s":[170.004,218.087],"to":[-0.333,-14.5],"ti":[0.333,13.333]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[185.004,166.087],"to":[-0.333,-13.333],"ti":[3.667,8.667]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":45,"s":[168.004,138.087],"to":[-3.667,-8.667],"ti":[0.833,4]},{"t":51,"s":[163.004,114.087]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[75,75]},{"t":19,"s":[100,100]}],"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":"Transformar"}],"nm":"cabeça","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-52.221,54.761],[-1.244,-8.938],[5.6,-9.673],[19.685,-5.091],[21.156,18.216]],"o":[[8.647,14.484],[1.867,13.407],[-5.6,9.674],[-13.124,3.394],[0,0]],"v":[[30.814,-53.884],[45.65,-18.75],[40.051,22.487],[3.904,50.49],[-47.518,28.257]],"c":true},"ix":2},"nm":"Caminho 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.081999999402,0,0.411999990426,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.24,"ix":5},"lc":3,"lj":3,"bm":0,"nm":"Traçado 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,0,0.411999990426,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Preenchimento 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[200,345.604],"to":[4.5,0],"ti":[-6.5,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[227,345.604],"to":[6.5,0],"ti":[-4.791,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[239,345.604],"to":[4.791,0],"ti":[-2.791,1.667]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[255.746,345.604],"to":[2.791,-1.667],"ti":[0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":28,"s":[255.746,335.603],"to":[0,0],"ti":[0,-1.667]},{"t":35,"s":[255.746,345.603]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"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":"Transformar"}],"nm":"corpo","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":200,"st":0,"bm":0}],"markers":[]}

css/main.css

@@ -51,10 +51,10 @@ main, main div#main-wrapper {
     font-family: 'Xilosa';
 }
 
-img#main-logo {
+#cobracaju {
     max-width: 200px;
     z-index: 10;
-    margin-bottom: 30px;
+    margin-bottom: 10px;
 }
 
 h1#main-title {
@@ -178,10 +178,6 @@ h1#main-title span {
     .decorations img {
         max-width: 200px;
     }
-    img#main-logo {
-        max-width: 150px;
-        margin-bottom: 10px
-    }
     h1#main-title {
         font-size: 4rem;
     }

index.html

@@ -78,7 +78,7 @@
         </div>
 
         <div id="main-wrapper">
-            <img src="img/logo_transparente.png" id="main-logo" alt="Logo Python Nordeste 2022 (cobra python enrolada num caju)">
+            <div style="width: 200px" id="cobracaju"></div>
 
             <div class="main-description text-center">
                 <h1 id="main-title" class="main-font-family">PyNE <span class="year">2022</span></h1>
@@ -92,6 +92,18 @@ <h2>Nos vemos logo logo!</h2>
                 </div>
             </div>
         </div>
+
+        <script src="lottie_light.min.js"></script>
+        <script>
+            bodymovin.loadAnimation({
+                container: document.getElementById('cobracaju'),
+                path: 'cobracaju.json',
+                renderer: 'svg',
+                loop: false,
+                autoplay: true,
+                name: "Cobra Caju",
+            })
+        </script>
     </main>
 </body>
 </html>