m |
m |
||
Line 31: | Line 31: | ||
</div> | </div> | ||
<div id="bubbleList" class="bubbleList"></div> | <div id="bubbleList" class="bubbleList"></div> | ||
+ | <div class="suggestClick"><span>Get to know the<br>team members</span></div> | ||
</div> | </div> | ||
Line 70: | Line 71: | ||
<script> | <script> | ||
document.getElementById("fixedOverlay").classList.add("team"); | document.getElementById("fixedOverlay").classList.add("team"); | ||
− | + | </script> | |
+ | <script> | ||
+ | // let bubbleList = document.getElementById("bubbleList"); | ||
// let memberName = document.getElementById("memberName"); | // let memberName = document.getElementById("memberName"); | ||
// let memberRole = document.getElementById("memberRole"); | // let memberRole = document.getElementById("memberRole"); | ||
// let memberFunFact = document.getElementById("memberFunFact"); | // let memberFunFact = document.getElementById("memberFunFact"); | ||
+ | let suggestClick = document.querySelector(".suggestClick"); | ||
+ | |||
function showPersonInfo(personData){ | function showPersonInfo(personData){ | ||
+ | suggestClick.classList.add("hidden"); | ||
introImage.classList.add("novideo"); | introImage.classList.add("novideo"); | ||
introVideoPlay.classList.add("novideo"); | introVideoPlay.classList.add("novideo"); | ||
Line 104: | Line 110: | ||
{ name: "Emilis Gaidauskas", img: "a/a0/T--Vilnius-Lithuania--team-small-Emilis", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Wet Lab", about: "Goldfish. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus.", }, | { name: "Emilis Gaidauskas", img: "a/a0/T--Vilnius-Lithuania--team-small-Emilis", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Wet Lab", about: "Goldfish. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus.", }, | ||
{ name: "Ieva Lingytė", img: "2/23/T--Vilnius-Lithuania--team-small-Ieva", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Wet Lab", about: "Axolotl. Non nisi est sit amet facilisis magna etiam.", }, | { name: "Ieva Lingytė", img: "2/23/T--Vilnius-Lithuania--team-small-Ieva", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Wet Lab", about: "Axolotl. Non nisi est sit amet facilisis magna etiam.", }, | ||
− | |||
{ name: "Barbora Vasiliauskaitė", img: "f/f3/T--Vilnius-Lithuania--team-small-Monika", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Human Practices", about: "Sea otter. In egestas erat imperdiet sed euismod.", }, // TODO: change img | { name: "Barbora Vasiliauskaitė", img: "f/f3/T--Vilnius-Lithuania--team-small-Monika", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Human Practices", about: "Sea otter. In egestas erat imperdiet sed euismod.", }, // TODO: change img | ||
{ name: "Kamilė Liucija Vainiūtė", img: "a/a0/T--Vilnius-Lithuania--team-small-Kamilė", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "IT", about: "Black stingray. Cum sociis natoque penatibus et magnis dis parturient montes nascetur.", }, | { name: "Kamilė Liucija Vainiūtė", img: "a/a0/T--Vilnius-Lithuania--team-small-Kamilė", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "IT", about: "Black stingray. Cum sociis natoque penatibus et magnis dis parturient montes nascetur.", }, | ||
Line 111: | Line 116: | ||
]; | ]; | ||
− | |||
team.forEach((item) => addPersonBubble(bubbleList, item)); | team.forEach((item) => addPersonBubble(bubbleList, item)); | ||
Line 126: | Line 130: | ||
introVideoPlay.classList.remove("novideo"); | introVideoPlay.classList.remove("novideo"); | ||
} | } | ||
+ | |||
+ | function repositionSuggestion() { | ||
+ | let bb = bubbleList.firstElementChild.getBoundingClientRect().left; | ||
+ | if (bb < 10) bb = 10; | ||
+ | suggestClick.style.marginLeft = (bb + 20) + "px"; | ||
+ | } | ||
+ | window.addEventListener("resize", repositionSuggestion, {passive: 1}); | ||
+ | repositionSuggestion(); | ||
</script> | </script> | ||
Revision as of 17:07, 28 August 2020
Who we
are.
Who we
are.
Get to know the
team members
team members
Meet our Instructors
Instructors
![](https://static.igem.org/mediawiki/2019/0/09/T--Vilnius-Lithuania--Denis.jpg)
Denis Baronas
Adélie penguin. Laboris nisi ut aliquip ex ea commodo consequat.
![](https://static.igem.org/mediawiki/2019/e/e2/T--Vilnius-Lithuania--Povilas.jpg)
Povilas Šėporaitis
Giant squid. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
![](https://static.igem.org/mediawiki/2019/e/ef/T--Vilnius-Lithuania--Ruta.jpg)
Rūta Matulevičiūtė
Sea bass. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![](https://static.igem.org/mediawiki/2019/0/01/T--Vilnius-Lithuania--Vale.jpg)
Valentas Brasas
Pond turtle. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
of the team