Team:Imperial College London/test3

From 2011.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
 +
<style type="text/css">
<style type="text/css">
-
  #ImageMing {
+
/*Example CSS for the two demo scrollers*/
-
  overflow:visible;
+
 
-
  position:relative;
+
#pscroller1{
-
  z-index:1;
+
width: 930px;
-
  }
+
height: 120px;
 +
border: 1px solid #225323;
 +
padding: 0px;
 +
background-color: white;
 +
}
 +
 
 +
#pscroller1 a{
 +
color: #225323;
 +
}
 +
 
 +
#pscroller1 h2{
 +
color: #000000;
 +
font-style:italic;
 +
}
 +
 
 +
#pscroller1 h3{
 +
color: #225323;
 +
text-align:right;
 +
}
 +
 
 +
 
 +
.someclass{ //class to apply to your scroller(s) if desired
 +
}
</style>
</style>
-
<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" src="https://2011.igem.org/Team:Imperial_College_London/fadeslideshow?action=raw&ctype=text/js">
+
/*Example message arrays for the two demo scrollers*/
-
/***********************************************
+
var pausecontent=new Array()
-
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
+
pausecontent[0]='<h2>"Preventing soil erosion by increasing root mass is a novel approach."</h2><h3><a href="http://www.syngenta.com/country/uk/en/Pages/home.aspx/" target="_blank">Dr Stuart John Dunbar, Senior Syngenta Fellow</a></h3>'
-
* This notice MUST stay intact for legal use
+
pausecontent[1]='<h2>"It is important to note that soil erosion is a world-wide issue and, as such, preventing it or at least helping ameliorate it, would have world-wide impact."</h2><h3><a href="http://www.syngenta.com/country/uk/en/Pages/home.aspx/" target="_blank">Dr Stuart John Dunbar, Senior Syngenta Fellow</a></h3>'
-
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
+
pausecontent[2]='<h2>"I must say I’m impressed with the idea of your group."</h2><h3><a href="http://www.syngenta.com/country/uk/en/Pages/home.aspx/" target="_blank">Mathijs Wuts, Syngenta</a></h3>'
-
***********************************************/
+
</script>
</script>
Line 26: Line 48:
<script type="text/javascript">
<script type="text/javascript">
-
var mygallery1=new fadeSlideShow({
+
/***********************************************
-
wrapperid: "ImageMing", //ID of blank DIV on page to house Slideshow
+
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
-
dimensions: [150, 204], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
* This notice MUST stay intact for legal use
-
imagearray: [
+
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
-
["https://static.igem.org/mediawiki/2011/4/4f/ICL_Ming.jpg", "", "", ""],
+
***********************************************/
-
["https://static.igem.org/mediawiki/2011/a/ab/ICL_CPMing.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery2=new fadeSlideShow({
+
function pausescroller(content, divId, divClass, delay){
-
wrapperid: "ImageChris", //ID of blank DIV on page to house Slideshow
+
this.content=content //message array content
-
dimensions: [150, 206], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
this.tickerid=divId //ID of ticker div to display information
-
imagearray: [
+
this.delay=delay //Delay between msg change, in miliseconds.
-
["https://static.igem.org/mediawiki/2011/1/13/ICL_Chris.jpg", "", "", ""],
+
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
-
["https://static.igem.org/mediawiki/2011/2/28/ICL_CPChris.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
this.hiddendivpointer=1 //index of message array for hidden div
-
],
+
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
var scrollerinstance=this
-
persist: false, //remember last viewed slide and recall within same session?
+
if (window.addEventListener) //run onload in DOM2 browsers
-
fadeduration: 2000, //transition duration (milliseconds)
+
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
-
descreveal: "ondemand",
+
else if (window.attachEvent) //run onload in IE5.5+
-
togglerid: ""
+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
-
})
+
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
 +
setTimeout(function(){scrollerinstance.initialize()}, 500)
 +
}
-
var mygallery3=new fadeSlideShow({
+
// -------------------------------------------------------------------
-
wrapperid: "ImageFrank", //ID of blank DIV on page to house Slideshow
+
// initialize()- Initialize scroller method.
-
dimensions: [150, 193], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
// -Get div objects, set initial positions, start up down animation
-
imagearray: [
+
// -------------------------------------------------------------------
-
["https://static.igem.org/mediawiki/2011/4/40/ICL_Frank.jpg", "", "", ""],
+
-
["https://static.igem.org/mediawiki/2011/1/18/ICL_CPFrank.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery4=new fadeSlideShow({
+
pausescroller.prototype.initialize=function(){
-
wrapperid: "ImageNina", //ID of blank DIV on page to house Slideshow
+
this.tickerdiv=document.getElementById(this.tickerid)
-
dimensions: [150, 192], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
this.visiblediv=document.getElementById(this.tickerid+"1")
-
imagearray: [
+
this.hiddendiv=document.getElementById(this.tickerid+"2")
-
["https://static.igem.org/mediawiki/2011/6/69/ICL_Nina.jpg", "", "", ""],
+
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
-
["https://static.igem.org/mediawiki/2011/6/62/ICL_CPNina.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
-
],
+
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
this.getinline(this.visiblediv, this.hiddendiv)
-
persist: false, //remember last viewed slide and recall within same session?
+
this.hiddendiv.style.visibility="visible"
-
fadeduration: 2000, //transition duration (milliseconds)
+
var scrollerinstance=this
-
descreveal: "ondemand",
+
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
-
togglerid: ""
+
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
-
})
+
if (window.attachEvent) //Clean up loose references in IE
 +
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
 +
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
 +
}
-
var mygallery5=new fadeSlideShow({
+
// -------------------------------------------------------------------
-
wrapperid: "ImageNick", //ID of blank DIV on page to house Slideshow
+
// animateup()- Move the two inner divs of the scroller up and in sync
-
dimensions: [150, 208], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
// -------------------------------------------------------------------
-
imagearray: [
+
-
["https://static.igem.org/mediawiki/2011/d/d9/ICL_Nick.jpg", "", "", ""],
+
-
["https://static.igem.org/mediawiki/2011/9/95/ICL_CPNick.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery6=new fadeSlideShow({
+
pausescroller.prototype.animateup=function(){
-
wrapperid: "ImageNikki", //ID of blank DIV on page to house Slideshow
+
var scrollerinstance=this
-
dimensions: [150, 208], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
-
imagearray: [
+
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
-
["https://static.igem.org/mediawiki/2011/d/d5/ICL_Nikki.jpg", "", "", ""],
+
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
-
["https://static.igem.org/mediawiki/2011/8/82/ICL_CPNikki.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
setTimeout(function(){scrollerinstance.animateup()}, 50)
-
],
+
}
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
else{
-
persist: false, //remember last viewed slide and recall within same session?
+
this.getinline(this.hiddendiv, this.visiblediv)
-
fadeduration: 2000, //transition duration (milliseconds)
+
this.swapdivs()
-
descreveal: "ondemand",
+
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
-
togglerid: ""
+
}
-
})
+
}
-
var mygallery7=new fadeSlideShow({
+
// -------------------------------------------------------------------
-
wrapperid: "ImageRebecca", //ID of blank DIV on page to house Slideshow
+
// swapdivs()- Swap between which is the visible and which is the hidden div
-
dimensions: [150, 204], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
// -------------------------------------------------------------------
-
imagearray: [
+
-
["https://static.igem.org/mediawiki/2011/3/37/ICL_Rebecca.jpg", "", "", ""],
+
-
["https://static.igem.org/mediawiki/2011/6/64/ICL_CPRebecca.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery8=new fadeSlideShow({
+
pausescroller.prototype.swapdivs=function(){
-
wrapperid: "ImageSi", //ID of blank DIV on page to house Slideshow
+
var tempcontainer=this.visiblediv
-
dimensions: [150, 205], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
this.visiblediv=this.hiddendiv
-
imagearray: [
+
this.hiddendiv=tempcontainer
-
["https://static.igem.org/mediawiki/2011/0/00/ICL_Si.jpg", "", "", ""],
+
}
-
["https://static.igem.org/mediawiki/2011/b/ba/ICL_CPSi.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery9=new fadeSlideShow({
+
pausescroller.prototype.getinline=function(div1, div2){
-
wrapperid: "ImageYuanwei", //ID of blank DIV on page to house Slideshow
+
div1.style.top=this.visibledivtop+"px"
-
dimensions: [150, 205], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
-
imagearray: [
+
}
-
["https://static.igem.org/mediawiki/2011/a/a6/ICL_Yuanwei.jpg", "", "", ""],
+
-
["https://static.igem.org/mediawiki/2011/e/e4/ICL_CPYuanwei.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
-
],
+
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
-
persist: false, //remember last viewed slide and recall within same session?
+
-
fadeduration: 2000, //transition duration (milliseconds)
+
-
descreveal: "ondemand",
+
-
togglerid: ""
+
-
})
+
-
var mygallery10=new fadeSlideShow({
+
// -------------------------------------------------------------------
-
wrapperid: "ImageJames", //ID of blank DIV on page to house Slideshow
+
// setmessage()- Populate the hidden div with the next message before it's visible
-
dimensions: [150, 203], //width/height of gallery in pixels. Should reflect dimensions of largest image
+
// -------------------------------------------------------------------
-
imagearray: [
+
 
-
["https://static.igem.org/mediawiki/2011/3/3f/ICL_James.jpg", "", "", ""],
+
pausescroller.prototype.setmessage=function(){
-
["https://static.igem.org/mediawiki/2011/e/ec/ICL_CPJames.jpg", "", "", ""] //<--no trailing comma after very last image element!
+
var scrollerinstance=this
-
],
+
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
-
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
+
setTimeout(function(){scrollerinstance.setmessage()}, 100)
-
persist: false, //remember last viewed slide and recall within same session?
+
else{
-
fadeduration: 2000, //transition duration (milliseconds)
+
var i=this.hiddendivpointer
-
descreveal: "ondemand",
+
var ceiling=this.content.length
-
togglerid: ""
+
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
-
})
+
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
 +
this.animateup()
 +
}
 +
}
 +
 
 +
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
 +
if (tickerobj.currentStyle)
 +
return tickerobj.currentStyle["paddingTop"]
 +
else if (window.getComputedStyle) //if DOM2
 +
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
 +
else
 +
return 0
 +
}
</script>
</script>
-
</head>
 
 +
</head>
<body>
<body>
-
<h1>Students</h1>
 
-
<table cellpadding="10px">
 
-
<tr>
 
-
  <td>
 
-
    <div id="ImageMing"></div>
 
-
  </td>
 
-
  <td valign="top" width="280px">
 
-
    <p style="padding-left:0px;padding-right:0px;"><b>Atipat Patharagulpong</b></p>
 
-
    <p style="padding-left:0px;padding-right:0px;">Atipat is also known as Ming. (people sometimes call him ATP, which he finds a bit geeky) He is a third year biochemist and responsible for collaboration, part registry, and Arabidopsis (and also drawing everyone's picture). Apart from Biochemistry, he loves playing the piano, drawing anime, gardening, and also cooking (and eating too).</p>
 
-
  </td>
 
-
  <td>
 
-
    <div id="ImageChris"></div>
 
-
  </td>
 
-
  <td valign="top">
 
-
    <p style="padding-left:0px;padding-right:0px;"><b>Chris Schoene</b></p>
 
-
    <p style="padding-left:0px;padding-right:0px;">Chris is going into his 3rd year of Biochemistry at Imperial College London and our official head of parts characterisation. He has been interested in Synthetic Biology since the last year's team presented their project in October. His other interests include creative writing, martial arts, the classical guitar and traveling. He is German but was born in Colombia and has lived in the USA and Spain.</p>
 
-
  </td>
 
-
</tr>
 
-
<tr>
+
<table width="975px">
-
  <td>
+
-
    <div id="ImageFrank"></div>
+
-
  </td>
+
-
  <td valign="top" width="280px">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Frank Machin</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Frank is halfway through his degree in Biochemistry at Imperial and responsible for the software and hardware. He has been a huge fan of Synthetic Biology ever since he watched The Andromeda Strain and The Day of the Triffids. When he is not working, he likes gaming, loud music, and making short films and he is going to try and include them all in this project!</p>
+
-
  </td>
+
-
  <td>
+
-
    <div id="ImageNina"></div>
+
-
  </td>
+
-
  <td valign="top">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Jiayue Zhu</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">We generally call Jiayue Nina to make our lives easier since nobody can pronounce her name correctly. She is a 2nd year bioengineer and very glad to be here with the team and to do some amazing fancy stuff. She is in charge of all media-related issues.</p>
+
-
  </td>
+
-
</tr>
+
<tr>
<tr>
-
  <td>
+
<td colspan="2">
-
    <div id="ImageNick"></div>
+
<h1 style="text-align:center;">Welcome to the Imperial College London iGEM 2011 website</h1><br><br>
-
  </td>
+
</td>
-
  <td valign="top" width="280px">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Nicolas Kral</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Nick has just finished the second year of the Bsc Biology degree at Imperial. He has been attracted to synthetic biology because of the immense potential and creativity that is hidden in it, yet still following the strict scientific thinking. His hobbies include everything to do with Nature and the great outdoors, hiking, climbing, caving and just the joy of being out.</p>
+
-
  </td>
+
-
  <td>
+
-
    <div id="ImageNikki"></div>
+
-
  </td>
+
-
  <td valign="top">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Nikki Kapp</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Nikki just finished her undergrad in Biochemistry and is responsible for cloning strategies and outreach/PR. She wants to try put what she's learnt into practice at iGEM. Her life isn't all about science, she is passionate about music and travel and hopes to do a round the world trip as well as complete the Mongol Rally.</p>
+
-
  </td>
+
</tr>
</tr>
-
<tr>
+
<tr valign="top">
-
  <td>
+
<td style="width:688px;">
-
    <div id="ImageRebecca"></div>
+
<h1>Project Outline</h1>
-
  </td>
+
<p><b>Engineering bacteria to help fight soil erosion</b></p>
-
  <td valign="top" width="280px">
+
<p>In arid areas of the world soil erosion is a massive problem. It is caused by wind and rain sweeping away the fertile top soil and can eventually result in <i>desertification</i>.</p>
-
    <p style="padding-left:0px;padding-right:0px;"><b>Rebekka Bauer</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Rebekka just finished a degree in Biology. She is responsible for human practices and has the job of looking after supplies and protocols in the lab. She likes the creative aspect of synthetic biology but also how useful it can be in tackling problems in all kinds of areas. Outside of Biology, she is interested in photography, travelling and cooking.</p>
+
-
  </td>
+
-
  <td>
+
-
    <div id="ImageSi"></div>
+
-
  </td>
+
-
  <td valign="top">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Si Chen</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Si just graduated with a degree in Biomedical Engineering. She is one of our modelling whizzes and by far the most fashionable person on the team. She is looking forward to delivering some solid solution that can be applied in reality in the future.</p>
+
-
  </td>
+
-
</tr>
+
-
<tr>
+
<p>Climate change and unsustainable farming practices are accelerating the rate of desertification to over 31,000 hectares/day. That’s 62, 000 football pitches in a day or half the size of the UK every year.</p>
-
  <td>
+
-
    <div id="ImageYuanwei"></div>
+
-
  </td>
+
-
  <td valign="top" width="280px">
+
-
    <p style="padding-left:0px;padding-right:0px;"><b>Yuanwei Li</b></p>
+
-
    <p style="padding-left:0px;padding-right:0px;">Yuanwei just finished the 2nd year of his biomedical engineering degree. He is our wiki mastermind. He probably wants to specialise in the mechanical aspect of bioengineering, dealing with stuff like biomechanics and similar things. He is also quite interested about going into the area of biomedical imaging. In his free time, he likes to play his accordion and he loves to travel to different places and explore the world. He is looking forward to delivering something amazing on this iGEM project.</p>
+
-
  </td>
+
-
</tr>
+
-
</table>
+
-
<br/>
+
-
<h1>CSynBI Advisors</h1>
+
<p>In ordinary circumstances the roots of well established plants help to hold down the top soil, protecting it from erosion. In areas that suffer desertification however plants do not get the chance to establish large enough root networks to anchor the soil and themselves before erosion occurs.</p>
-
<table cellpadding="10px">
+
-
<tr align="center">
+
-
  <td width="195px">
+
-
    <div id="ImageJames"></div>
+
-
    <p style="text-align:center;"><b>James Field</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="https://static.igem.org/mediawiki/2011/8/86/ICL_Tom.jpg" width="150" />
+
-
    <p style="text-align:center;"><b>Dr. Tom Ellis</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Prof. Richard Kitney</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="https://static.igem.org/mediawiki/2011/3/32/ICL_Guy.jpg" width="150" />
+
-
    <p style="text-align:center;"><b>Dr. Guy-Bart Stan</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Prof. Paul Freemont</b></p>
+
-
  </td>
+
-
</tr>
+
<p>This year, Imperial College’s iGEM team have joined the international effort to fight desertification.</p>
-
<tr align="center">
+
<p>We hope to engineer bacteria to accelerate plant root development. The bacteria will be designed to secrete the hormone auxin. Seeds will be coated with the bacteria and then planted in the soil. Once the seeds germinate the bacteria will move towards the roots and be taken in by the plant. Inside the roots the bacteria will release auxin – promoting growth and protecting the soil from erosion.</p>
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Dr. Geoff Baldwin</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Kirsten Jensen</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Lisa Goers</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>James Chappell</b></p>
+
-
  </td>
+
-
</tr>
+
-
</table>
+
-
<br/>
+
-
<h1>LSE Advisors</h1>
+
<h1>Modules</h1>
-
<table cellpadding="10px">
+
<p>Our project consists of 3 modules: Phyto-Route, Auxin Xpress and Gene Guard.</p>
-
<tr align="center">
+
<p>Computer graphics of summary of modules</p>
-
  <td width="195px">
+
 
-
    <img src="" width="150" />  
+
<h1>The Engineering Cycle</h1>
-
    <p style="text-align:center;"><b>Dr. Claire Marris</b></p>
+
<p>Each module is carried out following the engineering cylcle shown below.</p>
-
  </td>
+
<p style="padding-left:19px;padding-right:0px;"><embed src="https://static.igem.org/mediawiki/igem.org/3/33/ICL_EngineeringCycle.swf" width="646px" height="381.18px" /><p>
-
  <td width="195px">
+
</td>
-
    <img src="" width="150" />  
+
 
-
    <p style="text-align:center;"><b>Susanna Finlay</b></p>
+
<td style="width:287px;">
-
  </td>
+
 
-
  <td width="195px">
+
<h2 style="padding-left:0px;">Follow us on</h2>
-
    <img src="" width="150" />  
+
<a href="http://www.flickr.com/photos/64732447@N05/" target="_new"><img src="https://static.igem.org/mediawiki/2011/d/d7/ICL_flickr.png" /></a>
-
    <p style="text-align:center;"><b>Alex Hamilton</b></p>
+
<a href="http://twitter.com/#!/ImperialiGEM11" target="_new"><img src="https://static.igem.org/mediawiki/2011/d/d7/ICL_twitter.png" /></a>
-
  </td>
+
<a href="http://imperialigem.blogspot.com/" target="_new"><img src="https://static.igem.org/mediawiki/2011/7/7d/ICL_blogger.png" /></a>
-
  <td width="195px">
+
<a href="http://www.youtube.com/user/ImperialiGEM" target="_new"><img src="https://static.igem.org/mediawiki/2011/d/d3/ICL_youtube.png" /></a>
-
    <img src="" width="150" />  
+
<a href="http://www.spreaker.com/page#!/show/the_radio_igem_show" target="_new"><img src="https://static.igem.org/mediawiki/2011/b/b3/ICL_RadioLogo.jpg" width="48px" /></a>
-
    <p style="text-align:center;"><b>Dr. Stephan Guettinger</b></p>
+
 
-
  </td>
+
<br/><br/>
 +
<object width="300" height="330"><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://staticcdn.spreaker.com/swf/player.swf?API_BASE_URL=http%3A%2F%2Fapi.spreaker.com&SITE_BASE_URL=http%3A%2F%2Fwww.spreaker.com&CHAT_BASE_URL=http%3A%2F%2Fpush.spreaker.com&STATION_URL=http%3A%2F%2Fapi.spreaker.com%2Fshow%2F180289%2Fepisode%2Flatest&AUTOPLAY=false&EXTERNAL_INTERFACE=false&DEBUG=false&REFERRER=embedded&EMBEDDED=true" /><embed src="http://staticcdn.spreaker.com/swf/player.swf?API_BASE_URL=http%3A%2F%2Fapi.spreaker.com&SITE_BASE_URL=http%3A%2F%2Fwww.spreaker.com&CHAT_BASE_URL=http%3A%2F%2Fpush.spreaker.com&STATION_URL=http%3A%2F%2Fapi.spreaker.com%2Fshow%2F180289%2Fepisode%2Flatest&AUTOPLAY=false&EXTERNAL_INTERFACE=false&DEBUG=false&REFERRER=embedded&EMBEDDED=true" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" wmode="transparent" width="300" height="330"></embed></object>
 +
 
 +
<br/><br/>
 +
<a href="http://s07.flagcounter.com/more/ivzl"><img src="http://s07.flagcounter.com/count/ivzl/bg_FFFFFF/txt_225323/border_225323/columns_4/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Free counters!" border="0"></a>
 +
 
 +
</td>
</tr>
</tr>
-
</table>
 
-
<br/>
 
-
<h1>RCA Advisors</h1>
+
<tr>
-
<table cellpadding="10px">
+
<td>
-
<tr align="center">
+
 
-
  <td width="195px">
+
</td>
-
    <img src="https://static.igem.org/mediawiki/2011/2/2d/ICL_CJ.jpg" width="150" />
+
-
    <p style="text-align:center;"><b>Charlotte Jarvis</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="" width="150" />
+
-
    <p style="text-align:center;"><b>Koby Barhad</b></p>
+
-
  </td>
+
-
  <td width="195px">
+
-
    <img src="https://static.igem.org/mediawiki/2011/1/1a/ICL_Peiying.JPG" width="150" />
+
-
    <p style="text-align:center;"><b>Pei-Ying Lin</b></p>
+
-
  </td>
+
</tr>
</tr>
-
</table>
 
-
<br/>
 
-
<h1>Acknowledgement</h1>
+
<tr>
-
<h2>General support</h2>
+
<td colspan="2" style="padding:18px;padding-right:0px;">
-
<p>James Chappell, Dr Travis Bayer and others helped us during our  brainstorming. </p>
+
-
<p>Dr Geoff Balwin is letting us use his lab for some experiments. </p>
+
-
<h2>Chemotaxis support</h2>
+
<p><img src="https://static.igem.org/mediawiki/2011/5/5d/ICL_Modules.png" width="623px" height="623px" /><p>
-
<p>Prof Xiaodong Zhang at Imperial College, got us into contact with Juan Luis  Ramos in Spain. </p>
+
-
<p>Juan Luis Ramos at Consejo Superior de Investigaciones Científicas managed to  provide us mcpS gene on pRK415.</p>
+
-
<p>Dr Ben Blount has helped us with using of the FACS machine during the data collection.
+
-
<h2>Arabidopsis support</h2>
+
<script type="text/javascript">
-
<p>The Arabidopsis thaliana team was kindly supported by Dr Thorsten Hamann and  Dr Colin Turnbull's labs at Imperial. In particular, Issariya Chairam and David  Charles helped enormously with designing and setting up plant experiments. </p>
+
-
<p>A number of Arabidopsis seeds were supplied by labs all over Britain: </p>
+
-
<p>DR5:GFP seeds were supplied by Samantha Fox from Dr Enrico Coen's group at  the John Innes Centre, which focuses on plant development in A. thaliana.  Permission to use the seeds and publish results was kindly granted by Dr Jiri  Friml at the VIB. </p>
+
-
<p>DR5:GUS seeds were supplied by Dr Gerard Bishop at Imperial College. </p>
+
-
<p>DR:3XVENUS seeds were supplied by Dr Darren Wells at the University of  Nottingham. Dr Wells is a research fellow in the Centre for Plant Integrative Biology.</p>
+
-
<h2>Modelling support</h2>
+
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
-
<p>Dr Robert Endres is a Senior Lecturer in Systems Biology at Imperial College. He is an expert in chemotaxis modelling and kindly helped our team with their model of cell movement.</p>
+
-
<h2>Imaging support</h2>
+
new pausescroller(pausecontent, "pscroller1", "someclass", 5000)
-
<p>Dr Martin Spitaler and Mark Scott of the Facility for Imaging by Light Microscopy (FILM) at Imperial helped with the set up and execution of imaging of bacterial uptake into plant roots and chemotaxis  imaging. </p>
+
-
<h2>Human practices support</h2>
+
</script>
-
<p>Dr Alexandru Milcu at Imperial advised us about above/below ground  interactions and rhizosphere ecology. </p>
+
</td>
-
<p>Dr Robert Griffiths at the Centre for Ecology and Hydrology advised us about  soil microbial ecology.</p>
+
</tr>
-
<p>Prof Stuart Dunbar, Dr Torquil Fraser and Dr John Paul Evans at Syngenta kindly advised us on the applicability and implementation of our project.</p>
+
</table>
-
<h2>Wiki support</h2>
+
<h1>Sponsors</h1>
-
<p>The RCA advisors gave us advice and help on the website design and the team logo.</p>
+
<table width="975px" cellpadding="0px">
 +
<tr>
 +
<td>
 +
<p>
 +
<a href="http://www.wellcome.ac.uk/" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2011/d/d2/ICL_WellcomeTrust.gif" width="230" />
 +
</a>
 +
<a href="http://www.eurofinsdna.com" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2011/0/00/ICL_Eurofins.jpg" width="230" style="padding-left:30px;" />
 +
</a>
 +
<a href="http://www.neb.com" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2011/4/4d/ICL_NEB.jpg" width="230" style="padding-left:20px;" />
 +
</a>
 +
<a href="http://www.qiagen.com" target="_new">
 +
<img src="https://static.igem.org/mediawiki/2011/8/80/ICL_Qiagen.jpg" width="130" style="padding-left:20px;" />
 +
</a>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
</body>
</body>
</html>
</html>

Latest revision as of 13:59, 12 September 2011



Welcome to the Imperial College London iGEM 2011 website

Project Outline

Engineering bacteria to help fight soil erosion

In arid areas of the world soil erosion is a massive problem. It is caused by wind and rain sweeping away the fertile top soil and can eventually result in desertification.

Climate change and unsustainable farming practices are accelerating the rate of desertification to over 31,000 hectares/day. That’s 62, 000 football pitches in a day or half the size of the UK every year.

In ordinary circumstances the roots of well established plants help to hold down the top soil, protecting it from erosion. In areas that suffer desertification however plants do not get the chance to establish large enough root networks to anchor the soil and themselves before erosion occurs.

This year, Imperial College’s iGEM team have joined the international effort to fight desertification.

We hope to engineer bacteria to accelerate plant root development. The bacteria will be designed to secrete the hormone auxin. Seeds will be coated with the bacteria and then planted in the soil. Once the seeds germinate the bacteria will move towards the roots and be taken in by the plant. Inside the roots the bacteria will release auxin – promoting growth and protecting the soil from erosion.

Modules

Our project consists of 3 modules: Phyto-Route, Auxin Xpress and Gene Guard.

Computer graphics of summary of modules

The Engineering Cycle

Each module is carried out following the engineering cylcle shown below.

Follow us on





Free counters!

Sponsors

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test3"