Difference between revisions of "Team:Kent/Team"

@@ Line 1: / Line 1: @@
-{{Kent}}
 <html>
@@ Line 11: / Line 9: @@
 </div>
-<table
+<div style="width:100%;">
-                 align = "center"
-                 border= 3px
-                 bordercolor= #000000
-                 bordercolorlight= ##585858
-                 bordercolordark= #000000
-                 bgcolor= #000000>
-			<tr>
+<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;" />
-				<td
+<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>
-                                  bgcolor = #FFF
-                                  width = 200px
-                                  height = 200px
-                                  align = "center">
-                                 <img id="test1img" src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;" width="100px" height="100px"/>
+<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="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>
+<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>
-				<td
+<img id="matt" 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;" />
-                                  bgcolor = #FFF
+<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>
-                                  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>
+<img id="oliver" 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>
-				<td
+<img id="leroy" 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;" />
-                                  bgcolor = #FFF
+<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>
-                                  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>
+<img id="tim" 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>
-				<td
+<img id="jack" 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;" />
-                                  bgcolor = #FFF
+<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>
-                                  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>
+<img id="emily" 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>
-				<td
+<img id="phil" 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%;" />
-                                  bgcolor = #FFF
+<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>
-                                  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>
+<img id="fran" 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%;" />
-			</tr>
+<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>
-			<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>
+<img id="glen" 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>
-				<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
+<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;">
-                                  bgcolor = #FFF
+<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%;">
-                                  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>
+<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>
-				<td
+<a href="http://www.google.com"><b>This is a link</b></a>
-                                  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>
+</div>
+</div>
-				<td
+<div id="test2profile" style="color:black;padding-right:10px;display:none;">
-                                  bgcolor = #FFF
+<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
-                                  width = 200px
+<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
-                                  height = 200px
+<br>
-                                  align = "center">
+<br>
-                                 <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
+<a href="http://www.google.com"><b>This is a link</b></a>
-			</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>
+</div>
+</div>
-				<td
+<div id="test3profile" style="color:black;padding-right:10px;display:none;">
-                                  bgcolor = #FFF
+<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
-                                  width = 200px
+<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
-                                  height = 200x
+<br>
-                                  align = "center">
+<br>
-                                <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
+<a href="http://www.google.com"><b>This is a link</b></a>
-				<td
+</div>
-                                  bgcolor = #FFF
+</div>
-                                  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>
+<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>Glen Gowers</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
+<br>
+<br>
-				<td
+<a href="http://www.google.com"><b>This is a link</b></a>
-                                  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>
+</div>
+</div>
-				<td
+<div id="test4profile" style="color:black;padding-right:10px;display:none;">
-                                  bgcolor = #FFF
+<img src="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" style="position:absolute;height:100%;border-bottom-left-radius:15px;" />
-                                  width = 200px
+<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
-                                  height = 200px
+<br>
-                                  align = "center">
+<br>
-                                 <img src ="https://static.igem.org/mediawiki/2015/c/c2/Team_Kent_Test.png" width="100px" height="100px"></img></td>
+<a href="http://www.google.com"><b>This is a link</b></a>
-			</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>
-<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>
-<div id="test1profile" style="color:black;padding-right:10px;display:none;">
+<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>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 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>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 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>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 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>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 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>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 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>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 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>Glen Gowers</font> <br><font style="color:grey;font-weight:500;">(Occupation)</font><br><br>TextTextTextTextTextTextTextText
@@ Line 164: / Line 186: @@
 <script>
 //When hover over image it changes into a different image
 //Make sure that you give each image img id="___" for this to work
@@ Line 197: / Line 220: @@
    }
+$(document).ready(function(){
+  $("#glen").hover(function(){
+    $("#test1").css({display:'inline'});
+    $("#test1").css({opacity:'1'});
+    $("#test1").animate({opacity:'0'}, "slow");
+  });
+});
 </script>
-{{KentFooter}}

Revision as of 09:58, 26 June 2015

Meet the team

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

Glen Gowers
(Occupation)

TextTextTextTextTextTextTextText

This is a link

//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 = "";
   }, function () {
       this.src = "";
   });
});

 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>