|
|
(17 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <title>Edinburgh iGEM 2008</title>
| |
- | <script type="text/javascript">
| |
- | //Drop Down Tabs Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
| |
- | //Created: May 16th, 07'
| |
| | | |
- | var tabdropdown={
| |
- | disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
| |
- | disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
| |
- | enableiframeshim: 1, //1 or 0, for true or false
| |
- |
| |
- | //No need to edit beyond here////////////////////////
| |
- | dropmenuobj: null, ie: document.all, firefox: document.getElementById&}&!document.all, previousmenuitem:null
| |
- | currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
| |
- |
| |
- | getposOffset:function(what, offsettype){
| |
- | var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
| |
- | var parentEl=what.offsetParent;
| |
- | while (parentEl!=null){
| |
- | totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
| |
- | parentEl=parentEl.offsetParent;
| |
- | }
| |
- | return totaloffset;
| |
- | },
| |
- |
| |
- | showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
| |
- | if (this.ie || this.firefox)
| |
- | this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
| |
- | if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
| |
- | if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
| |
- | obj2.parentNode.className="selected"
| |
- | obj.visibility="visible"
| |
- | }
| |
- | else if (e.type=="click")
| |
- | obj.visibility="hidden"
| |
- | },
| |
- |
| |
- | iecompattest:function(){
| |
- | return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
| |
- | },
| |
- |
| |
- | clearbrowseredge:function(obj, whichedge){
| |
- | var edgeoffset=0
| |
- | if (whichedge=="rightedge"){
| |
- | var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
| |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
| |
- | if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?
| |
- | edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
| |
- | }
| |
- | else{
| |
- | var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
| |
- | var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
| |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
| |
- | if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
| |
- | edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
| |
- | if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
| |
- | edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
| |
- | }
| |
- | this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
| |
- | }
| |
- | return edgeoffset
| |
- | },
| |
- |
| |
- | dropit:function(obj, e, dropmenuID){
| |
- | if (this.dropmenuobj!=null){ //hide previous menu
| |
- | this.dropmenuobj.style.visibility="hidden" //hide menu
| |
- | if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
| |
- | if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
| |
- | this.previousmenuitem.parentNode.className=""
| |
- | }
| |
- | }
| |
- | this.clearhidemenu()
| |
- | if (this.ie||this.firefox){
| |
- | obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
| |
- | obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
| |
- | this.dropmenuobj=document.getElementById(dropmenuID)
| |
- | this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
| |
- | this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
| |
- | this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
| |
- | this.showhide(this.dropmenuobj.style, e, obj)
| |
- | this.dropmenuobj.x=this.getposOffset(obj, "left")
| |
- | this.dropmenuobj.y=this.getposOffset(obj, "top")
| |
- | this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
| |
- | this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
| |
- | this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
| |
- | this.positionshim() //call iframe shim function
| |
- | }
| |
- | },
| |
- |
| |
- | contains_firefox:function(a, b) {
| |
- | while (b.parentNode)
| |
- | if ((b = b.parentNode) == a)
| |
- | return true;
| |
- | return false;
| |
- | },
| |
- |
| |
- | dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
| |
- | var evtobj=window.event? window.event : e
| |
- | if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
| |
- | this.delayhidemenu(obj2)
| |
- | else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
| |
- | this.delayhidemenu(obj2)
| |
- | },
| |
- |
| |
- | delayhidemenu:function(obj2){
| |
- | this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
| |
- | },
| |
- |
| |
- | clearhidemenu:function(){
| |
- | if (this.delayhide!="undefined")
| |
- | clearTimeout(this.delayhide)
| |
- | },
| |
- |
| |
- | positionshim:function(){ //display iframe shim function
| |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined"){
| |
- | if (this.dropmenuobj.style.visibility=="visible"){
| |
- | this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
| |
- | this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
| |
- | this.shimobject.style.left=this.dropmenuobj.style.left
| |
- | this.shimobject.style.top=this.dropmenuobj.style.top
| |
- | }
| |
- | this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
| |
- | }
| |
- | },
| |
- |
| |
- | hideshim:function(){
| |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined")
| |
- | this.shimobject.style.display='none'
| |
- | },
| |
- |
| |
- | isSelected:function(menuurl){
| |
- | var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
| |
- | return (tabdropdown.currentpageurl==menuurl)
| |
- | },
| |
- |
| |
- | init:function(menuid, dselected){
| |
- | this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
| |
- | var menuitems=document.getElementById(menuid).getElementsByTagName("a")
| |
- | for (var i=0; i<menuitems.length; i++){
| |
- | if (menuitems[i].getAttribute("rel")){
| |
- | var relvalue=menuitems[i].getAttribute("rel")
| |
- | document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
| |
- | menuitems[i].onmouseover=function(e){
| |
- | var event=typeof e!="undefined"? e : window.event
| |
- | tabdropdown.dropit(this, event, this.getAttribute("rel"))
| |
- | }
| |
- | }
| |
- | if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
| |
- | menuitems[i].parentNode.className+=" selected default"
| |
- | var setalready=true
| |
- | }
| |
- | else if (parseInt(dselected)==i)
| |
- | menuitems[i].parentNode.className+=" selected default"
| |
- | }
| |
- | }
| |
- |
| |
- | }
| |
- | </script>
| |
- | <style>
| |
- | .ddcolortabs{
| |
- | padding: 0;
| |
- | width: 100%;
| |
- | background: transparent;
| |
- | voice-family: "\"}\"";
| |
- | voice-family: inherit;
| |
- | }
| |
- |
| |
- | .ddcolortabs ul{
| |
- | font: normal 11px Arial, Verdana, sans-serif;
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | }
| |
- |
| |
- | .ddcolortabs li{
| |
- | display:inline;
| |
- | margin:0 2px 0 0;
| |
- | padding:0;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- |
| |
- | .ddcolortabs a{
| |
- | float:left;
| |
- | color: white;
| |
- | background: black url(media/color_tabs_left.gif) no-repeat left top;
| |
- | margin:0 2px 0 0;
| |
- | padding:0 0 1px 3px;
| |
- | text-decoration:none;
| |
- | letter-spacing: 1px;
| |
- | }
| |
- |
| |
- | .ddcolortabs a span{
| |
- | float:left;
| |
- | display:block;
| |
- | background: transparent url(media/color_tabs_right.gif) no-repeat right top;
| |
- | padding: 4px 8px 2px 7px;
| |
- | }
| |
- |
| |
- | .ddcolortabs a span{
| |
- | float:none;
| |
- | }
| |
- |
| |
- | .ddcolortabs a:hover{
| |
- | background-color: #591f20;
| |
- | }
| |
- |
| |
- | .ddcolortabs a:hover span{
| |
- | background-color: #591f20;
| |
- | }
| |
- |
| |
- | .ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
| |
- | background-color: #591f20;
| |
- | }
| |
- |
| |
- | .ddcolortabsline{
| |
- | clear: both;
| |
- | padding: 0;
| |
- | width: 100%;
| |
- | height: 8px;
| |
- | line-height: 8px;
| |
- | background: black;
| |
- | border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
| |
- | }
| |
- |
| |
- | /* ######### Style for Drop Down Menu ######### */
| |
- |
| |
- | .dropmenudiv_a{
| |
- | position:absolute;
| |
- | top: 0;
| |
- | border: 1px solid black; /*THEME CHANGE HERE*/
| |
- | border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
| |
- | border-bottom-width: 0;
| |
- | font:normal 12px Arial;
| |
- | line-height:18px;
| |
- | z-index:100;
| |
- | background-color: white;
| |
- | width: 200px;
| |
- | visibility: hidden;
| |
- | }
| |
- |
| |
- |
| |
- | .dropmenudiv_a a{
| |
- | width: auto;
| |
- | display: block;
| |
- | text-indent: 5px;
| |
- | border-top: 0 solid #678b3f;
| |
- | border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
| |
- | padding: 2px 0;
| |
- | text-decoration: none;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | * html .dropmenudiv_a a{ /*IE only hack*/
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | .dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
| |
- | background-color: #8a3c3d;
| |
- | color: white;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <!-- CSS for Drop Down Tabs Menu #1 -->
| |
- | <link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
| |
- |
| |
- | <div id="colortab" class="ddcolortabs">
| |
- | <ul>
| |
- | <li><a href="https://2008.igem.org/Team:Edinburgh" title="Home"><span>Home</span></a></li>
| |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Project" title="Project" rel="dropmenu1_a"><span>The Project</span></a></li>
| |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Team" title="Team" ><span>The Team</span></a></li>
| |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Modeling" title="Modeling" rel="dropmenu2_a"><span>Modeling</span></a></li>
| |
- | <li><a href="https://2008.igem.org/Team:Edinburgh/Notebook" title="Notebook"><span>Notebook</span></a></li>
| |
- | </ul>
| |
- | </div>
| |
- | <div class="ddcolortabsline"> </div>
| |
- | <div id="dropmenu1_a" class="dropmenudiv_a">
| |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Overview</a>
| |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Step1</a>
| |
- | <a href="https://2008.igem.org/Team:Edinburgh/Team">Step2</a>
| |
- | </div>
| |
- | <script type="text/javascript">
| |
- | //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
| |
- | tabdropdown.init("colortab", 3)
| |
- | </script>
| |
- | </html>
| |
- |
| |
- | For more information, please see [https://www.wiki.ed.ac.uk/display/iGEM2008/HOME our internal wiki].
| |
- |
| |
- | ==Our Objective: Saving the World==
| |
- |
| |
- | "Cellulose is the most abundant form of fixed carbon, with 100,000,000,000 tons produced in cell walls by plants each year" [http://www.blackwell-synergy.com/doi/full/10.1196/annals.1419.026 (Wilson, 2008)].
| |
- |
| |
- | A food shortage is engulfing the entire world, pushing food prices to new highs. An essay from the [http://www.earthpolicy.org/Updates/2008/Update72.htm Earth Policy Institute] (16 April 2008) discusses its significance to our lives. The food shortage not only harms the economy but also overburdens the environment, putting the future of the human race in peril. Coupled to this is global warming resulting in more frequent and lengthier periods of drought for much of the world as well as predicted inundation of low-lying land, and the depletion of oil reserves, which together but further strain on ecosystems.
| |
- |
| |
- | ==Project Description: Engineering bacteria to convert cellulose into starch and to produce the vitamin A precursor, beta-carotene==
| |
- |
| |
- | Currently, much agricultural produce is wasted. Wouldn't it be great if the indigestible parts of crop plants could be made edible, or at least if they could be converted into a biofuel source? - This is our plan!
| |
- |
| |
- | We will engineer bacteria with three novel pathways:
| |
- | # Degrade cellulose into glucose
| |
- | # Synthesise starch from glucose
| |
- | # Synthesise beta-carotene from glucose
| |
- |
| |
- | ===1. Cellulose degradation===
| |
- |
| |
- | We plan to incorporate the ''Cellulomonas fimi'' endoglucanase genes ''cenA'', ''cenB'' and ''cenC'', exoglucanase gene ''cex'' and beta-glucosidase into bacteria. Together these genes will be capable of breaking down cellulose into glucose. The proteins will need to be secreted into the medium to act (cellulose being too large for uptake into the cells), and we have 3 plans to enable this:
| |
- | # Add the Hly secretory pathway into a lab strain of ''E. coli'' (K12, JM109). This will involve incorporating ''hlyB'', ''hlyD'' and ''tolC'' and adding the 3' end of ''hlyA'' to our cellulases.
| |
- | # Create a glucose-sensitive feedback mechanism of cell lysis. Depletion of glucose would cause transcription of our cellulase operon and the transcription factor ''comK''. ComK would bind to a promoter upstream of the phiX174 gene ''E''. E is a short peptide which causes cell lysis.
| |
- | # Engineer our genes into ''Bacillus subtilis'', in which secretion is much better understand than in ''E. coli''.
| |
- |
| |
- | ===2. Starch synthesis===
| |
- |
| |
- | This would make use of the native glycogen synthesis pathway. We have identified a mutation in the gene ''glgC'' which should result in increased yield of glycogen. Adding isoamylase and granule-bound starch synthesis genes from ''Zea mays'' should then allow the cells to convert the glycogen into starch.
| |
- |
| |
- | ===3. Beta-carotene synthesis===
| |
- |
| |
- | Vitamin A deficiency results in night-blindness and an impaired immune system. A number of genes from ''Pantoea ananatis'' will be added to our bacterial cells, in essence transferring the beta-carotene synthesis pathway of ''P. ananatis'' to our chasis organism. These genes are ''crtE'' (geranyl diphosphate synthesase), ''crtB'' (phytoene synthase), ''crtI'' (phytoene desaturase) and ''crtY'' (lycopene beta-cyclase). We will also create BioBricks of the ''E. coli'' genes ''dxs'' and ''appY'', the addition of which should increase the yield of beta-carotene.
| |
- |
| |
- | ==Flowchart==
| |
- |
| |
- | [[Image:Edinburgh_Flowchart.jpg|500px]]
| |
- |
| |
- | ==Calendar==
| |
- | [[Image:Calendar.jpg]]
| |