Team:Exeter/Team

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:Team:Exeter/e-candi_banner}}
{{Template:Team:Exeter/e-candi_banner}}
-
 
-
[[Link title]][[Image:Annual fund logo large.JPG|100px|top|right|thumb]]
 
<html>
<html>
-
<div id="box" style="width: 450px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #FFFF00;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #FE642E; padding: 5px;">
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
University of Exeter iGEM team 2012
+
<script type="text/javascript">
-
</div>
+
$(document).ready(function(){
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #6E6E6E; padding: 5px;">
+
  var who = new Array();
-
We will update our page as ideas come to fruition over the next few weeks. Check out our University in the mean time. <a href="http://www.exeter.ac.uk/">Exeter University</a>.
+
  who[1] = "James Lynch";
-
</div>
+
  who[2] = "Ryan Edginton";
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #E52B50; padding: 5px;">
+
  who[3] = "Alex Clowsley";
-
Our road of discovery starts here. As Galileo once said, “You cannot teach a man anything; you can only help him discover it in himself.”  
+
  who[4] = "Alex Baldwin";
-
</div>
+
  who[5] = "Alice Bond";
-
</div>
+
  who[6] = "Liam Stubbington";
-
</html>
+
  who[7] = "Becca Phillips";
 +
  who[8] = "Mary Beton";
 +
  who[9] = "Freddie Dudbridge";
 +
  who[10] = "Andy Corbett";
 +
  var des = new Array();
 +
  des[1] = "James, description";
 +
  des[2] = "Ryan, description";
 +
  des[3] = "Alex, description";
 +
  des[4] = "Alex, description";
 +
  des[5] = "Alice, description";
 +
  des[6] = "Liam, description";
 +
  des[7] = "Becca, description";
 +
  des[8] = "Mary, description";
 +
  des[9] = "Freddie, description";
 +
  des[10] = "Andy, description";
 +
 
 +
  $("#face1").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[1]);
 +
  $("#descriptions").append(des[1]);
 +
  });
 +
 
 +
  $("#face1").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face2").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[2]);
 +
  $("#descriptions").append(des[2]);
 +
  });
 +
 
 +
  $("#face2").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face3").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[3]);
 +
  $("#descriptions").append(des[3]);
 +
  });
 +
 
 +
  $("#face3").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face4").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[4]);
 +
  $("#descriptions").append(des[4]);
 +
  });
 +
 
 +
  $("#face4").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face5").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[5]);
 +
  $("#descriptions").append(des[5]);
 +
  });
 +
 
 +
  $("#face5").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face6").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[6]);
 +
  $("#descriptions").append(des[6]);
 +
  });
 +
 
 +
  $("#face6").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face7").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[7]);
 +
  $("#descriptions").append(des[7]);
 +
  });
 +
 
 +
  $("#face7").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face8").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[8]);
 +
  $("#descriptions").append(des[8]);
 +
  });
 +
 
 +
  $("#face8").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face9").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[9]);
 +
  $("#descriptions").append(des[9]);
 +
  });
 +
 
 +
  $("#face9").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
  $("#face10").mouseenter(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  $("#names").append(who[10]);
 +
  $("#descriptions").append(des[10]);
 +
  });
 +
 
 +
  $("#face10").mouseleave(function() {
 +
  $("#names").empty();
 +
  $("#descriptions").empty();
 +
  });
 +
 
 +
});
 +
 +
 +
</script>
 +
<style type="text/css">
 +
#wrapper {
 +
  width:600px;
 +
  position:relative;
 +
  z-index:0;}
 +
#exphoto {
 +
  width:600px;
 +
  position:absolute;
 +
  z-index:-1;}
 +
#box {
 +
  width:180px;
 +
  height:180px;
 +
  float:right;
 +
  margin-right:0px;
 +
  top:150px;
 +
  background-color:transparent;
 +
  z-index:1;}
 +
#names {
 +
  width:180px;
 +
  position:relative;
 +
  left:0px;
 +
  top:80px;
 +
  font-family:"dokChampa", cursive;
 +
  color:#FFF;
 +
  font-weight:bold;
 +
  z-index:0;}
 +
 
 +
  #descriptions {
 +
  width:180px;
 +
  position:relative;
 +
  float:left;
 +
  top:90px;
 +
  z-index:0;
 +
  font-family:"Eras Light ITC", cursive;
 +
  color:#FFF;
 +
  }
 +
 +
