Team:Southampton/Project

From 2009.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
   <meta http-equiv="Content-Type"
+
   <meta content="text/html; charset=ISO-8859-1"
-
content="text/html; charset=ISO-8859-1">
+
http-equiv="content-type" />
-
  <script language="JavaScript">
+
<title>University of Southampton
-
<!-- Begin
+
Wiki</title>
-
loadImage1 = new Image();
+
<style type= "text/css">
-
loadImage1.src = "http://img218.imageshack.us/img218/5342/b02on.jpg";
+
#youtubevideo {
-
staticImage1 = new Image();
+
align="center"
-
staticImage1.src = "http://img22.imageshack.us/img22/682/b02rtg.jpg";
+
}
-
loadImage2 = new Image();
+
/*FOOTERPUSH*/
-
loadImage2.src = "http://img22.imageshack.us/img22/4571/c03on.jpg";
+
#footerpush {
-
staticImage2 = new Image();
+
width:1px;
-
staticImage2.src = "http://img200.imageshack.us/img200/1551/c03vvh.jpg";
+
height:1610px;
-
loadImage3 = new Image();
+
}
-
loadImage3.src = "http://img297.imageshack.us/img297/7195/d04on.jpg";
+
html, body {
-
staticImage3 = new Image();
+
  margin: 0;
-
staticImage3.src = "http://img146.imageshack.us/img146/9978/d04w.jpg";
+
  padding: 0;
-
loadImage4 = new Image();
+
}
-
loadImage4.src = "http://img190.imageshack.us/img190/387/e05on.jpg";
+
/*LAYOUT BEGINS*/
-
staticImage4 = new Image();
+
#notebooktable {
-
staticImage4.src = "http://img195.imageshack.us/img195/457/e05a.jpg";
+
width: 95%;
-
loadImage5 = new Image();
+
}
-
loadImage5.src = "http://img218.imageshack.us/img218/1472/f06on.jpg";
+
#maincont{
-
staticImage5 = new Image();
+
-
staticImage5.src = "http://img200.imageshack.us/img200/650/f06t.jpg";
+
-
loadImage6 = new Image();
+
-
loadImage6.src = "http://img146.imageshack.us/img146/7450/g07on.jpg";
+
-
staticImage6 = new Image();
+
-
staticImage6.src = "http://img200.imageshack.us/img200/8735/g07t.jpg";
+
-
loadImage7 = new Image();
+
-
loadImage7.src = " http://img297.imageshack.us/img297/9264/i09on.jpg";
+
-
staticImage7 = new Image();
+
-
staticImage7.src = "http://img297.imageshack.us/img297/6668/i09.jpg";
+
-
-->
+
-
// End -->
+
-
  </script>
+
-
  <title>University of Southampton
+
-
iGEM 2009 Wiki</title>
+
-
  <style type="text/css">
+
-
<!--
+
-
#Table_01 {
+
position:absolute;
position:absolute;
left:0px;
left:0px;
-
top:0px;
+
top:296px;
width:975px;
width:975px;
-
height:292px;
+
height:1400px;
 +
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
 +
background-repeat:repeat-y;
 +
  margin: 0;
 +
  padding: 0;  
}
}
-
#B02_ {
+
#sufooter {
 +
position:absolute;
 +
left:113px;
 +
top:1673px;
 +
z-index:150;
 +
color: #333;
 +
}
 +
#contfoot {
 +
position:absolute;
 +
left:0px;
 +
top:1635px;
 +
width:975px;
 +
height:61px;
 +
z-index:100;
 +
}
 +
/*BANNER*/
 +
#banner {
position:absolute;
position:absolute;
left:0px;
left:0px;
top:0px;
top:0px;
-
width:73px;
+
width:975px;
-
height:45px;
+
height:276px;
 +
z-index:0;
}
}
-
#C03_ {
+
/*TOOLBAR*/
 +
#toolbar {
position:absolute;
position:absolute;
-
left:73px;
+
left:3px;
top:0px;
top:0px;
-
width:112px;
+
width:975px;
-
height:45px;
+
height:27px;
 +
z-index:100;
}
}
-
#D04_ {
+
/*BG*/
 +
#bg {
position:absolute;
position:absolute;
-
left:185px;
+
left:0px;
-
top:0px;
+
top:138px;
-
width:179px;
+
width:975px;
-
height:45px;
+
height:1005px;
 +
