Team:Southampton/Project

From 2009.igem.org

(Difference between revisions)
m
m
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
@charset "utf-8";
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
/* CSS Document - University of Southampton iGEM 2009 */
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
/*LAYOUT BEGINS*/
+
<head>
-
/*BANNER*/
+
  <meta content="text/html; charset=ISO-8859-1"
-
#banner {
+
http-equiv="content-type" />
-
position:absolute;
+
<title>University of Southampton
-
left:0px;
+
Wiki</title>
-
top:0px;
+
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/menu.css" type="text/css"/>
-
width:975px;
+
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/style.css" type="text/css"/>
-
height:276px;
+
<style type= "text/css">
-
z-index:0;
+
-
}
+
/*TOOLBAR*/
/*TOOLBAR*/
#toolbar {
#toolbar {
position:absolute;
position:absolute;
-
left:4px;
+
left:-2px;
top:0px;
top:0px;
-
width:974px;
+
width:978px;
height:27px;
height:27px;
z-index:100;
z-index:100;
}
}
-
/*BG*/
+
/*FOOTERPUSH*/
-
#bg {
+
#footerpush {
-
position:absolute;
+
width:1px;
-
left:0px;
+
height:1324px;
-
top:138px;
+
-
width:975px;
+
-
height:1005px;
+
-
z-index:0;
+
}
}
-
#maintop {
+
/*BODY*/
-
position:absolute;
+
html, body {
-
left:0px;
+
  margin: 0;
-
top:138px;
+
  padding: 0;
-
width:974px;
+
-
height:61px;
+
-
z-index:0;
+
}
}
-
/*FLICKRIVER*/
+
/*LAYOUT BEGINS*/
-
#flickriver {
+
#notebooktable {
-
position:absolute;
+
width: 95%;
-
left:36px;
+
-
top:1113px;
+
-
width:894px;
+
-
height:134px;
+
-
z-index:0;
+
}
}
-
#flickriver2 {
+
#maincont{
-
position:absolute;
+
position:absolute;
-
left:480px;
+
left:0px;
-
top:1113px;
+
top:296px;
-
width:894px;
+
width:975px;
-
height:134px;
+
height:1070px;
-
z-index:0;
+
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
-
}
+
background-repeat:repeat-y;
-
#blanker {
+
margin: 0;
-
position:absolute;
+
padding: 0;
-
left:480px;
+
color: #FFF;
-
top:1113px;
+
-
width:238px;
+
-
height:23px;
+
-
z-index:10;
+
-
}
+
-
#blanker2 {
+
-
position:absolute;
+
-
left:280px;
+
-
top:1224px;
+
-
width:238px;
+
-
height:23px;
+
-
z-index:10;
+
-
}
+
-
/*PROJECT DESCRIPTION*/
+
-
#logobox {
+
-
position:absolute;
+
-
left:90px;
+
-
top:300px;
+
-
width:63px;
+
-
height:63px;
+
-
z-index:10;
+
-
}
+
-
#projectheading {
+
-
position:absolute;
+
-
left:170px;
+
-
top:300px;
+
-
z-index:10;
+
-
}
+
-
#bluesubtitle {
+
-
position:absolute;
+
-
left:425px;
+
-
top:324px;
+
-
z-index:10;
+
-
}
+
-
#projdesc {
+
-
position:absolute;
+
-
left:25px;
+
-
top:360px;
+
-
width:731px;
+
-
height:273px;
+
}
}
-
#maincont {
+
#sufooter {
position:absolute;
position:absolute;
-
left:25px;
+
left:113px;
-
top:380px;
+
top:1365px;
-
width:920px;
+
z-index:150;
 +
