Difference between revisions of "Template:Vilnius-Lithuania/ContentPage"

m
m
Line 9: Line 9:
 
     <div class="introContainer">
 
     <div class="introContainer">
 
         <span style="background-image: url(https://i.imgur.com/YzVZfz4.jpg);"><div id="image-overlay"></div></span>
 
         <span style="background-image: url(https://i.imgur.com/YzVZfz4.jpg);"><div id="image-overlay"></div></span>
−
        <div class="heading elevate-navbar"></div>
+
<div class="heading elevate-navbar">...</div>
−
        <div class="heading other"></div>
+
<div class="heading other">...</div>
 
         <script>
 
         <script>
 
             var scroll = new SmoothScroll('a[href*="#"]', {
 
             var scroll = new SmoothScroll('a[href*="#"]', {
Line 19: Line 19:
 
         </script>
 
         </script>
 
     </div>
 
     </div>
 +
<div class="milkWave milkWaveContentPage" id="animWave">
 +
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
    </div>
 +
<script>
 +
var setWaveParams = () => {
 +
let container = document.querySelector(".introContainer");
 +
return {
 +
width: container.offsetWidth,
 +
height: container.offsetHeight,
 +
waveWidth: container.offsetWidth,
 +
waveHeight: container.offsetHeight * 0.9,
 +
waveDelta: 20,
 +
speed: 0.15,
 +
wavePoints: 5,
 +
};
 +
}
 +
</script>
 
     <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPage&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPage&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPageIndex&action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPageIndex&action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/WaveScript&action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>

Revision as of 16:58, 19 October 2020
...
...