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

m
 
(16 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">
−
    <div id="svg-wrapper">
+
        <span><div id="image-overlay"></div></span>
−
            <svg version="1.1" id="wave" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+
<div class="heading elevate-navbar"></div>
−
viewBox="0 0 2013.3 1584.4" xml:space="preserve">
+
<div class="heading other"></div>
−
<path id="underWave" style="fill:#FAFAFC;" d="M1894.7,1252.7c7.4-59.6,18.1-119.2-0.5-157.1c-49-100.1-279.4-144.6-352.1-171.8
+
        <script>
−
s-91-98.3-74-192.5c16.9-94.2,108.1-171.8-47-275.6S1035,408.9,903.6,353c-87.4-37.2-102.5-146.5-102.8-215.4
+
            var scroll = new SmoothScroll('a[href*="#"]', {
−
c-0.2-52.8-29.1-101.8-75.7-126.6C686.4-9.8,646.3-8,637.6,78.4c-17.7,176.4,119,176.5,191.7,274.6S988.3,454.1,1123,455.7
+
                speed: 400,
−
s189.5-12.3,261.6,19.7c72,31.9,79.5,193,45.5,285s-51.8,114.6-25.7,188.1s134.5,107.7,182.9,119c41.8,9.8,97.9-8.1,99.3,31.6
+
                speedAsDuration: true,
−
c0.4,12,1,15.9-2.6,33.5c-4.6,22.3-35.2,77.1-58.4,108.1"/>
+
                offset: 160
−
<path id="overWave" style="fill:#FAFAFC;" d="M1625.6,1240.7c-24,32.1-48.8,47.8-105.4,73.7c-23.3,10.6-86.4,36.4-93.2,39.5
+
            });
−
c-57,26-117.4,39.1-200.9,57.1c-212.1,45.7-427.9-30.5-579.6,37.1s-327.7,152.1-454.6,121.6s-152.2-41.2-184.8-28.6
+
        </script>
−
c-2.5,1-4.7,5.7-6.5,13.5c-3.4,15,7.9,29.4,23.3,29.4c114.9,0.3,53.3,0.3,125.7,0.3h1752c38.4,0,66.4-13,85-16.9
+
−
c1.9-0.4,3.7-1,5.4-1.8c1-0.5,2-1,3.1-1.4c0.8-0.3,1.6-0.6,2.4-0.9c1.8-0.8,3.6-1.8,5.2-3c0,0,0,0,0,0c2.6-2,4.9-4.5,6.5-7.4
+
−
c1.4-2.5,2.5-5.2,3.3-8.1c0.6-2.3,0.9-4.7,0.9-7l0-1.1c-1.1-42.7-18.2-83.5-48-114.1c-20.9-21.4-44.1-50.4-58.8-85
+
−
c-11.4-26.8-15.3-56.1-11.7-84.9"/>
+
−
          </svg>
+
 
     </div>
 
     </div>
−
    <span></span>
+
<div class="milkWave milkWaveContentPage" id="animWaveContentPage">
−
    <div class="heading"></div>
+
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
     <div class="heading other"></div>
+
<path class="animWavePath" d="" fill="#fafafc" />
−
</div>
+
</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