z-index:0;
}
}
-
#E05_ {
+
#maintop {
position:absolute;
position:absolute;
-
left:364px;
+
left:0px;
-
top:0px;
+
top:138px;
-
width:83px;
+
width:975px;
-
height:45px;
+
height:61px;
 +
z-index:0;
}
}
-
#F06_ {
+
/*FLICKRIVER*/
 +
#flickriver {
position:absolute;
position:absolute;
-
left:447px;
+
left:36px;
-
top:0px;
+
top:1113px;
-
width:121px;
+
width:894px;
-
height:45px;
+
height:134px;
 +
z-index:0;
}
}
-
#G07_ {
+
#flickriver2 {
position:absolute;
position:absolute;
-
left:568px;
+
left:480px;
-
top:0px;
+
top:1113px;
-
width:134px;
+
width:894px;
-
height:45px;
+
height:134px;
 +
z-index:0;
}
}
-
#H08_ {
+
#blanker {
position:absolute;
position:absolute;
-
left:702px;
+
left:480px;
-
top:0px;
+
top:1113px;
-
width:138px;
+
width:238px;
-
height:45px;
+
height:23px;
 +
z-index:10;
}
}
-
#I09_ {
+
#blanker2 {
position:absolute;
position:absolute;
-
left:840px;
+
left:280px;
-
top:0px;
+
top:1224px;
-
width:135px;
+
width:238px;
-
height:45px;
+
height:23px;
 +
z-index:10;
}
}
-
#J10_ {
+
/*PROJECT DESCRIPTION*/
 +
#logobox {
position:absolute;
position:absolute;
-
left:0px;
+
left:90px;
-
top:45px;
+
top:300px;
-
width:975px;
+
width:63px;
-
height:234px;
+
height:63px;
 +
z-index:10;
}
}
-
#K11_ {
+
#projectheading {
position:absolute;
position:absolute;
-
left:0px;
+
left:170px;
-
top:279px;
+
top:300px;
-
width:977px;
+
z-index:10;
-
height:50px;
+
}
}
-
-->
+
#bluesubtitle {
-
-->
+
position:absolute;
-
* {
+
left:425px;
-
margin:0;
+
top:324px;
-
padding:0;
+
z-index:10;
}
}
-
body {
+
#projdesc {
-
background:#262626 none repeat-x scroll top left;
+
position:absolute;
-
margin:0 auto;
+
left:25px;
-
padding:0;
+
top:360px;
-
font-family:Arial, Helvetica, sans-serif;
+
width:731px;
 +
height:273px;
}
}
-
/* wrapper */
+
/*LOGOBOX2*/
-
div#wrap {
+
#logobox2 {
-
width:90%;
+
position:absolute;
-
margin:0 auto;
+
left:13px;
-
padding:0 10px;
+
top:695px;
 +
width:440px;
 +
height:398px;
}
}
-
/* header & nav */
+
/*UPDATESBOX*/
-
div.header {
+
#updateheader {
-
margin:0 auto;
+
position:absolute;
 +
left:795px;
 +
top:285px;
}
}
-
div.innertitle {
+
#updatedate {
-
width:90%;
+
position:absolute;
-
margin:0 auto;
+
left:895px;
 +
top:310px;
}
}
-
div.nav ul {
+
#updatecontent {
-
list-style:none;
+
position:absolute;
-
padding:0 0 0 10px;
+
left:795px;
-
margin:0;
+
top:330px;
-
position:relative;
+
width:164px;
 +
height:333px
}
}
-
div.nav ul li {
+
#updatedate2 {
-
display:inline;
+
position:absolute;
-
float:left;
+
left:895px;
 +
top:475px;
 +
z-index:100;
}
}
-
div.nav ul li a, div.nav ul li a:visited {
+
#updatecontent2 {
-
float:left;
+
position:absolute;
-
margin:0 5px;
+
left:795px;
-
padding:30px 20px 10px 20px;
+
top:490px;
-
height:40px;
+
width:164px;
-
text-decoration:none;
+
height:333px
-
color:#ffffff;
+
-
font-weight:normal;
+
-
font-size:0.9em;
+
-
font-family:Arial, Helvetica, sans-serif;
+
}
}
-
div.nav ul li a:hover {
+
/*LINKBOX*/
-
background-color:#360050;
+
#linkheader {
 +
position:absolute;
 +
left:795px;
 +
top:690px;
}
}
-
/* headers */
+
#linksemi {
-
h1, h2 {
+
position:absolute;
-
text-align:left;
+
left:801px;
-
color:#fff;
+
top:730px;
}
}
-
h1 {
+
#linklsi {
-
font-size:3em;
+
position:absolute;
-
padding-left:10px;
+
left:801px;
 +
top:800px;
}
}
-
h1 a, h1 a:hover, h1 a:visited {
+
#linksoton {
-
text-decoration:none;
+
position:absolute;
-
color:#ffffff;
+
left:801px;
 +
top:870px;
}
}
-
h2 {
+
#clustr {
-
padding:0 0 10px 10px;
+
position:absolute;
-
font-size:0.9em;
+
left:795px;
-
font-family:Georgia, "Times New Roman", Times, serif;
+
top:975px;
}
}
-
h3 {
+
/*TEAMBOX*/
-
font-size:1.5em;
+
#teamheader {
-
font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
+
position:absolute;
-
font-weight:normal;
+
left:480px;
-
color:#084c8b;
+
top:700px;
 +
}
 +
