Team:Imperial College London

From 2011.igem.org

(Difference between revisions)
 
(82 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Imperial_College_London/Templates/Banner}}
+
{{:Team:Imperial_College_London/Templates/Header}}
-
{{:Team:Imperial_College_London/Templates/Menu}}
+
<html>
-
 
+
-
{| style="width:965px;background:#F5F5F5;text-align:justify;font-family: Georgia, serif;color:#4A4A4A;margin-top:25px;" cellspacing="20"
+
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;width:635px;"|Imperial College London iGEM 2011
+
-
|style="font-family: Georgia, serif;font-size:1em;color:#A35200;text-align:left;"|iGEM 2011 European Jamboree Countdown
+
-
|-
+
-
|Welcome to the Imperial College London iGEM 2011 website.
+
-
|<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
 
 +
<style type="text/css">
 +
 
 +
/*Example CSS for the two demo scrollers*/
 +
 
 +
#pscroller1{
 +
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>
 +
 
 +
<script type="text/javascript">
 +
 
 +
/*Example message arrays for the two demo scrollers*/
 +
 
 +
var pausecontent=new Array()
 +
pausecontent[0]='<h2>"Application of indole-3-acetic acid (IAA) or IAA-related metabolites stimulates lateral root (LR) and root hair formation."</h2><h3><a href="" target="_blank">Spaepen S, Vanderleyden J, Remans R (2007)</a></h3>'
 +
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="https://2011.igem.org/Team:Imperial_College_London/Human_Implementation" target="_blank">Prof. Stuart John Dunbar, Senior Syngenta Fellow</a></h3>'
 +
pausecontent[2]='<h2>"Plant synthetic biology has been under-appreciated."</h2><h3><a href="http://www.hms.harvard.edu/agingresearch/pages/pamelasilver.htm" target="_blank">Prof. Pamela Silver, Harden Conference 2011</a></h3>'
 +
pausecontent[3]='<h2>"The technology you are describing is indeed promising. However, I also forsee some hurdles which need to be taken into account, such as legislation and acceptance by the consumer."</h2><h3><a href="https://2011.igem.org/Team:Imperial_College_London/Human_Overview" target="_blank">Dr. Frans Tetteroo, Senior Scientist at Incotec</a></h3>'
 +
pausecontent[4]='<h2>"I was really impressed with your project, its really cool how you have so many modules built into one system"</h2><h3><a href="http://igemwatch.net/?p=80" target="_blank">Lars Christian, iGEM Watch</a></h3>'
 +
 
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
 
 +
/***********************************************
 +
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
 +
***********************************************/
 +
 
 +
function pausescroller(content, divId, divClass, delay){
 +
this.content=content //message array content
 +
this.tickerid=divId //ID of ticker div to display information
 +
this.delay=delay //Delay between msg change, in miliseconds.
 +
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
 +
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>')
 +
var scrollerinstance=this
 +
if (window.addEventListener) //run onload in DOM2 browsers
 +
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
 +
else if (window.attachEvent) //run onload in IE5.5+
 +
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)
 +
}
 +
 
 +
// -------------------------------------------------------------------
 +
// initialize()- Initialize scroller method.
 +
// -Get div objects, set initial positions, start up down animation
 +
// -------------------------------------------------------------------
 +
 
 +
pausescroller.prototype.initialize=function(){
 +
this.tickerdiv=document.getElementById(this.tickerid)
 +
this.visiblediv=document.getElementById(this.tickerid+"1")
 +
this.hiddendiv=document.getElementById(this.tickerid+"2")
 +
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
 +
//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"
 +
this.getinline(this.visiblediv, this.hiddendiv)
 +
this.hiddendiv.style.visibility="visible"
 +
var scrollerinstance=this
 +
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
 +
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)
 +
}
 +
 
 +
 
 +
// -------------------------------------------------------------------
 +
// animateup()- Move the two inner divs of the scroller up and in sync
 +
// -------------------------------------------------------------------
 +
 
 +
pausescroller.prototype.animateup=function(){
 +
var scrollerinstance=this
 +
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
 +
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
 +
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
 +
setTimeout(function(){scrollerinstance.animateup()}, 50)
 +
}
 +
