|
|
| (61 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | __NOTOC__
| + | {{Template:Caltech_Header}} |
| | | | |
| | <html> | | <html> |
| - | <style type="text/css">
| |
| - | body {background: #EBA243}
| |
| | | | |
| | + | <h1>Biofuels and Bacterial Animations</h1> |
| | | | |
| - | .firstHeading {
| |
| - | display:none !important;
| |
| - | }
| |
| | | | |
| - | #p-logo { height:1px; overflow:hidden; display: none;}
| + | <p class="tab"> |
| | + | The Caltech 2012 iGEM <a href="https://2012.igem.org/Team:Caltech/Team">team's</a> project focused on manipulating bacteria to <a href="https://2012.igem.org/Team:Caltech/Project#Degradation_Project">degrade</a> stable organic polymers such as lignin and alginate; using these substrates to synthesize biofuels, specifically ethanol; and directing their ATP synthesis mechanism to rely on <a href="https://2012.igem.org/Team:Caltech/Project#Proteorhodopsin_Project">proteorhodopsin</a> as the source of the proton gradient, freeing NADH to interact in the synthetic pathway. Caltech also collaborated with California Institute of the Arts to create an animation using a plate of E. coli transformed with mCherry plasmid. To learn more about our collaboration, view our <a href="https://2012.igem.org/Team:Caltech/Human_Practice">Human Practice</a> page. |
| | + | </p> |
| | | | |
| - | #top-section {
| |
| - | background-image:url('https://static.igem.org/mediawiki/2012/2/28/IDcard.jpg');;
| |
| - | height:300px ! important;;
| |
| | | | |
| - | }
| |
| | | | |
| - | p {text-align: justify;}
| + | <img src="https://static.igem.org/mediawiki/2012/c/ca/Caltech_Flowchart.png" alt="Project Flowchart"/> |
| | | | |
| - | a:link { color: #00b0e6; text-decoration: none}
| |
| - | a:visited { color:#00b0e6; text-decoration: none}
| |
| - | a:hover { color:#f29400; text-decoration: none}
| |
| - | a:active { color:#f29400; text-decoration: none}
| |
| | | | |
| - | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
| |
| - |
| |
| - | table#Team { text-align: justify; border: 0; }
| |
| - | table#Team h2, table#Team h3 { clear: both; }
| |
| - |
| |
| - |
| |
| - | /*-----------------------------------------------------------------------------------------------*/
| |
| - | div.MenuBar ul li ul.DropDownMenu {
| |
| - | display: none; /* Hides all drop-down menus. */
| |
| - |
| |
| - | }
| |
| - | /*
| |
| - | li:hover works in IE7 and FF2.
| |
| - | a:hover works in IE6 and FF2.
| |
| - | a:hover breaks li:hover in FF2.
| |
| - | */
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| |
| - | display: none; /* Hides all side menus. */
| |
| - | }
| |
| - | /*------------------------------------------------------------------------------------- Menu Bar */
| |
| - | div.MenuBar {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | height: 30px;
| |
| - | width: 910px;
| |
| - | /*width: 100%*/
| |
| - | margin: 0;
| |
| - | border-top: 0;
| |
| - | border-right: 0;
| |
| - | border-left: 0;
| |
| - | padding: 0;
| |
| - | background: black;
| |
| - |
| |
| - | }
| |
| - | div.MenuBar ul {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | text-align: center;
| |
| - | list-style-type: none;
| |
| - | margin: 0.5em auto;
| |
| - | border: 0;
| |
| - | padding: 0;
| |
| - | background: black;
| |
| - | }
| |
| - | div.MenuBar ul li {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | display: block;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | font-size: 1.3em;
| |
| - | float: left;
| |
| - | background: black;
| |
| - | text-align: center;
| |
| - | width: 107px;
| |
| - | position: relative; /* Sets the positioning context for each drop-down menu. */
| |
| - | }
| |
| - |
| |
| - | div.MenuBar ul li a {
| |
| - | font: arial, helvetica, sans-serif;
| |
| - | display: block;
| |
| - | background: black;
| |
| - | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| |
| - | color: #ffffff;
| |
| - | padding-top: 4px;
| |
| - | padding-bottom: 4px;
| |
| - | padding-left: 1em; /* Sets the left space between top-level items. */
| |
| - | padding-right: 1em; /* Sets the right space between top-level items. */
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | /*------------------------------------------------------------------------------ Drop-Down Menus */
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu {
| |
| - | display: block;
| |
| - | width: 10em; /* Drop-down menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | height: 1em;
| |
| - | padding: 1px; /* Sets the drop-down menu "effective border" width. */
| |
| - | position: absolute;
| |
| - | top: 23px; /* Places the drop-down menu under the menu bar.
| |
| - | Keep it sync with the menu bar height. */
| |
| - | left: 0; /* Aligns the drop-down menu to its top-level item. */
| |
| - | background-color: black; /* Selected item. */
| |
| - | color: #FFFFFF;
| |
| - |
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| |
| - | width: 10em; /* Keep it sync with the drop-down menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | height: 1em;
| |
| - | padding-left: 0;
| |
| - | padding-right: 0;
| |
| - | background-color: black; /* Selected item. */
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | ul.DropDownMenu li a span {
| |
| - | display: block;
| |
| - | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
| |
| - | padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
| |
| - | text-align: right; /* Aligns the >> symbol to the right. */
| |
| - | }
| |
| - | ul.DropDownMenu li a span span {
| |
| - | float: left; /* Aligns the text (back) to the left. */
| |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
| - | height: 20px;
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | /*----------------------------------------------------------------------------------- Side Menus */
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| |
| - | display: block;
| |
| - | width: 11em; /* Side menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | padding: 1px; /* Sets the side menu "effective border" width. */
| |
| - | position: absolute;
| |
| - | top: -1px; /* Aligns the side menu to its drop-down menu item.
| |
| - | Keep it sync with the side menu "effective border" width. */
| |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| |
| - | width: 11em; /* Keep it sync with the side menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | }
| |
| - | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
| |
| - | padding-left: 1.5em; /* Sets the left space of each side menu item. */
| |
| - | padding-right: 0.5em; /* Sets the right space of each side menu item. */
| |
| - | text-align: left;
| |
| - | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
| - | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width.
| |
| - | Use MenuTailor.css to customize. */
| |
| - | }
| |
| - | /*----------------------------------------------------------------------------- Browser Specific */
| |
| - | * html div.MenuBar ul li a {
| |
| - | float: left; /* Required for IE55 and IE6.
| |
| - | Breaks O9.
| |
| - | Hidden (* html) from non-IE browsers. */
| |
| - | }
| |
| - | * html ul.DropDownMenu li a:hover {
| |
| - | cursor: hand; /* Required for IE55.
| |
| - | Hidden (* html) from non-IE browsers. */
| |
| - | }
| |
| - | ul.DropDownMenu li a:hover {
| |
| - | cursor: pointer; /* Required for IE6 and IE7.
| |
| - | Hidding it (* html) from non-IE browsers breaks IE7!
| |
| - | }
| |
| - | * html div.MenuBar a:hover {
| |
| - | text-decoration: none; /* Required for IE55 and IE6.
| |
| - | Hidden (* html) from non-IE browsers. */
| |
| - | }
| |
| - | * html div.MenuBar ul li table,
| |
| - | * html div.MenuBar ul li table td {
| |
| - | border: 0; /* Required for IE55 and IE6.
| |
| - | Hidden (* html) from non-IE browsers. */
| |
| - | }
| |
| - | /*------------------------------------------------------------------------------- Default Colors */
| |
| - | div.MenuBar {
| |
| - | background-color: Menu;
| |
| - | border-bottom: 1px solid ButtonShadow;
| |
| - | }
| |
| - | div.MenuBar a {
| |
| - | background-color: Menu; /* Top-level unselected items. */
| |
| - | color: MenuText;
| |
| - | }
| |
| - | div.MenuBar ul li:hover a,
| |
| - | div.MenuBar ul li a:hover {
| |
| - | color: #ea7f16;
| |
| - | background-color: Highlight; /* Top-level selected item. */
| |
| - | color: HighlightText;
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu {
| |
| - | background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| |
| - | background-color: Menu; Drop-down menu unselected items.
| |
| - | Sets the drop-down menu "effective background" color. */
| |
| - | color: MenuText;
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
| |
| - | background-color: Highlight; /* Drop-down menu selected item. */
| |
| - | color: HighlightText;
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| |
| - | background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| |
| - | background-color: Menu; /* Side menu unselected items.
| |
| - | Sets the side menu "effective background" color. */
| |
| - | color: MenuText;
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| |
| - | background-color: Highlight; /* Side menu selected item. */
| |
| - | color: HighlightText;
| |
| - | }
| |
| - | /*-----------------------------------------------------------------------------------------------*/
| |
| - | /*Script-Free 3-Level Menu 1.2 Tailor
| |
| - | www.CesarDaniel.info
| |
| - | /*-------------------------------------------------------------------------------------- General */
| |
| - | body {
| |
| - | background: style="color:#BB4400";
| |
| - | color: black;
| |
| - | margin: 0;
| |
| - | border: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | div.MenuBar {
| |
| - | font: 13px arial, helvetica, sans-serif;
| |
| - | }
| |
| - | div.MenuBar ul {
| |
| - | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
| |
| - | }
| |
| - | /*--------------------------------------------------------------------------------------- Colors */
| |
| - | div.MenuBar {
| |
| - | background-color: black; /* Selected item. */
| |
| - | color: #FFFFFF;
| |
| - | border-bottom: 1px solid ButtonShadow;
| |
| - | }
| |
| - | div.MenuBar a,
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a,
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| |
| - | background-color: black; /* Selected item. */
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | div.MenuBar ul li:hover a,
| |
| - | div.MenuBar ul li a:hover,
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| |
| - | background-color: #00b0e6; /* Selected item. */
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu,
| |
| - | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| |
| - | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| |
| - | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
| |
| - | }
| |
| - | /*--------------------------------------------------------------------------------------- Widths */
| |
| - | /*
| |
| - |
| |
| - | /*
| |
| - | Menu Bar 1
| |
| - | Drop-Down Menu #2
| |
| - | */
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
| |
| - | width: 11em; /* Drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
| |
| - | width: 12em; /* Drop-down menu width. */
| |
| - | }
| |
| - |
| |
| - | /*...............................................................................................*/
| |
| - | /*
| |
| - | Menu Bar 1
| |
| - | Drop-Down Menu #2
| |
| - | Side Menu #1
| |
| - | */
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
| |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
| |
| - | width: 10em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | /*
| |
| - | Menu Bar 1
| |
| - | Drop-Down Menu #2
| |
| - | Side Menu #2
| |
| - | */
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
| |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
| |
| - | width: 10em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - | /*
| |
| - | Menu Bar 1
| |
| - | Drop-Down Menu #2
| |
| - | Side Menu #3
| |
| - | */
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
| |
| - | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
| - | Keep it sync with the drop-down menu width. */
| |
| - | }
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
| |
| - | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
| |
| - | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
| |
| - | width: 10em; /* Side menu width. */
| |
| - | }
| |
| - | /*...............................................................................................*/
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <div id="header">
| |
| - | <center><div style="font-size:24pt;"><font face="georgia" style="color:#BB4400">
| |
| - | <img src="https://2012.igem.org/File:TurtlePond.jpg" alt="Caltech iGEM 2012"\> </div>
| |
| - | <div class='MenuBar' id="navi">
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech" style="color:#BB4400">Home
| |
| - | <!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Team" style="color:#BB4400">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Team#Mentors"><span><span>Mentors</span></span></a>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Team#Undergraduates"><span><span>Undergraduates</span></span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Project" style="color:#BB4400">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project"><span><span>Overall Project</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/material"><span><span>Materials & Methods</span></span></a>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project/Degradation"><span><span>Degradation</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project/Proteorhodopsin"><span><span>Proteorhodopsin</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Project/Biodiesel"><span><span>Biodiesel </span></span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Parts" style="color:#BB4400">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM2">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Parts"><span><span>Submitted Parts</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Parts/Characterization"><span><span>Characterization</span></span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Modeling" style="color:#BB4400">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM1">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Modeling/Degradation"><span><span>Degradation</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Modeling/Proteorhodopsin"><span><span>Proteorhodopsin</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Modeling/Biodiesel"><span><span>Biodiesel </span></span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Notebook" style="color:#BB4400">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM5">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation_Group/Notebook"><span><span>Degradation ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="SideMenu" id="MB1-DDM2-SM1">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation_Group/Cloning"><span>Strategy</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Degradation_Group/Notebook"><span>Notebook</span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin/Notebook"><span><span>Proteorhodopsin></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="SideMenu" id="MB1-DDM2-SM2">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin/Cloning"><span>Strategy</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Proteorhodopsin/Notebook"><span>Notebook</span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/ProteorhodopsinI/Notebook"><span><span>Biodiesel ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="SideMenu" id="MB1-DDM2-SM3">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Biodiesel/Cloning"><span>Strategy</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/Biodiesel/Notebook"><span>Notebook</span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/material"><span><span>Materials & Methods</span></span></a>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - |
| |
| - | <li>
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Sponsors" style="color:#BB4400">Sponsors</a>
| |
| - | </li>
| |
| - | <li style="width: 160px">
| |
| - | <a href="https://2012.igem.org/Team:Caltech/Human_Practice" style="color:#BB4400">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
| |
| - | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| |
| - | <ul class="DropDownMenu" id="MB1-DDM4">
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Human_Practice/Project_Overview"><span><span>Project Overview</span></span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Caltech/Human_Practice/Project_1"><span><span>First Project</span></span></a></li>
| |
| - | <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Project_2"><span><span>Second Project</span></span></a></li>
| |
| - | </ul>
| |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| |
| - | </li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - | <div id="header_bottom">/ ></div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
| - | {|
| |
| - | |-valign="top" border="0"
| |
| - | |width="500px" style="padding: 0 20px 0 0;"|
| |
| - |
| |
| - | =='''From Biofilms to Biofuel'''==
| |
| - |
| |
| - | The iGEM (International Genetically Engineered Machine) competition started with a handful of teams competing at MIT, and has expanded to involve over one hundred and thirty college groups developing and implementing new applications of synthetic biology. Over the summer, teams from each school utilize BioBricks supplied by MIT. BioBricks are genetic libraries of promoters and genes that can be easily incorporated into other organisms’ genomes. This allows for relatively quick manipulation of organisms to express a certain product or perform a new function. For example, the 2008 Caltech iGEM team, which won third place, manipulated E. coli (a beneficial resident of the intestine) to produce anti-pathenogenic products in addition to its typical functions in the body. The genetically engineered E. coli supplemented its typical role in the gut to mimic white blood cells’ anti-pathenogenic properties elsewhere in the body (1).
| |
| - | Caltech’s 2012 iGEM team aims to manipulate bacteria to degrade stable organic polymers such as lignin and alginate; to use these substrates to synthesize biofuels, specifically biodiesel; and to direct their ATP synthesis mechanism to rely on proteorhodopsin as the source of the proton gradient, freeing NADH to interact in the synthetic pathway instead. We will develop the three facets of the project in different strains of E. coli. Depending on our success in each area, we will then splice the manipulated sequences into one new organism.
| |
| - |
| |
| - |
| |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <script type="text/javascript">
| |
| - | <!--
| |
| - | //preload images
| |
| - | var image1=new Image()
| |
| - | image1.src="https://static.igem.org/mediawiki/2012/8/8d/TurtlePond.jpg"
| |
| - | var image2=new Image()
| |
| - | image2.src="https://static.igem.org/mediawiki/2012/2/28/IDcard.jpg"
| |
| - | var image3=new Image()
| |
| - | image3.src="https://static.igem.org/mediawiki/2011/6/6a/Throop.jpg"
| |
| - | //-->
| |
| - | </script>
| |
| - | </head>
| |
| - | <body>
| |
| - | <a href="javascript:slidelink()">
| |
| - | <img src="firstcar.gif" name="slide" border="0" width="800" height="400" /></a>
| |
| - | <script type="text/javascript">
| |
| - | <!--
| |
| - | var step=1
| |
| - | var whichimage=1
| |
| - | function slideit(){
| |
| - | if (!document.images)
| |
| - | return
| |
| - | document.images.slide.src=eval("image"+step+".src")
| |
| - | whichimage=step
| |
| - | if (step<3)
| |
| - | step++
| |
| - | else
| |
| - | step=1
| |
| - | setTimeout("slideit()",5000)
| |
| - | }
| |
| - | slideit()
| |
| - | function slidelink(){
| |
| - | if (whichimage==1)
| |
| - | window.location="link1.htm"
| |
| - | else if (whichimage==2)
| |
| - | window.location="link2.htm"
| |
| - | else if (whichimage==3)
| |
| - | window.location="link3.htm"
| |
| - | }
| |
| - | //-->
| |
| - | </script>
| |
| - | </body>
| |
| - | </html>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | |width="250px"|
| |
| - |
| |
| - | ==News==
| |
| - |
| |
| - |
| |
| - |
| |
| - | ==Sponsors==
| |
| - |
| |
| - |
| |
| - |
| |
| - | |}
| |
"
