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

(Prototype team page)
 
m
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Vilnius-Lithuania/Loader}}
−
{{Vilnius-Lithuania}}
+
{{Vilnius-Lithuania/menuOverlay}}
 +
 
 
<html>
 
<html>
  
−
<div class="column two_thirds_size" >
+
<head>
 +
        <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <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/Team&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/Animations&action=raw&ctype=text/css" />
 +
        <style>
 +
            #footerWrapper {
 +
                margin-top: -2px;
 +
                position: relative;
 +
            }
 +
        </style>
 +
</head>
  
−
<h1>Team</h1>
+
<body>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <div class="introContainer">
 +
<span id="introImage" style="background-image: unset">
 +
<video muted autoplay playsinline loop preload>
 +
<source src="https://static.igem.org/mediawiki/2020/0/03/T--Vilnius-Lithuania--Team.mp4" type="video/mp4">
 +
</video>
 +
</span>
 +
        <div class="heading"><div>Who we</div><br> are.</div>
 +
        <div class="heading other"><div class="invisible">Who we</div><br> are.</div>
  
 +
        <button id="introVideoPlay" class="introVideoPlay"></button>
 +
        <div class="memberDiv elevate-navbar" id="memberDiv">
 +
            <div class="memberName" id="memberName"></div>
 +
            <div class="memberRole" id="memberRole"></div>
 +
            <div class="memberStudy" id="memberStudy"></div>
 +
            <div class="memberQuestion" id="memberQuestion"></div>
 +
            <div class="memberFunFact" id="memberFunFact"></div>
 +
        </div>
 +
        <div id="bubbleList" class="bubbleList"></div>
 +
        <div class="suggestClick"><span>Get to know the<br>team members</span></div>
 +
       
 +
    </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>
 +
        <div class="heading2">Meet our Instructors</div>
 +
        <div class="heading2 other">Instructors</div>
 +
        <div class="instructorList">
 +
            <div class="instructor">
 +
                <img src="https://static.igem.org/mediawiki/2020/f/f4/T--Vilnius-Lithuania--team-small-Denis.png">
 +
                <!-- <div class="filter"></div> -->
 +
                <div class="instructorName"><span style="display:flex;align-items:center;">Denis Baronas<a rel="noreferrer noopener" target="_blank" href="https://www.linkedin.com/in/denis-baronas-a54431201/" style="outline: none;"></a></span></div>
 +
                <div class="instructorAbout"><b>Adélie penguin.</b> Just like this bird, Denis might look harmless and adorable, but do not get fooled, he is feisty and will fight for what is important and defend his opinion.</div>
 +
            </div>
 +
            <div class="instructor">
 +
                <img src="https://static.igem.org/mediawiki/2020/9/92/T--Vilnius-Lithuania--team-small-Povilas.png">
 +
                <!-- <div class="filter"></div> -->
 +
                <div class="instructorName"><span>Povilas Šėporaitis</span></div>
 +
                <div class="instructorAbout"><b>Bigfin squid.</b> Very rare and unique, just like the Bigfin squid, Povilas is extremely wise, has perfect British accent, and his intelligence surprises even professors.</div>
 +
            </div>
 +
            <a href="./Attributions" class="arrowMore">
 +
                <span>Attributions<br>of the team</span>
 +
            </a>
 +
        </div>
 +
    </main><script>
 +
document.getElementById("fixedOverlay").classList.add("team");
 +
</script>
 +
<script defer type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/Team&action=raw&ctype=text/javascript"></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>
 +
    <script>
 +
        var setWaveParams = () => {
 +
            let container = document.getElementById("animWave");
 +
            return {
 +
                width: container.offsetWidth,
 +
                height: container.offsetHeight,
 +
                waveWidth: container.offsetWidth,
 +
                waveHeight: window.innerHeight * 0.99,
 +
                waveDelta: 15,
 +
                speed: 0.15,
 +
                wavePoints: 5,
 +
            };
 +
        }
 +
        makeWave(document.getElementById("animWave"), setWaveParams);
 +
    </script>
  
−
<h3>What should this page contain?</h3>
+
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ScrollFadeIn&action=raw&ctype=text/javascript"></script>
−
<ul>
+
<script>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
scrollFadeIn([
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
document.querySelector(".heading2"),
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
document.querySelector(".heading2.other"),
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
Array.from(document.querySelector(".instructorList").children),
−
</ul>
+
]);
 +
</script>
  
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p> 
+
</body>
−
</div>
+
  
−
 
−
 
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>
 +
 +
{{Vilnius-Lithuania/footer}}

Latest revision as of 08:57, 18 December 2020

Loading...

Who we

are.

are.
Get to know the
team members
Meet our Instructors
Instructors
Denis Baronas
Adélie penguin. Just like this bird, Denis might look harmless and adorable, but do not get fooled, he is feisty and will fight for what is important and defend his opinion.
Povilas Šėporaitis
Bigfin squid. Very rare and unique, just like the Bigfin squid, Povilas is extremely wise, has perfect British accent, and his intelligence surprises even professors.
Attributions
of the team