#teampic {
 +
position:absolute;
 +
left:472px;
 +
top:735px;
 +
width:296px;
 +
height:164px;
 +
}
 +
#teamcaption {
 +
position:absolute;
 +
left:480px;
 +
top:910px;
 +
width:270px;
 +
height:100px;
 +
}
 +
#facebook {
 +
position:absolute;
 +
left:472px;
 +
top:970px;
 +
width:97px;
 +
height:100px;
 +
}
 +
#findout {
 +
position:absolute;
 +
left:580px;
 +
top:975px;
 +
width:185px;
 +
height:100px;
 +
}
 +
#projfind {
 +
position:absolute;
 +
left:150px;
 +
top:920px;
 +
width:300px;
 +
height:100px;
 +
z-index:100;
 +
}
 +
/*LAYOUT ENDS*/
 +
/*HEADINGS BEGIN*/
 +
h7 {
 +
font-size: 36px;
 +
color: #FFFFFF;
 +
margin-top: 0px;
 +
margin-bottom: 3px;
 +
font-weight: normal; font-family: "Book Antiqua",
 +
Georgia,
 +
serif;
 +
}
 +
h8 {
 +
font-size: 12px;
 +
color: #5da8bd;
 +
margin-top: 0px;
 +
font-weight: normal;
 +
font-family: Arial,
 +
sans-serif;
 +
}
 +
