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">
−
             <span class="lottie logoMoving"></span>
+
             <!-- <span class="lottie logoMoving"></span> -->
 
         <nav class="navbar navbar-expand-lg navbar-light">
 
         <nav class="navbar navbar-expand-lg navbar-light">
 
             <div class="container">
 
             <div class="container">
Line 74: Line 74:
 
     </header>
 
     </header>
 
</section>
 
</section>
−
 
−
<script type="text/javascript"
 
−
    src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript"
 
−
    src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
 
 
<!--smoothNav-->
 
<!--smoothNav-->
 
<script>
 
<script>
Line 89: Line 84:
 
         logo.classList.toggle('sticky', window.scrollY > height);
 
         logo.classList.toggle('sticky', window.scrollY > height);
 
     })
 
     })
−
</script>
 
−
<!--logoMoving-->
 
−
<script>
 
−
    var logo = $(".logoMoving");
 
−
    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>

Revision as of 15:02, 8 July 2021