Team:Glasgow/test

From 2011.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Glasgow/Header}}
{{Team:Glasgow/Header}}
-
<div align=center>
 
<html>
<html>
 +
<head>
<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 23: 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 67: Line 170:
   top:370px;
   top:370px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but2 {
  #but2 {
   width:182px;
   width:182px;
Line 75: Line 178:
   top:370px;
   top:370px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but3 {
  #but3 {
   width:180px;
   width:180px;
Line 83: Line 186:
   top:370px;
   top:370px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but4 {
  #but4 {
   width:155px;
   width:155px;
Line 91: Line 194:
   top:80px;
   top:80px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but5 {
  #but5 {
   width:150px;
   width:150px;
Line 99: Line 202:
   top:200px;
   top:200px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but6 {
  #but6 {
   width:145px;
   width:145px;
Line 107: Line 210:
   top:45px;
   top:45px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but7 {
  #but7 {
   width:150px;
   width:150px;
Line 115: Line 218:
   top:150px;
   top:150px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
  #but8 {
  #but8 {
   width:145px;
   width:145px;
Line 123: Line 226:
   top:250px;
   top:250px;
   z-index:2;
   z-index:2;
-
   background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
+
   ;}
 +
#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;
 +
  ;}
</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 142: 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>
-
</html>
 
-
</div>
 
-
[[File:Structurefixingdevice.png]]
+
 
-
[[File:Patternformingdevice.png]]
+
<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>

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"