h3 {font-size: 13px;
 +
color: #ebebeb;
 +
margin-top: 0px;
 +
font-weight: normal; margin-bottom: 3px;
 +
font-family: Arial,
 +
sans-serif;
}
}
h4 {
h4 {
-
color:#084c8b;
+
font-size: 24px;
-
font-family:Georgia, "Times New Roman", Times, serif;
+
color: #FFFFFF;
-
font-size:1.4em;
+
margin-top: 0px;
-
font-weight:normal;
+
font-weight: normal; font-family: "Book Antiqua",Georgia,
-
padding:10px 5px 30px 65px;
+
serif;
-
background: url(http://img266.imageshack.us/img266/8870/cog.png) no-repeat 0 2px;
+
-
;
+
}
}
-
/* element defaults */
+
h5 {
-
p {
+
font-size: 14px;
-
margin-bottom:20px;
+
color: #323232;
-
line-height:1.7em;
+
margin-top: 0px;
-
font-size:0.95em; color:#333333;
+
font-weight: normal; font-family: Arial,
 +
sans-serif
}
}
-
ul {
+
h6 {
-
padding:0 0 20px 35px;
+
font-size: 12px;
 +
color: #ebebeb;
 +
margin-top: 0px;
 +
font-weight: normal; font-family: Arial,
 +
sans-serif
 +
}
 +
/*HEADINGS END*/
 +
/*MENU CODE*/
 +
ul.cssMenu ul{display:none}
 +
ul.cssMenu li:hover>ul{display:block}
 +
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
 +
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
 +
ul.cssMenu,ul.cssMenu ul {
 +
margin:0px;
 +
list-style:none;
 +
padding:0px 2px 2px 0px;
 +
background-repeat:repeat;
 +
background: rgba(51, 51, 51, 0.2);
 +
border-width:0px;
 +
border-style:solid;
}
}
-
code {
+
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
-
border:1px solid #51007A;
+
-
border-left-width:10px;
+
display:block;
display:block;
-
padding:10px;
+
zoom:1;
-
margin:10px 0;
+
float: left;
}
}
-
/* default forms */
+
ul.cssMenu ul{
-
form {}
+
width:129px;
-
form input, form textarea {
+
-
border:2px solid #dddddd;
+
-
padding:5px;
+
-
color:#666666;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
font-size:1.0em;
+
}
}
-
form input.formbutton {
+
ul.cssMenu li{
-
background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left;
+
display:block;
-
color:#ffffff;
+
margin:2px 0px 0px 2px;
-
font-size:0.9em;
+
font-size:0px;
-
border:1px solid #220033;
+
-
font-weight:bold;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
}
}
-
/* default tables */ table {
+
ul.cssMenu a:active, ul.cssMenu a:focus {
-
width:100%;
+
outline-style:none;
-
margin-bottom:10px;
+
}
}
-
table tr th, table tr td {
+
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
-
padding:5px 10px; }
+
display:block;
-
table tr th {
+
vertical-align:middle;
-
background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left;
+
border-width:0px;
-
color:#ffffff;
+
background: rgba(51, 51, 51, 0.2);border-style:solid;
 +
text-align:left;
 +
text-decoration:none;
 +
padding:2px 42px 2px 42px;
 +
_padding-left:0;
 +
font:normal 13px Trebuchet MS,Tahoma;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:default;
}
}
-
table tr td {
+
ul.cssMenu span{
-
border-bottom:1px solid #dddddd;
+
overflow:hidden;
}
}
-
/* default links */
+
ul.cssMenu li {
-
a { color:#51007A;
+
float:left;
}
}
-
a:visited { color:#51007A;
+
ul.cssMenu ul li {
-
} a:hover { color:#300047; }
+
float:none;
-
/* centeral page */
+
-
div.page {
+
-
margin:0 0 0 11px;
+
-
background-color:#ffffff;
+
-
padding:10px 10px 0 10px;
+
}
}
-
div.page ul {
+
ul.cssMenu ul a {
-
list-style:square;
+
text-align:left;
-
font-size:0.95em;
+
white-space:nowrap;
}
}
-
div.page ul li {
+
ul.cssMenu li.sep{
-
padding:3px 0;
+
text-align:left;
 +
padding:0px;
 +
line-height:0;
 +
height:100%;
}
}
-
/* content */
+
ul.cssMenu li.sep span{
-
div.content {
+
float:none; padding-right:0;
 +
width:3px;
 +
height:100%;
 +
display:inline-block;
 +
background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;}
 +
ul.cssMenu ul li.sep span{
width:100%;
width:100%;
-
float:left;
+
height:3px;
}
}
-
/* footer */
+
ul.cssMenu li:hover{
-
div.footer {
+
position:relative;
-
clear:both;
+
-
margin-top:10px;
+
-
border-top:1px solid #c6c6c6;
+
-
background:#dddddd url('http://img34.imageshack.us/img34/4941/footerbg.png') repeat-x scroll bottom left;
+
-
height:80px;
+
}
}
-
div.footer p {
+
ul.cssMenu li:hover>a{
-
text-align:center;
+
background: rgba(0, 64, 109, 0.1);border-style:solid;
-
color:#666666;
+
font:normal 13px Trebuchet MS, Tahoma;
-
padding-top:30px;
+
color: #FFFFFF;
-
font-size:0.9em;
+
text-decoration:none;
-
font-family:"Trebuchet MS", Verdana, Arial;
+
}
}
-
div.footer p a {
+
ul.cssMenu li a:hover{
-
color:#666666;
+
position:relative;
 +
background: rgba(0, 64, 109, 0.1);border-style:solid;
 +
font:normal 13px Trebuchet MS, Tahoma;
 +
color: #FFFFFF;
 +
text-decoration:none;
}
}
-
/* search form */
+
ul.cssMenu li.dis a {
-
form.searchform {
+
color: #666 !important;
-
padding-top:10px;
+
}
}
-
/* misc classes */
+
ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
-
*:focus {
+
height:16px;
-
outline:none;
+
}
}
-
.clear {
+
ul.cssMenu ul img {width:16px;
-
clear:both;
+
height:16px;
}
}
-
  </style>
