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

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: "Ignė Kanopaitė", img: "1/1c/T--Vilnius-Lithuania--team-small-Ignė", bigImg: "f/ff/T--Vilnius-Lithuania--team-big-placeholder.png", role: "Wet Lab",                        about: "Northern pike. Sodales ut eu sem integer vitae.", },
 
 
             { 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:
 
         ];
 
         ];
  
−
        let bubbleList = document.getElementById("bubbleList");
 
 
         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.

are.
Get to know the
team members
Meet our Instructors
Instructors
Denis Baronas
Adélie penguin. Laboris nisi ut aliquip ex ea commodo consequat.
Povilas Šėporaitis
Giant squid. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Rūta Matulevičiūtė
Sea bass. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Valentas Brasas
Pond turtle. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Attributions
of the team