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

m
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
 
     <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/ContentPage&action=raw&ctype=text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/ContentPage&action=raw&ctype=text/css" />
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/SmoothScroll&action=raw&ctype=text/javascript"></script>
 +
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/fonts.css&action=raw&ctype=text/css" />
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="introContainer">
+
    <div class="introContainer">
−
    <span></span>
+
        <span><div id="image-overlay"></div></span>
−
    <div class="heading"></div>
+
<div class="heading elevate-navbar"></div>
−
    <div class="heading other"></div>
+
<div class="heading other"></div>
−
</div>
+
        <script>
 +
            var scroll = new SmoothScroll('a[href*="#"]', {
 +
                speed: 400,
 +
                speedAsDuration: true,
 +
                offset: 160
 +
            });
 +
        </script>
 +
    </div>
 +
<div class="milkWave milkWaveContentPage" id="animWaveContentPage">
 +
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
    </div>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/WaveScript&action=raw&ctype=text/javascript"></script>
 +
<script>
 +
var setWaveParamsContentPage = () => {
 +
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,
 +
};
 +
}
 +
makeWave(document.getElementById("animWaveContentPage"), setWaveParamsContentPage);
 +
</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>
 
</body>
 
</body>

Latest revision as of 13:01, 24 October 2020