+
ul.cssMenu img.over{display:none}
 +
ul.cssMenu li.dis a:hover img.over{display:none !important}
 +
ul.cssMenu li.dis a:hover img.def {display:inline !important}
 +
ul.cssMenu li:hover > a img.def {display:none}
 +
ul.cssMenu li:hover > a img.over {display:inline}
 +
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
 +
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
 +
ul.cssMenu a:hover ul{display:block}
 +
ul.cssMenu span{
 +
display:block;
 +
background-image:url(./images/arr_white.gif);
 +
background-position:right center;
 +
background-repeat: no-repeat;
 +
padding-right:12px;}
 +
ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif);
 +
}
 +
ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)}
 +
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
 +
body
 +
</style>
</head>
</head>
-
<body>
+
<body style="color: rgb(0, 0, 0); background-color: #919191;"
-
<div class="header">
+
link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
-
<br>
+
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
-
<br>
+
  src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div>
-
<br>
+
<div id="toolbar">
-
<br>
+
<ul class="cssMenu cssMenum">
-
<br>
+
  <li class="cssMenui"><a class="cssMenui"
-
<br>
+
  href="https://2009.igem.org/Team:Southampton">Home</a></li>
-
<br>
+
  <li class="cssMenui"><a class="cssMenui"
-
<br>
+
  href="https://2009.igem.org/Team:Southampton/Project">Project</a></li>
-
<br>
+
  <li class="cssMenui"><a class="cssMenui"
-
<br>
+
  href="https://2009.igem.org/Team:Southampton/Parts">Biobrick
-
<br>
+
Parts</a></li>
-
<br>
+
  <li class="cssMenui"><a class="cssMenui"
-
<div id="B02_"><a
+
  href="https://2009.igem.org/Team:Southampton/Team"><span>Team</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
-
href="https://2009.igem.org/Team:Southampton"
+
    <ul class="cssMenum">
-
onmouseover="image1.src=loadImage1.src;"
+
      <li class="cssMenui"><a class="cssMenui"
-
onmouseout="image1.src=staticImage1.src;"><img
+
  href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li>
-
name="image1"
+
    </ul>
-
  src="http://img22.imageshack.us/img22/682/b02rtg.jpg" border="0"></a></div>
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
<div id="C03_"><a
+
  <li class="cssMenui"><a class="cssMenui"
-
href="https://2009.igem.org/Team:Southampton/Project"
+
  href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a></li>
-
onmouseover="image2.src=loadImage2.src;"
+
  <li class="cssMenui"><a class="cssMenui"
-
onmouseout="image2.src=staticImage2.src;"><img
+
href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li>
-
style="border: 0px solid ; width: 112px; height: 45px;" alt=""
+
  <li class="cssMenui"><a class="cssMenui"
-
  name="image2"
+
  href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
-
src="http://img200.imageshack.us/img200/1551/c03vvh.jpg"></a>
+
</ul>
-
</div>
+
-
<div id="D04_"><a
+
-
  href="https://2009.igem.org/Team:Southampton/Parts"
+
-
onmouseover="image3.src=loadImage3.src;"
+
-
onmouseout="image3.src=staticImage3.src;"><img
+
-
style="border: 0px solid ; width: 179px; height: 45px;" alt=""
+
-
  name="image3"
+
-
src="http://img146.imageshack.us/img146/9978/d04w.jpg"></a></div>
+
-
<div id="E05_"><a
+
-
  href="https://2009.igem.org/Team:Southampton/Team"
+
-
onmouseover="image4.src=loadImage4.src;"
+
-
onmouseout="image4.src=staticImage4.src;"><img
+
-
style="border: 0px solid ; width: 83px; height: 45px;" alt=""
+
-
name="image4"
+
-
src="http://img195.imageshack.us/img195/457/e05a.jpg"></a></div>
+
-
<div id="F06_"> <a
+
-
  href="https://2009.igem.org/Team:Southampton/Modeling"
+
-
onmouseover="image5.src=loadImage5.src;"
+
-
onmouseout="image5.src=staticImage5.src;"><img
+
-
style="border: 0px solid ; width: 121px; height: 45px;" alt=""
+
-
name="image5"
+
-
src="http://img200.imageshack.us/img200/650/f06t.jpg"></a>
+
-
</div>
+
-
<div id="G07_"><a
+
-
  href="https://2009.igem.org/Team:Southampton/Notebook"
