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

m
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Vilnius-Lithuania/TopBar}}
−
{{Vilnius-Lithuania}}
+
{{Vilnius-Lithuania/menuOverlay}}
 +
 
 
<html>
 
<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" />
 +
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/Animations&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" 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>
 +
    <main>
 +
       
 +
    </main>
 +
    <script>
 +
        document.getElementById("fixedOverlay").classList.add("team");
 +
    </script>
  
−
<div class="column full_size">
+
    <script>
−
<h1>Collaborations</h1>
+
        const collabs = [
−
 
+
            {name: "Lėktuvėlis", photo1: "https://cdn.pixabay.com/photo/2016/08/20/11/34/paper-plane-1607340_1280.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."},
−
<p>
+
            {name: "Atvirutės", photo1: "https://cdn.pixabay.com/photo/2016/05/13/17/16/letters-1390463_1280.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."},
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
            {name: "Mūsų Mielas ir Brangusis Robloxas Taivane", 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."},
−
</p>
+
        ]; // TODO: change photos and content
−
 
+
    </script>
−
<h3>Silver Medal Criterion #2</h3>
+
    <script>
−
<p>
+
        let cEl = (tagName, className, children = []) => {
−
Document your collaboration(s) clearly on this page to compete for the silver medal criterion #2 on collaboration.  
+
            let element = document.createElement(tagName);
−
 
+
            element.className = className;
−
<br><br>
+
            children.forEach((child)=>element.appendChild(child));
−
Please see the <a href="https://2020.igem.org/Judging/Medals">2020 Medals Page</a> for more information.  
+
            return element;
−
</p>
+
        };
−
</div>
+
        let main = document.querySelector("main");
−
 
+
        for (let collab of collabs){
−
<div class="column two_thirds_size">
+
            let collabName = cEl("div", "name");
−
 
+
            collabName.innerText = collab.name;
−
<h4> Which teams can we work with? </h4>
+
            let photo1 = cEl("span", "");
−
<p>
+
            photo1.style = "background-image: url(" + collab.photo1 + ");";
−
You can work with any other iGEM 2020 team in the competition. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
            let photo2 = cEl("span", "");
−
</p>
+
            photo2.style = "background-image: url(" + collab.photo2 + ");";
−
 
+
            let collabPhotos = cEl("div", "photos", [photo1, photo2]);
−
 
+
            let collabText = cEl("div", "text")
−
</div>
+
            collabText.innerText = collab.text;
−
 
+
            let collabDiv = cEl("div", "collabSingle", [collabName, collabPhotos, collabText]);
−
 
+
  
−
<div class="column third_size">
+
            main.appendChild(collabDiv);
−
<p>
+
        }
−
Here are some suggestions for projects you could work on with other teams:
+
    </script>
−
</p>
+
   
 +
    <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 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,
 +
            };
 +
        }
 +
        makeWave(document.getElementById("animWave"), setWaveParams);
 +
    </script>
  
−
<ul>
+
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ScrollFadeIn&action=raw&ctype=text/javascript"></script>
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<script>
−
<li> Characterize another team's part </li>
+
scrollFadeIn(Array.from(document.querySelectorAll(".collabSingle")).map((item)=>Array.from(item.children)));
−
<li> Debug a construct </li>
+
    </script>
−
<li> Model or simulate another team's system </li>
+
    <script>
−
<li> Test another team's software</li>
+
        // Title move animation
−
<li> Help build and test another team's hardware project</li>
+
        function animate() {
−
<li> Mentor a high-school team</li>
+
            let scrollTop = document.body.scrollTop == 0 ? document.documentElement.scrollTop : document.body.scrollTop;
−
</ul>
+
            let scroll = scrollTop / window.innerHeight;
−
</div>
+
            if (scroll > 1) scroll = 1;
 +
            let unit = "vw";
 +
            if (window.innerWidth / window.innerHeight > 1) unit = "vh"
  
 +
            document.querySelector(".introContainer .heading").style.transform = "translateX(-" + (60 * scroll) + unit + ")";
 +
            document.querySelector(".introContainer .heading.other").style.transform = "translateX(" + (35 * scroll) + unit + ")";
 +
        }
 +
        window.addEventListener("scroll", animate, {passive: 1});
 +
        window.addEventListener("resize", animate, {passive: 1});
 +
        document.addEventListener("load", animate, {passive: 1});
 +
        animate();
  
 +
    </script>
 +
</body>
 
</html>
 
</html>
 +
{{Vilnius-Lithuania/footer}}

Revision as of 11:08, 21 October 2020

Collaborations
Collaborations