Line 147: | Line 147: | ||
<div class="imgcenter"> | <div class="imgcenter"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/> | + | <img id="kelliimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/> |
</div> | </div> | ||
<div class="imgright"> | <div class="imgright"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/> | + | <img id="nivedhaimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/> |
</div> | </div> | ||
Line 160: | Line 160: | ||
<div class="imgleft"> | <div class="imgleft"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/> | + | <img id="danimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/> |
</div> | </div> | ||
<div class="imgcenter"> | <div class="imgcenter"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/> | + | <img id="chrisimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/> |
</div> | </div> | ||
<div class="imgright"> | <div class="imgright"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/> | + | <img id="raquelimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/> |
</div> | </div> | ||
Line 176: | Line 176: | ||
<div class="imgleft"> | <div class="imgleft"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/> | + | <img id="andersimage" src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/> |
</div> | </div> | ||
<div class="imgcenter"> | <div class="imgcenter"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/> | + | <img id="austinimage" src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/> |
</div> | </div> | ||
<div class="imgright"> | <div class="imgright"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/> | + | <img id="sarahimage" src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/> |
</div> | </div> | ||
− | |||
<!-------------------------------------To split the inline-block elements----------------------------------------------> | <!-------------------------------------To split the inline-block elements----------------------------------------------> | ||
<div style="width:100%"></div> | <div style="width:100%"></div> | ||
− | |||
− | |||
− | |||
<div class="imgcenter"> | <div class="imgcenter"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/> | + | <img id="madeleineimage" src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/> |
</div> | </div> | ||
Line 206: | Line 202: | ||
<!------------------------------------------Pop up box divs-----------------------------------------------> | <!------------------------------------------Pop up box divs-----------------------------------------------> | ||
+ | <!------------------------------------------Mark----------------------------------------------------------> | ||
<div class="popupbackground" id="markbio"> | <div class="popupbackground" id="markbio"> | ||
<div class="popup"> | <div class="popup"> | ||
Line 220: | Line 217: | ||
</div> | </div> | ||
+ | <!------------------------------------------Kelli----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="kellibio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/ce/Kelli.jpg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Nivedha----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="nivedhabio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/9/91/Nivedha.jpg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Dan----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="danbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/c/c0/Bio-pic-dan.jpeg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Chris----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="chrisbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/d/da/Bio-pic-chris.jpeg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Raquel----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="raquelbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/a/a8/Raquel.jpg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Anders----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="andersbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/8/8b/Bio-pic-anders.jpeg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Austin----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="austinbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/f/fe/Bio-pic-austin.jpeg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Sarah----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="sarahbio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/8/8a/Sarah.jpg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!------------------------------------------Madeleine----------------------------------------------------------> | ||
+ | <div class="popupbackground" id="madeleinebio"> | ||
+ | <div class="popup"> | ||
+ | <span class="close">×</span> | ||
+ | <div class="popupcontentcontainer"> | ||
+ | <div class="popupcontent"> | ||
+ | <p><img class="popupimage" src="https://static.igem.org/mediawiki/2016/9/9f/Bio-pic-madeleine.jpeg"/> | ||
+ | Test test test test test test test test test <br> <br>test test test test test test test test test test test test test test test test test test | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<!--------------------------------------------------Javascript--------------------------------------------------------------------> | <!--------------------------------------------------Javascript--------------------------------------------------------------------> | ||
Line 227: | Line 350: | ||
document.getElementById('markbio').style.visibility = "visible"; | document.getElementById('markbio').style.visibility = "visible"; | ||
document.getElementById('markbio').style.opacity = "1"; | document.getElementById('markbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("kelliimage").onclick = function() { | ||
+ | document.getElementById('kellibio').style.visibility = "visible"; | ||
+ | document.getElementById('kellibio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("nivedhaimage").onclick = function() { | ||
+ | document.getElementById('nivedhabio').style.visibility = "visible"; | ||
+ | document.getElementById('nivedhabio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("danimage").onclick = function() { | ||
+ | document.getElementById('danbio').style.visibility = "visible"; | ||
+ | document.getElementById('danbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("chrisimage").onclick = function() { | ||
+ | document.getElementById('chrisbio').style.visibility = "visible"; | ||
+ | document.getElementById('chrisbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("raquelimage").onclick = function() { | ||
+ | document.getElementById('raquelbio').style.visibility = "visible"; | ||
+ | document.getElementById('raquelbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("andersimage").onclick = function() { | ||
+ | document.getElementById('andersbio').style.visibility = "visible"; | ||
+ | document.getElementById('andersbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("austinimage").onclick = function() { | ||
+ | document.getElementById('austinbio').style.visibility = "visible"; | ||
+ | document.getElementById('austinbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("sarahimage").onclick = function() { | ||
+ | document.getElementById('sarahbio').style.visibility = "visible"; | ||
+ | document.getElementById('sarahbio').style.opacity = "1"; | ||
+ | } | ||
+ | document.getElementById("madeleineimage").onclick = function() { | ||
+ | document.getElementById('madeleinebio').style.visibility = "visible"; | ||
+ | document.getElementById('madeleinebio').style.opacity = "1"; | ||
} | } | ||
Line 232: | Line 391: | ||
document.getElementById('markbio').style.visibility = "hidden"; | document.getElementById('markbio').style.visibility = "hidden"; | ||
document.getElementById('markbio').style.opacity = "0"; | document.getElementById('markbio').style.opacity = "0"; | ||
+ | document.getElementById('kellibio').style.visibility = "hidden"; | ||
+ | document.getElementById('kellibio').style.opacity = "0"; | ||
+ | document.getElementById('nivedhabio').style.visibility = "hidden"; | ||
+ | document.getElementById('nivedhabio').style.opacity = "0"; | ||
+ | document.getElementById('danbio').style.visibility = "hidden"; | ||
+ | document.getElementById('danbio').style.opacity = "0"; | ||
+ | document.getElementById('chrisbio').style.visibility = "hidden"; | ||
+ | document.getElementById('chrisbio').style.opacity = "0"; | ||
+ | document.getElementById('raquelbio').style.visibility = "hidden"; | ||
+ | document.getElementById('raquelbio').style.opacity = "0"; | ||
+ | document.getElementById('andersbio').style.visibility = "hidden"; | ||
+ | document.getElementById('andersbio').style.opacity = "0"; | ||
+ | document.getElementById('austinbio').style.visibility = "hidden"; | ||
+ | document.getElementById('austinbio').style.opacity = "0"; | ||
+ | document.getElementById('sarahbio').style.visibility = "hidden"; | ||
+ | document.getElementById('sarahbio').style.opacity = "0"; | ||
+ | document.getElementById('madeleinebio').style.visibility = "hidden"; | ||
+ | document.getElementById('madeleinebio').style.opacity = "0"; | ||
} | } | ||
window.onclick = function(event) { | window.onclick = function(event) { | ||
− | if (event.target == markbio) { | + | if (event.target == markbio) || (event.target == kellibio) || (event.target == nivedhabio) || (event.target == danbio) || (event.target == chrisbio) || |
+ | (event.target == raquelbio) || (event.target == andersbio) || (event.target == austinbio) || (event.target == sarahbio) || (event.target == madeleinebio) { | ||
+ | |||
document.getElementById('markbio').style.visibility = "hidden"; | document.getElementById('markbio').style.visibility = "hidden"; | ||
document.getElementById('markbio').style.opacity = "0"; | document.getElementById('markbio').style.opacity = "0"; | ||
+ | document.getElementById('kellibio').style.visibility = "hidden"; | ||
+ | document.getElementById('kellibio').style.opacity = "0"; | ||
+ | document.getElementById('nivedhabio').style.visibility = "hidden"; | ||
+ | document.getElementById('nivedhabio').style.opacity = "0"; | ||
+ | document.getElementById('danbio').style.visibility = "hidden"; | ||
+ | document.getElementById('danbio').style.opacity = "0"; | ||
+ | document.getElementById('chrisbio').style.visibility = "hidden"; | ||
+ | document.getElementById('chrisbio').style.opacity = "0"; | ||
+ | document.getElementById('raquelbio').style.visibility = "hidden"; | ||
+ | document.getElementById('raquelbio').style.opacity = "0"; | ||
+ | document.getElementById('andersbio').style.visibility = "hidden"; | ||
+ | document.getElementById('andersbio').style.opacity = "0"; | ||
+ | document.getElementById('austinbio').style.visibility = "hidden"; | ||
+ | document.getElementById('austinbio').style.opacity = "0"; | ||
+ | document.getElementById('sarahbio').style.visibility = "hidden"; | ||
+ | document.getElementById('sarahbio').style.opacity = "0"; | ||
+ | document.getElementById('madeleinebio').style.visibility = "hidden"; | ||
+ | document.getElementById('madeleinebio').style.opacity = "0"; | ||
} | } | ||
} | } | ||
+ | |||
Revision as of 20:49, 29 July 2016
MEET THE TEAM
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test
Test test test test test test test test test
test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test