+
-
onmouseover="image6.src=loadImage6.src;"
+
-
onmouseout="image6.src=staticImage6.src;"><img
+
-
style="border: 0px solid ; width: 134px; height: 45px;" alt=""
+
-
name="image6"
+
-
src="http://img200.imageshack.us/img200/8735/g07t.jpg"></a>
+
-
</div>
+
-
<div id="H08_"> <img
+
-
id="H08" src="http://img190.imageshack.us/img190/6283/h08.jpg"
+
-
alt="" height="45" width="138"> </div>
+
-
<div id="I09_"> <a
+
-
  href="https://2009.igem.org/Team:Southampton/Sponsors"
+
-
onmouseover="image7.src=loadImage7.src;"
+
-
onmouseout="image7.src=staticImage7.src;"><img
+
-
style="border: 0px solid ; width: 135px; height: 45px;" alt=""
+
-
name="image7"
+
-
src="http://img297.imageshack.us/img297/6668/i09.jpg"></a>
+
</div>
</div>
-
<div id="J10_"> <img
+
<div id="maintop"><img style="width: 975px; height: 24px;" id="bg"
-
id="J10" src="http://img22.imageshack.us/img22/5245/j10osz.jpg"
+
src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div>
-
alt="" height="234" width="975"> </div>
+
<div id="logobox">
-
<div id="K11_"> <img
+
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
-
id="K11" src="http://img136.imageshack.us/img136/1714/baro.gif"
+
<div id="projectheading">
-
alt=""> </div>
+
<h7>Project Description</h7>
</div>
</div>
-
<div id="wrap">
+
<div id="maincont">
-
<div class="pagewrapper">
+
  <p>.
-
<div class="innerpagewrapper">
+
  <p>
-
<div class="page">
+
  <blockquote>
-
<div class="content"><!-- CONTENT -->
+
    <p>
-
<h3> </h3>
+
          <h7> </h7>
-
<table style="text-align: left; width: 100%;"
+
          <h8></h8>
-
border="0" cellpadding="2" cellspacing="2">
+
     </p>
-
  <tbody>
+
<Br />
-
     <tr>
+
<h4>Rock-Paper-Scissors</h4>
-
      <h3>&gt;&gt; Welcome</h3>
+
       <h3>Rock-Paper-Scissors is a
-
      <p>Southampton University -
+
        well-known two-person hand game whereby the players seek to produce a
-
Project</p>
+
        gesture that will defeat that of their
-
      <h3>Rock-Paper-Scissors</h3>
+
        opponent. By coordinating the promoters and operators of three
-
       <p>Rock-Paper-Scissors is a
+
        different bacterial cells, we have designed a system where each
-
well-known two-person hand game whereby the players seek to produce a
+
        bacterium can disable the primary plasmid of specific opponent cells,
-
gesture that will defeat that of their
+
        whilst simultaneously enduring the attacks of their rival cells. Our
-
opponent. By coordinating the promoters and operators of three
+
        aim is to have no bias within the system so that the end result is not
-
different bacterial cells, we have designed a system where each
+
        predetermined.     </h3>
-
bacterium can disable the primary plasmid of specific opponent cells,
+
       <h3><a
-
whilst simultaneously enduring the attacks of their rival cells. Our
+
  href="http://en.wikipedia.org/wiki/Rock_paper_scissors">Click here for more information on rock-paper-scissors.</a></h3>
-
aim is to have no bias within the system so that the end result is not
+
       <h3>&nbsp;</h3>
-
predetermined.</p>
+
       <h3>&nbsp;</h3>
-
       <a
+
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
-
  href="http://en.wikipedia.org/wiki/Rock_paper_scissors">
+
        <tr>
-
Click here for more information on rock-paper-scissors.</a>
+
          <td><object width="425" height="344" align="right">
-
       <br>
+
            <param
-
       <br>
+
-
      <p align="center">
+
-
      <object height="344" width="425"><param
+
  name="movie"
  name="movie"
-
  value="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;">
+
  value="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;" />
-
      <param name="allowFullScreen"
+
            <param name="allowFullScreen"
-
  value="true"><param
+
  value="true" />
-
  name="allowscriptaccess" value="always">
+
            <param
-
      <embed
+
  name="allowscriptaccess" value="always" />
