Difference between revisions of "Template:XJTU-China/header"
| Line 2: | Line 2: | ||
<section class="d-flex flex-column"> | <section class="d-flex flex-column"> | ||
<header class="header_area" id="topHeader"> | <header class="header_area" id="topHeader"> | ||
| − | + | <a class="navbar-brand" href="index.html"> | |
| + | <span class="logoMoving"></span> | ||
| + | </a> | ||
<nav class="navbar navbar-expand-lg navbar-light"> | <nav class="navbar navbar-expand-lg navbar-light"> | ||
<div class="container"> | <div class="container"> | ||
| Line 84: | Line 86: | ||
// logo.classList.toggle('sticky', window.scrollY > height); | // logo.classList.toggle('sticky', window.scrollY > height); | ||
}) | }) | ||
| + | </script> | ||
| + | <!--moving logo--> | ||
| + | <script> | ||
| + | var logoMoving = $('.logoMoving'); | ||
| + | var animData = { | ||
| + | container: logoMoving[0], // 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> | ||