Difference between revisions of "Team:Vilnius-Lithuania/Collaborations"

m
m
Line 7: Line 7:
 
     document.querySelector(".introContainer > span").style.backgroundImage = "url('https://static.igem.org/mediawiki/2019/d/da/T--Vilnius-Lithuania--cover19.jpg')";
 
     document.querySelector(".introContainer > span").style.backgroundImage = "url('https://static.igem.org/mediawiki/2019/d/da/T--Vilnius-Lithuania--cover19.jpg')";
 
</script>
 
</script>
 +
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/Splide&action=raw&ctype=text/css" />
 
</head>
 
</head>
 
<body>
 
<body>
Line 15: Line 16:
 
                 <div class="h2 larger">Collaborations</div>
 
                 <div class="h2 larger">Collaborations</div>
 
                 <div class="h3">Paper airplane</div>
 
                 <div class="h3">Paper airplane</div>
 +
                <div class="splide">
 +
                    <div class="splide__track">
 +
                        <ul class="splide__list">
 +
                            <li class="splide__slide"><img src="https://cdn.pixabay.com/photo/2016/08/20/11/34/paper-plane-1607340_1280.jpg"></li>
 +
                            <li class="splide__slide"><img src="https://s31450.pcdn.co/wp-content/uploads/2016/02/iStock_000042222888_Medium_160304.jpg"></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 
                 <p class="content-paragraph">
 
                 <p class="content-paragraph">
 
                     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.
 
                     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.
 
                 </p>
 
                 </p>
 
                 <div class="h3">Postcards</div>
 
                 <div class="h3">Postcards</div>
 +
                <div class="splide">
 +
                    <div class="splide__track">
 +
                        <ul class="splide__list">
 +
                            <li class="splide__slide"><img src="https://cdn.pixabay.com/photo/2016/05/13/17/16/letters-1390463_1280.jpg"></li>
 +
                            <li class="splide__slide"><img src="https://sites.tufts.edu/insight/wp-content/blogs.dir/2889/files/2015/12/Cathedral-High-School-Boston-Mentoring.png"></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 
                 <p class="content-paragraph">
 
                 <p class="content-paragraph">
 
                     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.
 
                     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.
 
                 </p>
 
                 </p>
−
                 <div class="h3">Roblox in Taiwan</div>
+
                 <div class="h3">Roblox in Taipei</div>
 +
                <div class="splide">
 +
                    <div class="splide__track">
 +
                        <ul class="splide__list">
 +
                            <li class="splide__slide"><img src="https://i.ytimg.com/vi/NIY6AG3pAgU/maxresdefault.jpg"></li>
 +
                            <li class="splide__slide"><img src="https://4.bp.blogspot.com/-1kYAohpsDYY/URwD2kiiFhI/AAAAAAAACSo/wEWQu1b51nM/s1600/RobloxScreenShot02122013_201948511.jpg"></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 
                 <p class="content-paragraph">
 
                 <p class="content-paragraph">
 
                     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.
 
                     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.
Line 39: Line 64:
 
     <script>
 
     <script>
 
         document.getElementById("fixedOverlay").classList.add("team");
 
         document.getElementById("fixedOverlay").classList.add("team");
 +
    </script>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/Splide&action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
        // new Splide( '.splide' ).mount();
 +
        document.addEventListener('DOMContentLoaded', function() {
 +
            let splides = document.querySelectorAll('.splide');
 +
            splides.forEach((splide) => {
 +
                new Splide(splide, {
 +
                    type: 'loop',
 +
                    'cover': true,
 +
                    'heightRatio': 0.6,
 +
                    width: '85%',
 +
                }).mount();
 +
            })
 +
        });
 
     </script>
 
     </script>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Vilnius-Lithuania/footer}}
 
{{Vilnius-Lithuania/footer}}

Revision as of 10:23, 24 October 2020

Collaborations
Paper airplane

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.

Postcards

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.

Roblox in Taipei

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.

Oslo in 3D

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.Vitae elementum curabitur vitae nunc sed velit. Et malesuada fames ac turpis egestas maecenas pharetra convallis.

References

1. Hao, Z., AghaKouchak, A., Nakhjiri, N. & Farahmand, A. Global Integrated Drought Monitoring and Prediction System (GIDMaPS) data sets. figshare http://dx.doi.org/10.6084/m9.figshare.853801 (2014).