Difference between revisions of "Template:XJTU-China/header"
| Line 3: | Line 3: | ||
<header class="header_area" id="topHeader"> | <header class="header_area" id="topHeader"> | ||
<a class="navbar-brand" href="/Team:XJTU-China"> | <a class="navbar-brand" href="/Team:XJTU-China"> | ||
| − | < | + | <div class="lottie logo"></div> |
</a> | </a> | ||
<nav class="navbar navbar-expand-lg navbar-light"> | <nav class="navbar navbar-expand-lg navbar-light"> | ||
| Line 84: | Line 84: | ||
logo.classList.toggle('sticky', window.scrollY > height); | logo.classList.toggle('sticky', window.scrollY > height); | ||
}) | }) | ||
| + | </script> | ||
| + | <!--logoMoving--> | ||
| + | <script> | ||
| + | var logo=$(".lottie.logo"); | ||
| + | var animData = { | ||
| + | container: logo, // the dom element that will contain the animation | ||
| + | renderer: 'svg', | ||
| + | loop: true, | ||
| + | autoplay: true, | ||
| + | path: 'https://static.igem.org/mediawiki/2021/c/c5/T--XJTU-China--logoMoving.txt' // the path to the animation json | ||
| + | } | ||
| + | var animation=lottie.loadAnimation(animData); | ||
</script> | </script> | ||
</html> | </html> | ||