color: #333;
}
}
-
/*LOGOBOX2*/
+
#contfoot {
-
#logobox2 {
+
-
position:absolute;
+
-
left:13px;
+
-
top:695px;
+
-
width:440px;
+
-
height:398px;
+
-
}
+
-
/*UPDATESBOX*/
+
-
#updateheader {
+
-
position:absolute;
+
-
left:795px;
+
-
top:285px;
+
-
}
+
-
#updatedate {
+
-
position:absolute;
+
-
left:895px;
+
-
top:310px;
+
-
}
+
-
#updatecontent {
+
-
position:absolute;
+
-
left:795px;
+
-
top:330px;
+
-
width:164px;
+
-
height:333px
+
-
}
+
-
#updatedate2 {
+
-
position:absolute;
+
-
left:895px;
+
-
top:475px;
+
-
z-index:100;
+
-
}
+
-
#updatecontent2 {
+
-
position:absolute;
+
-
left:795px;
+
-
top:490px;
+
-
width:164px;
+
-
height:333px
+
-
}
+
-
/*LINKBOX*/
+
-
#linkheader {
+
-
position:absolute;
+
-
left:795px;
+
-
top:690px;
+
-
}
+
-
#linksemi {
+
-
position:absolute;
+
-
left:801px;
+
-
top:730px;
+
-
}
+
-
#linklsi {
+
-
position:absolute;
+
-
left:801px;
+
-
top:800px;
+
-
}
+
-
#linksoton {
+
-
position:absolute;
+
-
left:801px;
+
-
top:870px;
+
-
}
+
-
#clustr {
+
position:absolute;
position:absolute;
-
left:795px;
+
left:0px;
-
top:975px;
+
top:1335px;
-
}
+
width:975px;
-
/*TEAMBOX*/
+
height:61px;
-
#teamheader {
+
z-index:100;
-
position:absolute;
+
-
left:480px;
+
-
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*/
/*LAYOUT ENDS*/
-
/*HEADINGS BEGIN*/
+
</style>
-
h1 {
+
</head>
-
font-size: 36px;
+
<body style="color: rgb(0, 0, 0); background-color: #919191;"
-
text-decoration:none;
+
link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
-
border-bottom: 0px solid #aaa;
+
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
-
padding-top: 0em;
+
src="http://www.personal.soton.ac.uk/jeh2v07/images/white.jpg" alt="" /></div>
-
padding-bottom: 0em;
+
<div id="toolbar">
-
color: #FFFFFF;
+
<ul class="cssMenu cssMenum">
-
margin-top: 0px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton">Home</a></li>
-
margin-bottom: 3px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
font-weight: normal; font-family: "Book Antiqua",
+
<ul class=" cssMenum">
-
Georgia,
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Aims">Project Aims</a></li>
-
serif;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Intro">Project Introduction</a></li>
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project">Project Description</a></li>
-
h2 {
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Achievements">Project Achievements</a></li>
-
font-size: 12px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Projection">Project Projection</a></li>
-
text-decoration:none;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Safety">Project Safety</a></li>
-
border-bottom: 0px solid #aaa;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Refer">References and Links</a></li>
-
color: #5da8bd;
+
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols"><span>Protocols</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
padding-top: 0em;
+
<ul class=" cssMenum">
-
padding-bottom: 0em;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols">Protocol Overview</a></li>
-
margin-top: 0px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Theory1">Protocol Theory</a></li>
-
font-weight: normal;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Transformation">Biobrick Transformation</a></li>
-
font-family: Arial,
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/ColonyPCR">Colony PCR</a></li>
-
sans-serif;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/DoubleDigestion">DNA Double Digestion</a></li>
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Gel">Gel Electrophoresis</a></li>
-
h3 {font-size: 13px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Hfpcr">High Fidelity PCR</a></li>
-
color: #ebebeb;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/LBplates">LB Plates</a></li>
-
margin-top: 0px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligation">Ligation</a></li>
-
font-weight: normal; margin-bottom: 3px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligationtransformation">Ligation Transformation</a></li>
-
font-family: Arial,
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/PlasmidPrep">Plasmid Preparation</a></li>
-
sans-serif;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/TA">TA Cloning</a></li>
-
}
+
</ul>
-
h4 {
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
font-size: 24px;
+
</ul>
-
color: #FFFFFF;
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
margin-top: 0px;
+
<li class=" cssMenui"><a class="  cssMenui" href="#">Biobrick Parts<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
font-weight: normal; font-family: "Book Antiqua",Georgia,
+
<ul class=" cssMenum">
-
serif;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Parts/GoL">Game of Life</a></li>
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Parts/RPS">Rock Paper Scissors</a></li>
-
h5 {
+
</ul></li>
-
font-size: 14px;
+
<li class=" cssMenui"><a class="  cssMenui" 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]-->
-
color: #323232;
+
<ul class=" cssMenum">
-
margin-top: 0px;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team">Team Profiles</a></li>
-
font-weight: normal; font-family: Arial,
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Advisors">Advisor Profiles</a></li>
-
sans-serif
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Southampton">Southampton Profile</a></li>
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/University">University Profile</a></li>
-
h6 {
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li>
-
font-size: 12px;
+
</ul>
-
color: #ebebeb;
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
margin-top: 0px;
+
-
font-weight: normal; font-family: Arial,
+
            <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling"><span>Modelling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
sans-serif
+
<ul class=" cssMenum">
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling">Modelling Overview</a></li>
-
a:link {
+
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/GoL">Game Of Life</a></li>
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/RPS">Rock Paper Scissors</a></li>
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/Open">Open Access</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
             
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP">Overview</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Outreach">Outreach</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/igemexper">iGEM Experience</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Political">Political Awareness</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Legacy">Our Legacy</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
   
 +
     
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
-
color: #5da8bd;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li>
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook/Labbook">Lab Book</a></li>
-
a:visited {
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook/Advisorblog">Advisor Blog</a></li>
-
color: #5da8bd;
+
</ul>
-
}
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
a:hover {
+
-
color: #FFFFFF;
+
    <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors"><span>Acknowledgments</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
text-decoration: none;
+
<ul class=" cssMenum">
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
-
a:active {
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Southampton">Team Southampton</a></li>
-
color: #FFFFFF;
+
</ul>
-
text-decoration: none;
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
}
+
</ul>
-
/*HEADINGS END*/
+
</div>
-
/*CSS END*/
+
<div id="maintop"><img style="width: 975px; height: 24px;" id="bg"
 +
src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div>
 +
<div id="logobox">
 +
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
 +
<div id="projectheading">
 +
<h1>Project Description</h1>
 +
</div>
 +
<div id="maincont">
 +
  <p>.
 +
  <p>
 +
  <blockquote>
 +
    <p>
 +
      <br>
 +
    </p>
 +
<Br />
 +
<h4>Rock-Paper-Scissors</h4>
 +
      <h3>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.      </h3>
 +
    <h3><a
 +
href="http://en.wikipedia.org/wiki/Rock_paper_scissors">Click here for more information on rock-paper-scissors.</a></h3>
 +
      <h3>&nbsp;</h3>
 +
    <p>&nbsp;</p>
 +
      <table width="64%" border="0" align="center" cellpadding="0" cellspacing="0">
 +
        <tr bgcolor="#5D5D5D">
 +
          <td><img src="https://static.igem.org/mediawiki/2009/3/39/Rock.gif" width="417" height="354" border="1"/></td>
 +
          <td width="0" style="color: #5D5D5D">--</td>
 +
          <td><object width="441" height="354">
 +
            <param name="movie" value="http://www.youtube.com/v/6RYTceoRt24&hl=en&fs=1&" />
 +
            <param name="allowFullScreen" value="true" />
 +
            <param name="allowscriptaccess" value="always" />
 +
            <embed src="http://www.youtube.com/v/6RYTceoRt24&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="441" height="354"></embed>
 +
          </object></td>
 +
        </tr>
 +
      </table>
 +
<h3>&nbsp;</h3>
 +
<h3><br />
 +
</h3>
 +
<div id="youtubevideo"></div>
 +
    <h4>Conway&rsquo;s Game
 +
      of Life</h4>
 +
    <h3>John Conway&rsquo;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&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
 +
      more information on the Game of Life.</a></h3>
 +
    <p>&nbsp;</p>
 +
    <table width="48%" border="0" align="center" cellpadding="0" cellspacing="0">
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2009/2/21/GoL.gif" width="430" height="132" border="1"/></td>
 +
      </tr>
 +
    </table>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
  </blockquote>
 +
<a
 +
href="http://en.wikipedia.org/wiki/Rock_paper_scissors">
 +
C</a></div>
 +
<div id="sufooter">
 +
<h5>| <a href="#">Top</a> |&nbsp; &nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;
 +
University of
 +
Southampton iGEM 2009</h5>
 +
</div>
 +
<div id="contfoot">
 +
<img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
 +
</html>

Latest revision as of 19:34, 20 October 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
| Top |          University of Southampton iGEM 2009