Difference between revisions of "Team:Kent/Team"

(Replaced content with "<html> <h1>Meet the team</h1> <div class="banner-image-overlay"> <div style="opacity:1"><img src="https://static.igem.org/mediawiki/2015/4/41/Team_Kent_TeamPho...")
Line 8: Line 8:
 
         <figcaption> <i> Left to right: Moyra, Raneem, Jonathan, Rob, Richard, James, Katarina, Anna, Suparna, Natalie, Alice </i> </figcaption>
 
         <figcaption> <i> Left to right: Moyra, Raneem, Jonathan, Rob, Richard, James, Katarina, Anna, Suparna, Natalie, Alice </i> </figcaption>
 
</div>
 
</div>
−
 
−
<div style="width:100%;">
 
−
 
−
<img id="test1" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:78.5%;margin-top:42%;border-bottom-right-radius:15px;" />
 
−
<a href="#"><img id="test1" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:78.5%;margin-top:42%;border-bottom-right-radius:15px;display:none;" onClick="profile('test1')" /></a>
 
−
 
−
<img id="test2" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:78.5%;margin-top:13%;border-top-right-radius:15px;" />
 
−
<a href="#"><img id="test2" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:78.5%;margin-top:13%;border-top-right-radius:15px;display:none;" onClick="profile('test2')" /></a>
 
−
 
−
<img id="test3" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;margin-top:58.5%;border-bottom-left-radius:15px;" />
 
−
<a href="#"><img id="test3" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;margin-top:58.5%;border-bottom-left-radius:15px;display:none;" onClick="profile('test3')" /></a>
 
−
 
−
<img id="test4" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:39.8%;margin-top:58.5%;" />
 
−
<a href="#"><img id="test4" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:39.8%;margin-top:58.5%;display:none;" onClick="profile('test4')" /></a>
 
−
 
−
<img id="test5" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:59.5%;margin-top:58.5%;border-bottom-right-radius:15px;" />
 
−
<a href="#"><img id="test5" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:59.5%;margin-top:58.5%;border-bottom-right-radius:15px;display:none;" onClick="profile('test5')" /></a>
 
−
 
−
<img id="test6" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:0.1%;margin-top:42%;border-bottom-left-radius:15px;" />
 
−
<a href="#"><img id="test6" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:0.1%;margin-top:42%;border-bottom-left-radius:15px;display:none;" onClick="profile('test6')" /></a>
 
−
 
−
<img id="test7" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;margin-top:13%;left:0.1%;border-top-left-radius:15px;" />
 
−
<a href="#"><img id="test7" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;margin-top:13%;left:0.1%;border-top-left-radius:15px;display:none;" onClick="profile('test7')" /></a>
 
−
 
−
<img id="test8" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;margin-top:29.5%;" />
 
−
<a href="#"><img id="test8" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;margin-top:29.5%;display:none;" onClick="profile('test8')"/></a>
 
−
 
−
<img id="test9" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:39.8%;margin-top:29.5%;" />
 
−
<a href="#"><img id="test9" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:39.8%;margin-top:29.5%;display:none;" onClick="profile('test9')" /></a>
 
−
 
−
<img id="test10" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:59.5%;margin-top:29.5%;" />
 
−
<a href="#"><img id="test10" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:59.5%;margin-top:29.5%;display:none;" onClick="profile('test10')" /></a>
 
−
 
−
<img id="test11" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;border-top-left-radius:15px;" />
 
−
<a href="#"><img id="test11" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;width:20%;left:20%;border-top-left-radius:15px;display:none;" onClick="profile('test11')" /></a>
 
−
 
−
 
−
 
−
<div id="profilewrap" onClick="profileHide()" style="background-color: rgba(0,0,0,0.7);z-index:11; position: fixed; top:0; left: 0; right: 0; bottom: 0;display:none;min-width:980px;">
 
−
<div style="width:60%;height:450px;background-color:#FAFAFA;position:absolute;left:22%;border-top-right-radius:15px;border-bottom-left-radius:25px;margin-top:12%;">
 
−
 
−
<div id="test1profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test2profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test3profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test3profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test4profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name </font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test5profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test6profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test7profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test8profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test9profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test10profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br> Name </font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
<div id="test11profile" style="color:black;padding-right:10px;display:none;">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
 
−
<div style="margin-left:310px;"><font style="font-size:40px;font-weight:500;color:#5E5E5E;"><br>Name</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
 
−
<br>
 
−
<br>
 
−
 
−
<a href="http://www.google.com"><b>This is a link</b></a>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
 
 
</html>
 
</html>
−
 
−
<script>
 
−
 
−
//When hover over image it changes into a different image
 
−
//Make sure that you give each image img id="___" for this to work
 
−
 
−
//For each team member image
 
−
$(document).ready(function(){
 
−
    $('#test1img').hover(function () {
 
−
        this.src = "https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png";
 
−
    }, function () {
 
−
        this.src = "https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png";
 
−
    });
 
−
});
 
−
 
−
 
−
  function profile(name) {
 
−
    document.getElementById('profilewrap').style.display = "block";
 
−
    document.getElementById(name + 'profile').style.display = 'inline';
 
−
  }
 
−
//Hides the member profiles by default
 
−
  function profileHide(x) {
 
−
    document.getElementById('profilewrap').style.display = "none";
 
−
    document.getElementById('test1profile').style.display = "none";
 
−
    document.getElementById('test2profile').style.display = "none";
 
−
    document.getElementById('test3profile').style.display = "none";
 
−
    document.getElementById('test4profile').style.display = "none";
 
−
    document.getElementById('test5profile').style.display = "none";
 
−
    document.getElementById('test6profile').style.display = "none";
 
−
    document.getElementById('test7profile').style.display = "none";
 
−
    document.getElementById('test8profile').style.display = "none";
 
−
    document.getElementById('test9profile').style.display = "none";
 
−
    document.getElementById('test10profile').style.display = "none";
 
−
    document.getElementById('test11profile').style.display = "none";
 
−
 
−
  }
 
−
$(document).ready(function(){
 
−
  $("#glen").hover(function(){
 
−
    $("#test1").css({display:'inline'});
 
−
    $("#test1").css({opacity:'1'});
 
−
    $("#test1").animate({opacity:'0'}, "slow");
 
−
  });
 
−
});
 
−
 
−
</script>
 

Revision as of 10:23, 26 June 2015

Meet the team

Left to right: Moyra, Raneem, Jonathan, Rob, Richard, James, Katarina, Anna, Suparna, Natalie, Alice