#face1 {
 +
width: 32px;
 +
height: 32px;
 +
position: absolute;
 +
left: 43px;
 +
top: 131px;
 +
z-index: 2;
 +
 +
}
 +
#face2 {
 +
width: 35px;
 +
height: 39px;
 +
position: absolute;
 +
left: 245px;
 +
top: 127px;
 +
z-index: 2;
 +
}
 +
#face3 {
 +
width: 32px;
 +
height: 45px;
 +
position: absolute;
 +
left: 109px;
 +
top: 129px;
 +
z-index: 2;
 +
}
 +
#face4 {
 +
width: 31px;
 +
height: 44px;
 +
position: absolute;
 +
left: 57px;
 +
top: 169px;
 +
z-index: 2;
 +
}
 +
#face5 {
 +
width: 29px;
 +
height: 38px;
 +
position: absolute;
 +
left: 124px;
 +
top: 185px;
 +
z-index: 2;
 +
}
 +
#face6 {
 +
width: 32px;
 +
height: 42px;
 +
position: absolute;
 +
left: 174px;
 +
top: 132px;
 +
z-index: 2;
 +
}
 +
#face7 {
 +
width: 43px;
 +
height: 46px;
 +
position: absolute;
 +
left: 207px;
 +
top: 180px;
 +
z-index: 2;
 +
}
 +
#face8 {
 +
width: 31px;
 +
height: 34px;
 +
position: absolute;
 +
left: 277px;
 +
top: 189px;
 +
z-index: 2;
 +
}
 +
#face9 {
 +
width: 29px;
 +
height: 40px;
 +
position: absolute;
 +
left: 324px;
 +
top: 134px;
 +
}
 +
  #face10 {
 +
width: 34px;
 +
height: 39px;
 +
position: absolute;
 +
left: 356px;
 +
top: 166px;
 +
z-index: 2;
 +
}
-
<!-- *** End of the alert box *** -->
+
#logo {
 +
float: right;
 +
position: absolute;
 +
left: 750px;
 +
top: 50px;
 +
width: 348px;
 +
height: 348px;
 +
}
 +
#james {
 +
float: right;
 +
position: fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
 +
 +
#face1:hover #james {
 +
visibility:visible;
 +
z-index:1;
 +
}
-
== '''Who we are''' ==
+
#ryan {
-
{|border = "0"
+
float: right;
-
|-
+
position: fixed;
-
|rowspan="3"|
+
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
 +
#face2:hover #ryan {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#alexc {
 +
float: right;
 +
position: fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
-
'''Undergraduates'''
+
#face3:hover #alexc {
 +
visibility:visible;
 +
z-index:1;
 +
}
-
*'''Alex Baldwin''': ''Biosciences''
+
#alexb {
-
*'''Mary Beton''':  ''Biosciences''
+
float: right;
-
*'''Alice Bond''':  ''Engineering''
+
position: fixed;
-
*'''Alex Clowsley''': ''Physics''
+
left: 670px;
-
*'''Andy Corbett''': ''Mathematics''
+
top: 57px;
-
*'''Freddie Dudbridge''': ''Biosciences''
+
visibility: hidden;}
-
*'''Ryan Edginton''': ''Physics'' 
+
-
*'''James Lynch''': ''Physics''
+
-
*'''Becca Philp''':''Biosciences''
+
-
*'''Liam Stubbington''': ''Physics''
+
-
*'''Chris Hack''': ''Honiton Community College, 6th Form Student''
+
-
'''Advisors:'''
+
#face4:hover #alexb {
 +
visibility:visible;
 +
z-index:1;
 +
}
-
*'''Thomas Howard''': ''Wet lab.''
+
#alice {
-
*'''George Littlejohn''': ''Wet lab.''
+
float: right;
-
*'''Mike Page''': ''Wet lab.''
+
position: fixed;
-
*'''Rafael Penna-Miller ''': ''Mathematics & systems modelling (clever stuff with numbers)''
+
left: 670px;
-
*'''Christine Sambles''': ''Bioinformatics wizadry (clever stuff with 'omes)''
+
top: 57px;
 +
visibility: hidden;}
 +
#face5:hover #alice {
 +
visibility:visible;
 +
