Difference between revisions of "Template:TecCEM/JsTeam"

 
(21 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
$(document).ready(function() {
 
$(document).ready(function() {
 
     $(".teampic#rodrigo")
 
     $(".teampic#rodrigo")
−
         .on("mouseenter", function() {
+
         .on("click", function() {
 
             $(".team .sidebar-index .card-title").text("Rodrigo Valencia")
 
             $(".team .sidebar-index .card-title").text("Rodrigo Valencia")
−
             $(".team .sidebar-index .card-text").text("Lorem")
+
             $(".team .sidebar-index .card-text").html(
−
        })
+
                "<h4>Team Leader</h4><p>Rodrigo Valencia is the team leader. He is 21 years old and studies the seventh semester of Biotechnology Engineering. He likes to read, play video games, and everything that has to do with cosmos. His favorite moment of the day is dinner time, he likes watching series and movies of all genres as well as telling very bad jokes to make everyone laugh.</p>"
−
        .on("mouseleave", function() {
+
            )
−
             $(".team .sidebar-index .card-title").text("Hover on a Team member")
+
             $(".team .sidebar-index .card-img-top").attr(
−
            $(".team .sidebar-index .card-text").text("Lorem")
+
                "src",
 +
                "https://static.igem.org/mediawiki/2018/d/db/T--TecCEM--ro.jpeg"
 +
            )
 
         })
 
         })
 +
       
 
     $(".teampic#karla")
 
     $(".teampic#karla")
−
         .on("mouseenter", function() {
+
         .on("click", function() {
 
             $(".team .sidebar-index .card-title").text("Karla Soto")
 
             $(".team .sidebar-index .card-title").text("Karla Soto")
−
             $(".team .sidebar-index .card-text").text("Lorem")
+
             $(".team .sidebar-index .card-text").html(
−
        })
+
                "<h4>Project Manager</h4><p>Karla Soto is the project manager. Karla Soto is the project manager. She is 21 years old and she studies the seventh semester in Biotechnology Engineering. She likes to read, the theater and everything that has to do with arts. She loves nature and she praises every little thing about it. She is a committed person and she is passionate about helping others.</p>"
−
        .on("mouseleave", function() {
+
            )
−
             $(".team .sidebar-index .card-title").text("Hover on a Team member")
+
             $(".team .sidebar-index .card-img-top").attr(
−
            $(".team .sidebar-index .card-text").text("Lorem")
+
                "src",
 +
                "https://static.igem.org/mediawiki/2018/f/fd/T--TecCEM--karla.JPG"
 +
            )
 
         })
 
         })
 +
       
 
     $(".teampic#joel")
 
     $(".teampic#joel")
−
         .on("mouseenter", function() {
+
         .on("click", function() {
 
             $(".team .sidebar-index .card-title").text("Joel Lara")
 
             $(".team .sidebar-index .card-title").text("Joel Lara")
−
             $(".team .sidebar-index .card-text").text("Lorem")
+
             $(".team .sidebar-index .card-text").html(
−
        })
+
                "<h4>Software Engineer</h4><h5>Obviously working in the wiki :C but with pizza</h5><p>Joel Lara is part of the software team. His area of expertise is computer science and he is interested in AI applied to computational biology. He loves reading fantasy, sci-fi, and thrillers, sometimes he wanders to philosophy. A Star Wars and Game of Thrones fan. He needs a daily intake of chocolate for health reasons, so if you see him, give him some chocolate (😃).His dog’s name is Nymeria (🙃). His favorite music genre is Power Metal.</p>"
−
        .on("mouseleave", function() {
+
            )
−
             $(".team .sidebar-index .card-title").text("Hover on a Team member")
+
             $(".team .sidebar-index .card-img-top").attr(
−
            $(".team .sidebar-index .card-text").text("Lorem")
+
                "src",
 +
                "https://static.igem.org/mediawiki/2018/e/e5/T--TecCEM--joe.jpeg"
 +
            )
 
         })
 
         })
 +
       
 
     $(".teampic#mille")
 
     $(".teampic#mille")
−
         .on("mouseenter", function() {
+
         .on("click", function() {
 
             $(".team .sidebar-index .card-title").text("Santiago Mille")
 
             $(".team .sidebar-index .card-title").text("Santiago Mille")
−
             $(".team .sidebar-index .card-text").html("<h4>Chantal, Uriel and Ari's Sugar Daddy :*</h4><p>Lorem</p>")
+
             $(".team .sidebar-index .card-text").html(
 +
                "<h4>Hardware designer</h4><h5>Ninjutsu Master</h5><p>Santiago Mille is the hardware and software designer. He is currently majoring in Digital Systems & Robotics Engineering. He is a very cheerful and optimistic person. The things he loves the most are his cat, traveling and visiting new places. Another interesting fact about him is that he likes anime. He considers himself as a cultured boy and is a big fan of music festivals and science. He thinks he shares good memes (not anymore).</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/a/a7/T--TecCEM--mille.JPG"
 +
            )
 
         })
 
         })
−
         .on("mouseleave", function() {
+
       
−
             $(".team .sidebar-index .card-title").text("Hover on a Team member")
+
    $(".teampic#alex")
−
             $(".team .sidebar-index .card-text").text("Lorem")
+
         .on("click", function() {
 +
             $(".team .sidebar-index .card-title").text("Alejandro Mejorada")
 +
             $(".team .sidebar-index .card-text").html(
 +
                "<h4>Theoretical Analyzer</h4><h5>Cool bro</h5><p>Alejandro Mejorada is part of the theoretical analysis team. He is 22 years old and studies the third semester in Biotechnology Engineering. He decided to enter the science world because of his chemistry class back in his high school. In addition to his passion for science, he is fond of puppies and playing the guitar.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/b/be/T--TecCEM--alex.jpg"
 +
            )
 
         })
 
         })
 +
       
 
     $(".teampic#shant")
 
     $(".teampic#shant")
−
         .on("mouseenter", function() {
+
         .on("click", function() {
−
             $(".team .sidebar-index .card-title").text("Shantal Tapia")
+
             $(".team .sidebar-index .card-title").text("Chantal Ravelo")
−
             $(".team .sidebar-index .card-text").html("<h4>Mille and Raúl's Bootycall</h4><p>Lorem</p>")
+
             $(".team .sidebar-index .card-text").html(
 +
                "<h4>Logistics Analizer</h4><h5>She is eating sushi, always</h5><p>Chantal Ravelo is in charge of the logistics area. She's 20 years old. She loves chai tea and being in the lab but also loves to be at the tennis court. Furthermore, she adores cooking, reading and learning new languages. She eats a lot of chocolates and that keeps her very energetic, productive and positive..</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/f/fb/T--TecCEM--sha.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#ara")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Arantxa Karam")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Protein Designer</h4><h5>Cat lover</h5><p>Arantxa Karam is part of the protein design team. She is 19 years old and she studied the seventh semester in Biotechnology Engineering. She likes reading novels, ice skating, cold climates and landscapes, especially forests. She is also passionate about her major, loves coffee, loves cats and is pro-animal.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/5/5f/T--TecCEM--ari.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#uri")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Uriel Ortega")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Theoretical Analyzer</h4><h5></h5><p>Uriel Ortega is part of the theoretical analysis team. He is 20 years old and he is currently coursing the fifth semester of Biotechnology Engineering. He is always seen himself as a dreamer, lover of ideals and seeks a way to carry them out. Since he was a child he had great aspirations and his family has strengthened his future projection to aim for the highest. He is passionate about science and nature. Furthermore, he likes to listen to music, go out with friends and sing loud, proud and off-key but with passion. He considers he has a nice handwriting.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/b/b7/T--TecCEM--uri.JPG"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#rulo")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Raúl García")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Lab. Manager</h4><h5> Coffeehead </h5><p>Raúl García is the laboratory manager. He is 20 years old and he is currently cursing through the seventh semester of Biotechnology Engineering. He loves to learn new things and be in the loop about most recent scientific subjects. What he enjoys the most is watching movies, playing video games and reading, besides that he has a fascination with puppies and food, if he’s not researching he’s eating.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/d/de/T--TecCEM--rulo.jpg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#rock")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Rodrigo David")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<p>Rodrigo David is part of the theoretical analysis team. He is 19 years old and is studying the third semester of the Biotechnology Engineering. He has always been passionate about science, especially the biology behind every living being. He loves playing guitar, exercising and being with his friends. Sometimes he is very quiet but in reality, he is someone who likes to laugh excessively and being sarcastic.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/5/56/T--TecCEM--Rock.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#pam")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Pamela Jiménez")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Protein Designer</h4><h5>Blondie</h5><p>Pamela Jiménez is part of the protein design team. She is 21 years old and studies the seventh semester in Biotechnology Engineering. She loves her major and is always trying to improve by keeping herself busy, like learning another language. She is a ray of sunshine who’s always laughing and what she likes the most is being outdoors. She enjoys watching all kind of movies and TV series. Pam wants to make a change in her country because she considers Mexico has a great potential to stand out.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/4/44/T--TecCEM--pam.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#ari")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Ariadna Vázquez")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Protein Designer</h4><h5> Basti </h5><p>Ariadna Vázquez is part of the protein design team. She is 19 years old and studies the third semester in Biotechnology Engineering. She loves dancing and swimming. Most of her money ends up in concerts and festivals because she loves the beat and the ambiance of them. She has always had a great curiosity for nature and despite being the youngest member, she is very enthusiastic to carry out the project.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/3/3b/T--TecCEM--bast.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#borre")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Juan Carlos Rueda")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Bioinformatics Specialist</h4><h5>iGEMer since 1800</h5><p>Juan Carlos Rueda Silva is the specialist in Bioinformatics. He is 20 years old and is studying the fifth semester of Biotechnology Engineering. He is a very responsible and intelligent person. He speaks Spanish, English, German and a little French. He is interested in pharmaceutical biotechnology, but especially in bioinformatics. He enjoys reading, especially classical literature, XX century English literature and essays. Also watching European films. His favorite music is new age but enjoys different genres of music. He likes to always learn new things, travel, and to collect souvenirs.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/1/1d/T--TecCEM--borre.JPG"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#armando")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Armando Cortés")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Protein Designer</h4><h5>Cutie pie</h5><p>Armando Cortés is part of the protein design team. He is 19 years old and he is in the fifth semester of Biotechnology Engineering. His favorite things are music and sports. He enjoys spending time with his friends, playing instruments and composing good music. He enjoys reading about philosophy and different literary currents. He is always trying to learn new things and he likes to ask questions and learn how everything works. He is a little bit quiet but enjoys the company of others. He loves food and coffee at any given time of the day.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/c/cb/T--TecCEM--arman.jpeg"
 +
            )
 +
        })
 +
       
 +
    $(".teampic#edgar")
 +
        .on("click", function() {
 +
            $(".team .sidebar-index .card-title").text("Edgar Contreras")
 +
            $(".team .sidebar-index .card-text").html(
 +
                "<h4>Chemistry Specialist</h4><h5>Mexican Schwarzenegger</h5><p>Edgar Contreras is the team's chemist. He is 21 years old and is currently in his fifth semester of Chemical Engineering. His hobbies include activities such as piano, sculpture, contact sports in general, horror and action films.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/5/5b/T--TecCEM--edga.jpeg"
 +
            )
 
         })
 
         })
−
         .on("mouseleave", function() {
+
       
−
             $(".team .sidebar-index .card-title").text("Hover on a Team member")
+
    $(".teampic#majo")
−
             $(".team .sidebar-index .card-text").text("Lorem")
+
         .on("click", function() {
 +
             $(".team .sidebar-index .card-title").text("María José Ugarte")
 +
             $(".team .sidebar-index .card-text").html(
 +
                "<h4>Protein Designer</h4><h5>Cat memes</h5><p>María José Ugarte is part of the protein design team. She is 21 years old and she studies the seventh semester in Biotechnology Engineering. She loves to know the applications her major can reach by learning about new technologies. Her hobbies are drawing, watching TV series and playing video games. She is passionate about climbing and aerial dance. She has a weakness for puppies and drinking coffee.</p>"
 +
            )
 +
            $(".team .sidebar-index .card-img-top").attr(
 +
                "src",
 +
                "https://static.igem.org/mediawiki/2018/6/60/T--TecCEM--majo.JPG"
 +
            )
 
         })
 
         })
−
})
+
       
−
</script>
+
    function preloadImages(array) {
 +
        if (!preloadImages.list) {
 +
            preloadImages.list = []
 +
        }
 +
        var list = preloadImages.list
 +
        for (var i = 0; i < array.length; i++) {
 +
            var img = new Image()
 +
            img.onload = function() {
 +
                var index = list.indexOf(this)
 +
                if (index !== -1) {
 +
                    // remove image from the array once it's loaded
 +
                    // for memory consumption reasons
 +
                    list.splice(index, 1)
 +
                }
 +
            }
 +
            list.push(img)
 +
            img.src = array[i]
 +
        }
 +
    }
 +
    preloadImages([
 +
        "https://static.igem.org/mediawiki/2018/d/db/T--TecCEM--ro.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/e/e5/T--TecCEM--joe.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/a/a7/T--TecCEM--mille.JPG",
 +
        "https://static.igem.org/mediawiki/2018/b/be/T--TecCEM--alex.jpg",
 +
        "https://static.igem.org/mediawiki/2018/f/fb/T--TecCEM--sha.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/5/5f/T--TecCEM--ari.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/b/b7/T--TecCEM--uri.JPG",
 +
        "https://static.igem.org/mediawiki/2018/d/de/T--TecCEM--rulo.jpg",
 +
        "https://static.igem.org/mediawiki/2018/5/56/T--TecCEM--Rock.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/4/44/T--TecCEM--pam.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/3/3b/T--TecCEM--bast.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/1/1d/T--TecCEM--borre.JPG",
 +
        "https://static.igem.org/mediawiki/2018/c/cb/T--TecCEM--arman.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/5/5b/T--TecCEM--edga.jpeg",
 +
        "https://static.igem.org/mediawiki/2018/6/60/T--TecCEM--majo.JPG"
 +
    ])
 +
})</script>
 
</html>
 
</html>

Latest revision as of 02:34, 18 October 2018