|
|
| (One intermediate revision by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{Vilnius-Lithuania/TopBar}}
| |
| − | {{Vilnius-Lithuania/menuOverlay}}
| |
| | | | |
| − | <html>
| |
| − | <head>
| |
| − | <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/fonts.css&action=raw&ctype=text/css" />
| |
| − | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/Attributions&action=raw&ctype=text/css" />
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="introContainer">
| |
| − | <span class="bubblePhoto" id="bubbleAnim1"></span>
| |
| − | <span class="bubblePhoto" id="bubbleAnim2"></span>
| |
| − | <span class="bubbleHeading">
| |
| − | <div>Attributions</div>
| |
| − | <div class="other">Attributions</div>
| |
| − | </span>
| |
| − | </div>
| |
| − | <div class="milkWave" 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: 15,
| |
| − | speed: 0.15,
| |
| − | wavePoints: 5,
| |
| − | };
| |
| − | }
| |
| − | </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>
| |
| − | <main id="section-text" class="elevate-navbar">
| |
| − | <div class="contentBlock">
| |
| − | <div class="content">
| |
| − | <div class="h2 larger">Ubi concordia, ibi victoria</div>
| |
| − | <div class="h3">The Very Best</div>
| |
| − | <p class="content-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis ante odio. Sed eleifend, eros at bibendum ullamcorper, nisl nisl mattis ligula, ut euismod lorem elit sit amet ipsum. Suspendisse scelerisque, odio vitae malesuada mattis, sem augue mattis velit, sit amet ornare lacus velit nec nibh. Curabitur sed lectus sapien. Suspendisse finibus urna volutpat mi consequat lacinia. In ut felis quis purus tempus gravida. Vestibulum eget gravida risus. Vivamus porta dui et nulla fringilla, nec fermentum felis placerat. Pellentesque dictum risus quis aliquam lacinia. Duis mauris arcu, rhoncus eu felis a, laoreet volutpat ipsum. Ut sed aliquam libero. Sed placerat sem nec hendrerit pellentesque.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="table">
| |
| − | <table>
| |
| − | <thead><tr><th colspan="3"></th><th>Ieva</th><th>Edvinas</th><th>Egle</th><th>Aukse</th><th>Emilija</th><th>Emilis</th><th>Austeja</th><th>Denis</th><th>Kamile</th><th>Povilas</th><th>Paulius</th><th>Barbora</th><th>Liepa</th><th>Monika</th></tr></thead>
| |
| − | <tbody></tbody>
| |
| − | </table>
| |
| − | </div>
| |
| − | </main>
| |
| − | <script>
| |
| − | document.getElementById("fixedOverlay").classList.add("team");
| |
| − | </script>
| |
| − | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/Attributions&action=raw&ctype=text/javascript"></script>
| |
| − | <script>
| |
| − | let bubbleOne = document.getElementById("bubbleAnim1");
| |
| − | let bubbleTwo = document.getElementById("bubbleAnim2");
| |
| − | let bubbleHeading = document.querySelector(".bubbleHeading");
| |
| − | // Title bubble animation
| |
| − | function animate() {
| |
| − | let scrollTop = document.body.scrollTop == 0 ? document.documentElement.scrollTop : document.body.scrollTop;
| |
| − | let scroll = scrollTop / window.innerHeight;
| |
| − | if (scroll > 0.75) scroll = 0.75;
| |
| − |
| |
| − | let isLandscape = (window.innerWidth / window.innerHeight > 1);
| |
| − |
| |
| − | let horizontal = ((0.75-scroll) * bubbleHeading.offsetLeft) + "px";
| |
| − | let vertical = ((0.75-scroll) * bubbleHeading.offsetTop) + "px";
| |
| − |
| |
| − | bubbleOne.style.right = horizontal;
| |
| − | bubbleTwo.style.left = horizontal;
| |
| − | bubbleOne.style.top = vertical;
| |
| − | bubbleTwo.style.bottom = vertical;
| |
| − | }
| |
| − | window.addEventListener("scroll", animate, { passive: 1 });
| |
| − | window.addEventListener("resize", animate, { passive: 1 });
| |
| − | document.addEventListener("load", animate, { passive: 1 });
| |
| − | animate();
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
| − | {{Vilnius-Lithuania/footer}}
| |
