Team:Glasgow/test

From 2011.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Glasgow/Header}}
{{Team:Glasgow/Header}}
<html>
<html>
-
<h2>Project Overview</h2>
+
<head>
-
<p>Biofilms truly are ubiquitous. Whether its plaque on teeth, a slime coating the inside of pipes or an invisible film on hospital equipment they are significant naturally, industrially and medically. Biofilms are communities of microbes that form complex 3D structures by excreting a mixture of polysaccharides and DNA. If biofilm growth or dispersal could be controlled spatially and temporally then it might be possible to create tiny 3D shapes and patterns in a process that could be called bio-photo-lithography. Light dependant promoters may allow for the level precision gene regulation required to create such structures, which may have applications as scaffolds for tissue engineering, pharmaceutical creation and packaging, or even to create the tiny geometric structures and channels required for microfluidics.</p>
+
-
 
+
-
<h2>System Design</h2>
+
-
<p>The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intent to create can be organised to allow for the bio-photo-lithography process. Highlighting the devices will display the biobrick constructs we have design to perform the device functions.</p>
+
-
<div align=center>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
  $(document).ready(function(){
  $(document).ready(function(){
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/9b/Patternformingdevice.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/b/b6/Structurefixingdevice.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/80/Product1device.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c2/Product2device.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/31/Product3device.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png');
 
-
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png');
 
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
   $("#but1").click(function() {
   $("#but1").click(function() {
Line 28: Line 16:
   });
   });
   $("#but4").hover(function() {
   $("#but4").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/9b/Patternformingdevice.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/9b/Patternformingdevice.png');
 +
}
   },
   },
function(){
function(){
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/9/9b/Patternformingdevice.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
 +
}
   });
   });
   $("#but5").hover(function() {
   $("#but5").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/b/b6/Structurefixingdevice.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/b/b6/Structurefixingdevice.png');
 +
}
   },
   },
function(){
function(){
-
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
+
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/b/b6/Structurefixingdevice.png'))
 +
{
 +
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png');
 +
}
   });
   });
   $("#but6").hover(function() {
   $("#but6").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/80/Product1device.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/80/Product1device.png');
 +
}
   },
   },
function(){
function(){
-
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
+
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/8/80/Product1device.png'))
 +
{
 +
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png');
 +
}
   });
   });
   $("#but7").hover(function() {
   $("#but7").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c2/Product2device.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c2/Product2device.png');
 +
}
   },
   },
function(){
function(){
-
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
+
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/c2/Product2device.png'))
 +
{
 +
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png');
 +
}
   });
   });
   $("#but8").hover(function() {
   $("#but8").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/31/Product3device.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/31/Product3device.png');
 +
}
   },
   },
function(){
function(){
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/3/31/Product3device.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png');
 +
}
 +
  });
 +
  $("#but9").click(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'))
 +
{
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png');
 +
}
 +
  });
 +
  $("#but10").click(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png');
 +
}
 +
  });
 +
  $("#but11").click(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png');
 +
}
 +
  });
 +
  $("#switch").click(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/7/7c/Productselection02.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png') || $('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
 +
}
 +
  });
 +
$("#switchdevice").hover(function() {
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/26/Switchpatternformation.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/24/Product1RL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/33/Switchproductselection.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/6/61/Product1BL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/f/f3/Switchproductselection2.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/4/4d/Switchproductselection3.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/f/f9/Switchstructurefixation.png');
 +
}
 +
  },
 +
function(){
 +
if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/2/26/Switchpatternformation.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/0/0b/Patternformation02.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/3/33/Switchproductselection.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/24/Product1RL.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/f/f3/Switchproductselection2.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/6/61/Product1BL.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/4/4d/Switchproductselection3.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/ce/Product1GL.png');
 +
}
 +
else if ($('#mainpic').attr('src') == ('https://static.igem.org/mediawiki/2011/f/f9/Switchstructurefixation.png'))
 +
{
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/e/eb/Structurefixation02.png');
 +
}
   });
   });
  });
  });
</script>
</script>
<style type="text/css">
<style type="text/css">
-
  #maincon {
+
  #systemdiagram {
   width:680px;
   width:680px;
   position:relative;}
   position:relative;}
Line 127: Line 225:
   left:505px;
   left:505px;
   top:250px;
   top:250px;
 +
  z-index:2;
 +
  ;}
 +
#but9 {
 +
  width:38px;
 +
  height:38px;
 +
  position:absolute;
 +
  left:280px;
 +
  top:310px;
 +
  z-index:2;
 +
  ;}
 +
#but10 {
 +
  width:38px;
 +
  height:38px;
 +
  position:absolute;
 +
  left:370px;
 +
  top:310px;
 +
  z-index:2;
 +
  ;}
 +
#but11 {
 +
  width:38px;
 +
  height:38px;
 +
  position:absolute;
 +
  left:325px;
 +
  top:310px;
 +
  z-index:2;
 +
  ;}
 +
#switch {
 +
  width:60px;
 +
  height:30px;
 +
  position:absolute;
 +
  left:312px;
 +
  top:138px;
 +
  z-index:2;
 +
  ;}
 +
#switchdevice {
 +
  width:115px;
 +
  height:80px;
 +
  position:absolute;
 +
  left:315px;
 +
  top:200px;
   z-index:2;
   z-index:2;
   ;}
   ;}
</style>
</style>
-
  <div id="maincon">
+
</head>
 +
<body>
 +
<h2>System Design</h2>
 +
<p>The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intend to create can be organised to allow for the bio-photo-lithography process.</p>
 +
 
 +
<p><b>Use the switch and the different colours of light to choose which device is active! Mousing over the highlighted devices will display the biobrick constructs we have designed to perform the device functions. Clicking the Pattern Formation, Product Selection or the Structure Fixation tab will highlight the devices used for the selected stage.</b></p>
 +
 
 +
<div align=center>
 +
  <div id="systemdiagram">
  <img id="mainpic" />
  <img id="mainpic" />
   <div id="but1">
   <div id="but1">
Line 147: Line 293:
   </div>
   </div>
   <div id="but8">
   <div id="but8">
 +
  </div>
 +
  <div id="but9">
 +
  </div>
 +
  <div id="but10">
 +
  </div>
 +
  <div id="but11">
 +
  </div>
 +
  <div id="switch">
 +
  </div>
 +
  <div id="switchdevice">
   </div>
   </div>
  </div>
  </div>
 +
 +
 +
<div>
 +
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="width:440px;height:272px" id="701d80e9-ebdd-883f-508c-d0cb53ea4853" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp;backgroundColor=%23222222&amp;documentId=110921163609-d9b481c1344248b58f66acf6a92e7688" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:420px;height:297px" flashvars="mode=mini&amp;backgroundColor=%23222222&amp;documentId=110921163609-d9b481c1344248b58f66acf6a92e7688" /></object>
 +
</div>
 +
<br/>
 +
</body>
</html>
</html>

Latest revision as of 18:00, 21 September 2011

System Design

The system we have designed for iGEM 2011 takes advantage of the modular nature of synthetic biology and combines relatively few parts to create a complex and highly regulated system of gene expression. This diagram shows how the biobricks we intend to create can be organised to allow for the bio-photo-lithography process.

Use the switch and the different colours of light to choose which device is active! Mousing over the highlighted devices will display the biobrick constructs we have designed to perform the device functions. Clicking the Pattern Formation, Product Selection or the Structure Fixation tab will highlight the devices used for the selected stage.


Retrieved from "http://2011.igem.org/Team:Glasgow/test"