-
  src="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;"
+
            <embed
 +
  src="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;" width="425" height="344" align="right"
  type="application/x-shockwave-flash" allowscriptaccess="always"
  type="application/x-shockwave-flash" allowscriptaccess="always"
-
  allowfullscreen="true" height="344" width="425"></object>
+
  allowfullscreen="true"></embed>
-
      </p>
+
          </object></td>
-
      <h3>Conway&rsquo;s Game
+
        </tr>
-
of Life</h3>
+
    </table>
-
      <p>John Conway&rsquo;s
+
    <h3><br />
-
Game of Life is a popular representation of cellular automata. As a
+
    </h3>
-
zero player game, it proceeds without further input once initiated. We
+
    <div id="youtubevideo"></div>
-
intend to utilize the Game&rsquo;s basic rules to develop a system
+
    <h4>Conway&rsquo;s Game
-
on two separate plasmids that fluoresces in an imitation of the Game.
+
      of Life</h4>
-
Thereby we aim to initiate and thus control the creation of patterns
+
    <h3>John Conway&rsquo;s
-
produced by the oscillating bacteria.</p>
+
      Game of Life is a popular representation of cellular automata. As a
-
      <a
+
      zero player game, it proceeds without further input once initiated. We
 +
      intend to utilize the Game&rsquo;s basic rules to develop a system
 +
      on two separate plasmids that fluoresces in an imitation of the Game.
 +
      Thereby we aim to initiate and thus control the creation of patterns
 +
      produced by the oscillating bacteria.</h3>
 +
    <h3><a
  href="http://bitstorm.org/gameoflife/">Click here for
  href="http://bitstorm.org/gameoflife/">Click here for
-
more information on the Game of Life.</a>
+
      more information on the Game of Life.</a></h3>
-
      </td>
+
     <p>&nbsp;</p>
-
     </tr>
+
    <p>&nbsp;</p>
-
  </tbody>
+
      </blockquote>
-
</table>
+
-
<!-- END CONTENT --> </div>
+
-
<div class="footer">
+
-
<p><a
+
-
href="https://2009.igem.org/Team:Southampton">Home</a>
+
-
| <a
+
-
href="https://2009.igem.org/Team:Southampton/Team">The
+
-
Team</a> | <a
+
-
href="https://2009.igem.org/Team:Southampton/Project">The
+
-
Project</a> |
+
<a
<a
-
  href="https://2009.igem.org/Team:Southampton/Parts">Biobrick
+
  href="http://en.wikipedia.org/wiki/Rock_paper_scissors">
-
Parts</a> | <a
+
C</a></div>
-
href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a>
+
<div id="sufooter">
-
|
+
Home | Project | Biobrick
-
<a
+
Parts | Team | Modelling | Notebook | Sponsors
-
href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a>
+
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
-
| <a
+
-
href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a>&nbsp;
+
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
-
&nbsp;&nbsp;&nbsp; &nbsp;
+
University of
-
University of Southampton <span
+
Southampton iGEM 2009
-
style="font-weight: bold;">iGEM</span>
+
-
2009
+
-
&nbsp;&nbsp;&nbsp; <br>
+
-
</p>
+
-
 
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
</body>
+
<div id="contfoot">
 +
<img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
</html>
</html>

Revision as of 09:16, 15 September 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> University of Southampton Wiki

Project Description

.


Rock-Paper-Scissors

Rock-Paper-Scissors is a well-known two-person hand game whereby the players seek to produce a gesture that will defeat that of their opponent. By coordinating the promoters and operators of three different bacterial cells, we have designed a system where each bacterium can disable the primary plasmid of specific opponent cells, whilst simultaneously enduring the attacks of their rival cells. Our aim is to have no bias within the system so that the end result is not predetermined.

Click here for more information on rock-paper-scissors.

 

 


Conway’s Game of Life

John Conway’s Game of Life is a popular representation of cellular automata. As a zero player game, it proceeds without further input once initiated. We intend to utilize the Game’s basic rules to develop a system on two separate plasmids that fluoresces in an imitation of the Game. Thereby we aim to initiate and thus control the creation of patterns produced by the oscillating bacteria.

Click here for more information on the Game of Life.

 

 

C
Home | Project | Biobrick Parts | Team | Modelling | Notebook | Sponsors             University of Southampton iGEM 2009