Team:Tec-Monterrey/projectdescription
From 2011.igem.org
(Difference between revisions)
(33 intermediate revisions not shown) | |||
Line 62: | Line 62: | ||
body { | body { | ||
- | |||
font: 12px Tahoma, Geneva, sans-serif; | font: 12px Tahoma, Geneva, sans-serif; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-size: 100%; | background-size: 100%; | ||
Line 154: | Line 153: | ||
} | } | ||
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { | ul.nav a:hover, ul.nav a:active, ul.nav a:focus { | ||
- | background: # | + | background: #339dff; /*float amarillo*/ |
color: #FFF; | color: #FFF; | ||
} | } | ||
Line 161: | Line 160: | ||
font:12px arial; | font:12px arial; | ||
width:700; | width:700; | ||
- | height: | + | height:350; |
- | max-height: | + | max-height: 350px; |
border:none; | border:none; | ||
overflow:auto; | overflow:auto; | ||
Line 218: | Line 217: | ||
/* panel heading on rollover */ | /* panel heading on rollover */ | ||
.panel h2:hover, .panelcollapsed h2:hover { | .panel h2:hover, .panelcollapsed h2:hover { | ||
- | background-color: # | + | background-color: #339dff; |
color: #FFF; | color: #FFF; | ||
} | } | ||
Line 250: | Line 249: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | |||
- | |||
- | |||
- | |||
i = 0 | i = 0 | ||
var speed = 10 | var speed = 10 | ||
Line 271: | Line 266: | ||
t1=setTimeout("scrollUp()",100) | t1=setTimeout("scrollUp()",100) | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 298: | Line 272: | ||
var PANEL_COLLAPSED_CLASS = "panelcollapsed"; | var PANEL_COLLAPSED_CLASS = "panelcollapsed"; | ||
var PANEL_HEADING_TAG = "h2"; | var PANEL_HEADING_TAG = "h2"; | ||
- | |||
var PANEL_CONTENT_CLASS = "panelcontent"; | var PANEL_CONTENT_CLASS = "panelcontent"; | ||
var PANEL_COOKIE_NAME = "panels"; | var PANEL_COOKIE_NAME = "panels"; | ||
Line 309: | Line 282: | ||
// get all headings | // get all headings | ||
- | var | + | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
// go through all tags | // go through all tags | ||
Line 397: | Line 352: | ||
var stepHeight = contentHeight / PANEL_ANIMATION_STEPS; | var stepHeight = contentHeight / PANEL_ANIMATION_STEPS; | ||
var direction = (!expanding ? -1 : 1); | var direction = (!expanding ? -1 : 1); | ||
- | + | if (direction > 0) | |
+ | collapseAll(); | ||
setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY); | ||
} | } | ||
- | + | /** | |
+ | * Change the height of the target | ||
+ | * @param panelContent reference to the panel content to change height | ||
+ | * @param iteration current iteration; animation will be stopped when iteration reaches PANEL_ANIMATION_STEPS | ||
+ | * @param stepHeight height increment to be added/substracted in one step | ||
+ | * @param direction 1 for expanding, -1 for collapsing | ||
+ | */ | ||
function animateStep(panelContent, iteration, stepHeight, direction) | function animateStep(panelContent, iteration, stepHeight, direction) | ||
{ | { | ||
Line 506: | Line 468: | ||
--> | --> | ||
</script> | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
Line 544: | Line 517: | ||
<div class="panelcontent" style=""> | <div class="panelcontent" style=""> | ||
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectoverview">overview</a></p> | |
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">genetic frame</a></p> |
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults/methods">methods</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectprotocols">protocols</a><p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/ | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p> |
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 561: | Line 539: | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">headquarters</a></p> |
- | + | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p> | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 582: | Line 559: | ||
</div> | </div> | ||
</li> | </li> | ||
- | + | ||
- | + | </ul> | |
+ | |||
</div> | </div> | ||
<div class="content"> | <div class="content"> | ||
- | + | <div style=" | |
- | + | text-align:center;"> | |
+ | |||
+ | <!--in sub pages, this divisions should be comments! :D--> | ||
<div style=" | <div style=" | ||
padding:25px 50px; | padding:25px 50px; | ||
- | + | background-color:#04191d; | |
- | + | color:#333; | |
- | margin:5px | + | text-align:left; |
- | + | margin:5px 30px;"> | |
- | + | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div align="justify"> | ||
<div style="-moz-border-radius: 4px;-webkit-border-radius: 4px;"> | <div style="-moz-border-radius: 4px;-webkit-border-radius: 4px;"> | ||
- | <div class="frame" id="frame1" style="background-color:#e5e5e5; | + | <div class="frame" id="frame1" style="background-color:#e5e5e5;"> |
- | + | <br> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | <img src="https://static.igem.org/mediawiki/2011/9/94/Abstractimg01.png" alt="" name="" width="200" height="50" id="tgo"> | + | <center><img src="https://static.igem.org/mediawiki/2011/9/94/Abstractimg01.png" alt="" name="" width="200" height="50" id="tgo"> </center> |
<br> | <br> | ||
- | + | <p class="textojustif"> Production of sugarcane used to be a high profit activity in the Mexican industry. Nonetheless, the increasing demand of high fructose syrup has become a rising threat to most sugar companies. Our project expects to apply synthetic biology to use sugar obtained from sugarcane in an industrial sugar-fructose process, intending to make it simpler and more profitable. The new genetic construct will be able to immobilize invertase by fusing it to bacterial natural membrane protein fragments through a technique for cell surface display. This system will catalyze the transformation of sucrose into fructose directly, without the need of any chemical or mechanical purification process to obtain the enzyme, reducing the amount of unit operations, and cutting production costs. Also, we will use the same principle to immobilize cellulase, converting cellulose from bagasse into useful substrate for biofuel production. | |
<br> | <br> | ||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</p> | </p> | ||
- | |||
</div> | </div> | ||
- | + | <hr> | |
- | <br><input type="button" value="Up" onmouseover="scrollUp()" onmouseout="clearTimeout(t1)"> | + | <br/> |
- | <input type="button" value="Down" onmouseover="scrollDown()" onmouseout="clearTimeout(t1)"> | + | <input type="button" value=" Up " onmouseover="scrollUp()" onmouseout="clearTimeout(t1)"> |
- | </div> | + | <input type="button" value=" Down " onmouseover="scrollDown()" onmouseout="clearTimeout(t1)"> |
- | </body> | + | </div></body></html> |
- | + | ||
- | </html> | + |