z-index:1;
 +
}
-
|
+
#liam {
-
<gallery>
+
float: right;
-
Image:Alex.jpg|Alex Baldwin
+
position: fixed;
-
Image:Stubby_1.jpg|Liam Stubbington
+
left: 670px;
-
Image:IGEMrse.jpg|Ryan Edginton
+
top: 57px;
-
Image: [[File:ExeterRebeccaPhilp.jpg]]
+
visibility: hidden;}
-
Image:Andy.jpg|Andy Corbett
+
-
Image:James.jpg|James Lynch
+
-
Image:Exeter_Team_member_7.png|Team member 7
+
-
Image:Exeter_Team_member_8.png|Team member 8
+
-
Image:Exeter_Team_member_9.png|Team member 9
+
-
Image:Exeter_Team_member_10.png|Team member 10
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
+
#face6:hover #liam {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#becca {
 +
float: right;
 +
position: fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
-
(Provide proper attribution for all work)
+
#face7:hover #becca {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#mary {
 +
float: right;
 +
position: fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
 +
#face8:hover #mary {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#freddie {
 +
float: right;
 +
position: fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
-
== '''Where we're from''' ==
+
#face9:hover #freddie {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#andy {
 +
float: right;
 +
position:fixed;
 +
left: 670px;
 +
top: 57px;
 +
visibility: hidden;}
-
{|align="justify"
+
#face10:hover #andy {
-
|Based in the heart of Devon is the University of Exeter. The 2012 iGEM team are made up of Bioscientists, Physicists, a Mathematician and an Engineer. Together with our supervisors we are looking forward to our first adventure into the world of iGEM.
+
visibility:visible;
 +
z-index:1;
 +
}
 +
#table {
 +
    width: 100px;
 +
    height: 48px;
 +
    border-style: none;
 +
    background-color: transparent;
 +
    margin: 0px auto;
 +
    position: relative;
 +
}
 +
</style>
-
<!--- The Mission, Experiments --->
+
</head>
 +
<body>
 +
<table width="1075" border="0">
 +
<!--Spacer for Menu Banner-->
 +
    <tr>
 +
    <td width="100" height="50"></td>
 +
    <td width="850"></td>
 +
    <td width="100"></td>
 +
    </tr>
 +
  <!--End of Spacer-->
 +
  <tr>
 +
    <td>
 +
<div id="wrapper">
 +
  <img id="exphoto" src="https://static.igem.org/mediawiki/2012/2/28/Exigem_team.jpg" />
 +
  <div id="face1">
 +
  <div id="james">
 +
  <img src="../../Documents/igem/james.jpg" width="480px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face2">
 +
  <div id="ryan">
 +
  <img src="../../Documents/igem/ryan.jpg" width="530px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face3">
 +
  <div id="alexc">
 +
  <img src="../../Documents/igem/AlexC.JPG" width="530px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face4">
 +
  <div id="alexb">
 +
  <img src="../../Documents/igem/AlexB.JPG" width="530px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face5">
 +
  <div id="alice">
 +
  <img src="../../Documents/igem/Alice.JPG" width="530px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face6">
 +
  <div id="liam">
 +
  <img src="../../Documents/igem/Liam.JPG" width="530x" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face7">
 +
  <div id="becca">
 +
  <img src="../../Documents/igem/Becca.JPG" width="480px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face8">
 +
  <div id="mary">
 +
  <img src="../../Documents/igem/Mary.JPG" width="480x" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face9">
 +
  <div id="freddie">
 +
  <img src="https://static.igem.org/mediawiki/2012/c/cc/Freddy.JPG" width="560px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="face10">
 +
  <div id="andy">
 +
  <img src="../../Documents/igem/Andy.JPG" width="530px" height="358px"/>
 +
  </div>
 +
  </div>
 +
  <div id="box">
 +
  <div id="names">Mouse over our faces for a description!
 +
  </div>
 +
  <div id="descriptions">
 +
  </div>
 +
  </td>
 +
  <td>
 +
  <div id="logo">
 +
  <img src="../../Documents/igem/logoholder.png" width="348px" height="348px">
 +
  </div>
 +
  </td>
 +
  </tr>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 13:37, 12 July 2012

Retrieved from "http://2012.igem.org/Team:Exeter/Team"
Mouse over our faces for a description!