Difference between revisions of "Team:Kent/Team"

Line 1: Line 1:
 
{{Kent}}
 
{{Kent}}
 +
 
<html>
 
<html>
  
Line 9: Line 10:
 
         <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>
 +
 +
<table
 +
                align = "center"
 +
                border= 3px
 +
                bordercolor= #000000
 +
                bordercolorlight= ##585858
 +
                bordercolordark= #000000
 +
                bgcolor= #000000>
 +
 +
<tr>
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img id="test1" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;" width="100px" height="100px"/>
 +
<a href="#"><img id="test1" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;:15px;display:none;" onClick="profile('test1')" /></a></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200x
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
</tr>
 +
<tr>
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200x
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
</tr>
 +
<tr>
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200x
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
 +
<td
 +
                                  bgcolor = #FFF
 +
                                  width = 200px
 +
                                  height = 200px
 +
                                  align = "center">
 +
 +
                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
 +
</tr>
 +
</table>
 +
 +
<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>Glen Gowers</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 = "IMAGE THAT COMES UP WHEN HOVER OVER";
 +
    }, 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";
 +
 +
  }
 +
 +
 +
</script>
 +
  
 
{{KentFooter}}
 
{{KentFooter}}

Revision as of 09:25, 26 June 2015


Meet the team

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