else{
 +
this.getinline(this.hiddendiv, this.visiblediv)
 +
this.swapdivs()
 +
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
 +
}
 +
}
 +
 
 +
// -------------------------------------------------------------------
 +
// swapdivs()- Swap between which is the visible and which is the hidden div
 +
// -------------------------------------------------------------------
 +
 
 +
pausescroller.prototype.swapdivs=function(){
 +
var tempcontainer=this.visiblediv
 +
this.visiblediv=this.hiddendiv
 +
this.hiddendiv=tempcontainer
 +
}
 +
 
 +
pausescroller.prototype.getinline=function(div1, div2){
 +
div1.style.top=this.visibledivtop+"px"
 +
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
 +
}
 +
 
 +
// -------------------------------------------------------------------
 +
// setmessage()- Populate the hidden div with the next message before it's visible
 +
// -------------------------------------------------------------------
 +
 
 +
pausescroller.prototype.setmessage=function(){
 +
var scrollerinstance=this
 +
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
 +
setTimeout(function(){scrollerinstance.setmessage()}, 100)
 +
else{
 +
var i=this.hiddendivpointer
 +
var ceiling=this.content.length
 +
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 src="https://2011.igem.org/Team:Imperial_College_London/swfobject?action=raw&ctype=text/js" type="text/javascript"></script>
 +
<script src="https://2011.igem.org/Team:Imperial_College_London/flashgallery?action=raw&ctype=text/js" type="text/javascript"></script>
 +
 
 +
 
</head>
</head>
 +
<body>
<body>
-
<script src="https://2011.igem.org/Team:Imperial/countdown?action=raw&ctype=text/js"></script>
+
 
-
<script>
+
<table width="975px">
-
deadline("2011-10-1-0-0-0", "265", "45", "digital", "#000000", "#FF0000", "#FFFF33");
+
<tr style="text-align:center;" valign="top">
 +
<td style="width:650px;">
 +
<p>If you cannot view the photo gallery below, please click <a href="https://2011.igem.org/Team:Imperial_College_London/Alternative"><b>here</b></a> to view our alternative home page or download the Adobe Flash Player <a href="http://www.adobe.com/support/flashplayer/downloads.html" target="_blank"><b>here</b></a>.</p>
 +
<div style="margin-left:20px;">
 +
<script type="text/javascript"> jQuery.flashgallery('https://static.igem.org/mediawiki/2011/c/c0/ArtGallery.swf ', 'https://2011.igem.org/Team:Imperial_College_London/gallery?action=raw&ctype=text/xml ', {width: '630px', height: '550px', background: '#000000'});
</script>
</script>
-
</body>
 
-
</html>
 
-
|-
+
<div style="font-size:7pt">&copy;copyright <a href="http://flash-gallery.com" target="_blank" title="Flash-Gallery.com - Art Photo Gallery free version">Flash Slideshow by Flash-Gallery.com</a> </div>
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Project Description
+
<div style="padding-top:20px">&nbsp;</div>
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|News
+
</div>
-
|-
+
</td>
-
|rowspan="5" style="vertical-align:top;"|Arid lands, constituting up to 38% of the globe, are at severe risk of desertification, resulting in the creation of new deserts and expansion of existing ones through both soil deterioration and erosion. Although the soil erosion process occurs naturally due to wind and water impact, it has been dramatically accelerated as a consequence of human activity and the effects are becoming increasingly alarming.
+
-
Desertification is particularly significant in the African Sahara, which is expanding south at a rate of up to 48 kilometers per year, affecting 46% of the land on the continent.  Human activity in these arid areas is encouraging further wind and water erosion, disrupting already fragile ecosystems as well as agricultural productivity. The growing population of many African countries pressures farmers to cultivate their land throughout the year rather than introduce fallow periods to regain vital soil fertility. This unsustainable cultivation drains nutrients from the soil , leaving the top layer unprotected from erosive forces. Decreased soil productivity can be prevented through sustainable agricultural practice. However, it is difficult to get sufficient plant rooting in eroded soil before the vegetation is washed or blown away. A method of ensuring rooting of protective vegetation in fragile soil would greatly enhance the likelihood of the land being productive in the future.
+
<td>
-
Our project provides a novel solution to prevent erosion of drylands by improving plant root growth to re-vegetate the land more rapidly. Our system comprises of two genetic circuits engineered into an E. coli chassis. The first involves re-wiring of the chemotactic pathway in E. coli to respond to exudates of common crop roots as attractants, localizing our bacteria to the plant roots. E. coli will then be actively taken up by root hair cells (Paungfoo-Lonhienne et al. (2010)). The second circuit involves production and release of auxin, a plant growth hormone, from E. coli into the roots to stimulate their growth and provide a strong root network to hold down top soil. We envisage that such a system will provide a platform for manipulating plants in a multitude of ways other than root growth, such as pesticide resistance.  
+
<a href="https://2011.igem.org/Team:Imperial_College_London/Tour"><img src="https://static.igem.org/mediawiki/2011/b/ba/ICL_btn1.png" width="250px" style="padding:0px 0px 10px 0px;" /></a>
 +
<a href="https://2011.igem.org/Team:Imperial_College_London/Achievements"><img src="https://static.igem.org/mediawiki/2011/7/7d/ICL_btn3.png" width="250px" style="padding:0px 0px 10px 0px;" /></a>
 +
<a href="https://2011.igem.org/Team:Imperial_College_London/Data"><img src="https://static.igem.org/mediawiki/2011/f/f1/ICL_btn2.png" width="250px" style="padding:0px 0px 10px 0px;" /></a>
-
As a team, we recognize the huge human practice issue of releasing engineered microbes into the environment that shadows the potential application of this project outside of the lab. However we have chosen to tackle these issues head on and consider potential solutions when designing our genetic circuits, such as engineering in kill-switches, to encourage the possibility of future development.
+
<h2 style="padding-left:0px;">Follow us on</h2>
 +
<a href="http://www.flickr.com/photos/64732447@N05/" target="_new" alt="Flickr"><img src="https://static.igem.org/mediawiki/2011/d/d7/ICL_flickr.png" /></a>
 +
<a href="http://twitter.com/#!/ImperialiGEM11" target="_new" alt="Twitter"><img src="https://static.igem.org/mediawiki/2011/d/d7/ICL_twitter.png" /></a>
 +
<a href="http://imperialigem.blogspot.com/" target="_new" alt="Blog"><img src="https://static.igem.org/mediawiki/2011/7/7d/ICL_blogger.png" /></a>
 +
<a href="http://www.youtube.com/user/ImperialiGEM" target="_new" alt="Youtube"><img src="https://static.igem.org/mediawiki/2011/d/d3/ICL_youtube.png" /></a>
 +
<a href="http://www.spreaker.com/page#!/show/the_radio_igem_show" target="_new" alt="Radio iGEM"><img src="https://static.igem.org/mediawiki/2011/b/b3/ICL_RadioLogo.jpg" width="48px" /></a>
 +
<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>
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
<table width="975px">
 +
<tr>
 +
<td style="padding:0px 0px 0px 18px;">
 +
 
 +
<script type="text/javascript">
 +
 
 +
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
 +
 
 +
new pausescroller(pausecontent, "pscroller1", "someclass", 5000)
-
|<html>
 
-
<script type="text/javascript" src="http://output23.rssinclude.com/output?type=js&amp;id=302753&amp;hash=1964570c70873abce82ad55ca78b9adc"></script>
 
-
</html>
 
-
|-
 
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Blog Updates
 
-
|-
 
-
|<html>Click <a href="http://imperialigem.blogspot.com/" target="_new">here</a></html> to visit our iGEM blog.
 
-
<html>
 
-
<script type="text/javascript" src="http://output93.rssinclude.com/output?type=js&amp;id=302893&amp;hash=8aa9741c15011c2c7ccd19c0a3692d4a"></script>
 
-
</html>
 
-
|-
 
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Twitter
 
-
|-
 
-
|style="vertical-align:top;"|<html>
 
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 
-
<script>
 
-
new TWTR.Widget({
 
-
  version: 2,
 
-
  type: 'profile',
 
-
  rpp: 15,
 
-
  interval: 6000,
 
-
  width: 265,
 
-
  height: 200,
 
-
  theme: {
 
-
    shell: {
 
-
      background: '#A35200',
 
-
      color: '#F5F5F5'
 
-
    },
 
-
    tweets: {
 
-
      background: '#F5F5F5',
 
-
      color: '#4A4A4A',
 
-
      links: '#A35200'
 
-
    }
 
-
  },
 
-
  features: {
 
-
    scrollbar: true,
 
-
    loop: false,
 
-
    live: false,
 
-
    hashtags: true,
 
-
    timestamp: true,
 
-
    avatars: false,
 
-
    behavior: 'all'
 
-
  }
 
-
}).render().setUser('ImperialiGEM11').start();
 
</script>
</script>
-
</html>
+
</td>
-
|}
+
</tr>
-
{| style="width:965px;background:#F5F5F5;text-align:justify;font-family: Georgia, serif;color:#4A4A4A;margin-top:0px;" cellspacing="20"
+
</table>
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;width:483px;"|Imperial iGEM Trailer
+
 
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Flickr
+
<br/>
-
|-
+
<h1>Sponsored by:</h1>
-
|<html>
+
<table width="975px" cellpadding="0px">
-
<iframe width="483" height="399" src="http://www.youtube.com/embed/klKg9Q1OS2g?rel=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
+
<tr>
-
</html>
+
<td>
-
|<html>
+
<p>
-
<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?user_id=64732447@N05&" frameBorder="0" width="418" height="399" scrolling="no"></iframe>
+
<a href="http://www.wellcome.ac.uk/" target="_new">  
-
</html>
+
-
|}
+
-
{| style="width:965px;background:#F5F5F5;text-align:justify;font-family: Georgia, serif;color:#4A4A4A;margin-top:0px;" cellspacing="20"
+
-
|style="font-family: Georgia, serif;font-size:2em;color:#A35200;"|Sponsored by:
+
-
|-
+
-
|<html><a href="http://www.wellcome.ac.uk/" target="_new">  
+
<img src="https://static.igem.org/mediawiki/2011/d/d2/ICL_WellcomeTrust.gif" width="230" />  
<img src="https://static.igem.org/mediawiki/2011/d/d2/ICL_WellcomeTrust.gif" width="230" />  
-
</a></html>
+
</a>
-
|<html><a href="http://www.eurofinsdna.com" target="_new">  
+
<a href="http://www.eurofinsdna.com" target="_new">  
-
<img src="https://static.igem.org/mediawiki/2011/0/00/ICL_Eurofins.jpg" width="230" />  
+
<img src="https://static.igem.org/mediawiki/2011/0/00/ICL_Eurofins.jpg" width="230" style="padding-left:30px;" />  
-
</a></html>
+
</a>
-
|<html><a href="http://www.neb.com" target="_new">  
+
<a href="http://www.neb.com" target="_new">  
-
<img src="https://static.igem.org/mediawiki/2011/4/4d/ICL_NEB.jpg" width="230" />  
+
<img src="https://static.igem.org/mediawiki/2011/4/4d/ICL_NEB.jpg" width="230" style="padding-left:20px;" />  
-
</a></html>
+
</a>
-
|<html><a href="http://www.qiagen.com" target="_new">  
+
<a href="http://www.qiagen.com" target="_new">  
-
<img src="https://static.igem.org/mediawiki/2011/8/80/ICL_Qiagen.jpg" width="130" />  
+
<img src="https://static.igem.org/mediawiki/2011/8/80/ICL_Qiagen.jpg" width="130" style="padding-left:20px;" />  
-
</a></html>
+
</a>
-
|}
+
</p>
 +
</td>
 +
</tr>
 +
 
 +
</table>
 +
</body>
 +
</html>

Latest revision as of 18:34, 16 October 2011



If you cannot view the photo gallery below, please click here to view our alternative home page or download the Adobe Flash Player here.

 

Follow us on

Sponsored by:

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