|
|
| (6 intermediate revisions by 2 users 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/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/Collaborations&action=raw&ctype=text/css" />
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="introContainer">
| |
| − | <div class="heading">Collaborations</div>
| |
| − | <div class="heading other">Collaborations</div>
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
| |
| − | </div>
| |
| − | <div class="milkWave"></div>
| |
| − | <main>
| |
| − | <div class="collabInfo">
| |
| − | <div class="name" id="collabName">Collab pavadinimas</div>
| |
| − | <div class="text" id="collabText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis at consectetur lorem donec massa sapien. Sem nulla pharetra diam sit amet nisl. Varius duis at consectetur lorem donec massa. Pretium lectus quam id leo. Dictum at tempor commodo ullamcorper a lacus vestibulum. Sed odio morbi quis commodo odio aenean sed adipiscing diam. Porta non pulvinar neque laoreet suspendisse interdum consectetur. Quam vulputate dignissim suspendisse in est. Libero volutpat sed cras ornare arcu dui vivamus arcu.</div>
| |
| − | <div class="controls">
| |
| − | <div>
| |
| − | <div class="previous" id="collabPrev"></div>
| |
| − | <div class="select" id="collabList"></div>
| |
| − | <div class="next" id="collabNext"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="collabPhotos" id="collabPhotos">
| |
| − | <span></span>
| |
| − | <span></span>
| |
| − | </div>
| |
| − | </main>
| |
| − | <script>
| |
| − | document.getElementById("fixedOverlay").classList.add("team");
| |
| − | </script>
| |
| − | <script>
| |
| − | const collabs = [
| |
| − | {name: "Norgė", photo1: "https://www.lifeinnorway.net/wp-content/uploads/2020/06/norway-travel-regulations-summer.jpg", photo2: "https://assets.kpmg/content/dam/kpmg/xx/images/2019/07/river-flowing-across-mountains-and-green-island.jpg/jcr:content/renditions/cq5dam.web.512.341.jpg", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In egestas erat imperdiet sed euismod nisi porta lorem. Etiam erat velit scelerisque in dictum non. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Sagittis id consectetur purus ut faucibus pulvinar. Enim sit amet venenatis urna cursus eget nunc."},
| |
| − | {name: "Diskusija", photo1: "https://img.freepik.com/free-vector/business-team-discussing-ideas-startup_74855-4380.jpg?size=626&ext=jpg", photo2: "https://s31450.pcdn.co/wp-content/uploads/2016/02/iStock_000042222888_Medium_160304.jpg", text: "Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer. Porttitor lacus luctus accumsan tortor posuere ac ut. Id leo in vitae turpis. Gravida neque convallis a cras semper auctor neque vitae tempus. Rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Vitae elementum curabitur vitae nunc sed velit. Et malesuada fames ac turpis egestas maecenas pharetra convallis."},
| |
| − | {name: "Highschool Mentorystė", photo1: "https://www.usnews.com/dims4/USNEWS/7cfe0a6/2147483647/thumbnail/640x420/quality/85/?url=http%3A%2F%2Fmedia.beam.usnews.com%2F9f%2F4a%2F78c1df634861b133094f7c3a62ec%2F160418-mentor-stock.jpg", photo2: "https://sites.tufts.edu/insight/wp-content/blogs.dir/2889/files/2015/12/Cathedral-High-School-Boston-Mentoring.png", text: "Sem nulla pharetra diam sit amet nisl. Ultricies integer quis auctor elit sed. Quis varius quam quisque id diam vel quam elementum. Suspendisse interdum consectetur libero id faucibus nisl. Lacinia at quis risus sed vulputate odio ut enim. Pulvinar mattis nunc sed blandit. Nisl purus in mollis nunc."},
| |
| − | {name: "Mūsų Mielas ir Brangusis Robloxas", photo1: "https://i.ytimg.com/vi/NIY6AG3pAgU/maxresdefault.jpg", photo2: "https://4.bp.blogspot.com/-1kYAohpsDYY/URwD2kiiFhI/AAAAAAAACSo/wEWQu1b51nM/s1600/RobloxScreenShot02122013_201948511.jpg", text: "Sagittis purus sit amet volutpat consequat mauris nunc congue. Pretium quam vulputate dignissim suspendisse in. Egestas maecenas pharetra convallis posuere morbi. Blandit libero volutpat sed cras ornare. Id venenatis a condimentum vitae sapien. Mattis ullamcorper velit sed ullamcorper morbi. Phasellus faucibus scelerisque eleifend donec pretium. Viverra ipsum nunc aliquet bibendum."},
| |
| − | ];
| |
| − |
| |
| − | // const collabList = document.getElementById("collabList");
| |
| − | // const collabName = document.getElementById("collabName");
| |
| − | // const collabText = document.getElementById("collabText");
| |
| − | // const collabPhotos = document.getElementById("collabPhotos");
| |
| − |
| |
| − | // const collabPrev = document.getElementById("collabPrev");
| |
| − | // const collabNext = document.getElementById("collabNext");
| |
| − |
| |
| − | function setCurrentCollab(index) {
| |
| − | if (index >= collabs.length) index = 0;
| |
| − | if (index < 0) index = collabs.length-1;
| |
| − | let collab = collabs[index];
| |
| − | for (let child of collabList.children){
| |
| − | child.classList.remove("active");
| |
| − | }
| |
| − | collabList.children[index].classList.add("active");
| |
| − |
| |
| − | currentCollab = index;
| |
| − |
| |
| − | collabName.innerText = collab.name;
| |
| − | collabText.innerText = collab.text;
| |
| − | collabPhotos.firstElementChild.style = "background-image: url(" + collab.photo1 + ");";
| |
| − | collabPhotos.lastElementChild.style = "background-image: url(" + collab.photo2 + ");";
| |
| − | }
| |
| − |
| |
| − | let currentCollab = 0;
| |
| − | for (let i = 0; i < collabs.length; i++) {
| |
| − | let collab = collabs[i];
| |
| − | let span = document.createElement("span");
| |
| − | if (i === currentCollab){ span.classList.add("active"); }
| |
| − | span.onclick = () => {
| |
| − | setCurrentCollab(i);
| |
| − | };
| |
| − | collabList.appendChild(span);
| |
| − | }
| |
| − | setCurrentCollab(currentCollab);
| |
| − |
| |
| − | collabPrev.onclick = () => { setCurrentCollab(currentCollab-1); };
| |
| − | collabNext.onclick = () => { setCurrentCollab(currentCollab+1); };
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
| − | {{Vilnius-Lithuania/footer}}
| |
