Team:Gaston Day School/Modeling
From 2014.igem.org
(Difference between revisions)
(46 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
<html> | <html> | ||
- | < | + | <head> |
- | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | |
- | + | <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> | |
- | + | ||
- | + | <style> | |
- | + | .firstHeading { | |
+ | display:none; | ||
+ | } | ||
- | + | body { | |
- | + | padding: 0px; | |
- | + | margin: 0px; | |
- | + | ||
- | + | } | |
- | + | ||
+ | [class*='col-'] { | ||
float: left; | float: left; | ||
- | + | padding-right: 20px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .grid-pad { | |
+ | padding: 20px 0px 20px 20px; | ||
+ | } | ||
- | + | .sub-grid-pad { | |
- | + | padding: 20px 0px 20px 0px; | |
- | + | } | |
- | + | .grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type { | |
- | + | padding-right: 20px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | padding | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | .col-1-1 { | |
- | + | width: 100%; | |
- | + | } | |
- | + | ||
- | + | .col-1-2, .col-2-4, .col-3-6, .col-5-10 { | |
- | + | width: 50%; | |
- | + | } | |
- | + | ||
- | + | .col-1-3, .col-2-6, .col-3-9 { | |
- | + | width: 33.33%; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | width: | + | |
- | + | ||
- | + | ||
- | + | .col-2-3, .col-4-6, .col-6-9 { | |
- | + | width: 66.66%; | |
- | + | } | |
- | + | ||
- | + | .col-1-4, .col-2-8 { | |
+ | width: 25%; | ||
+ | } | ||
- | + | .col-3-4 { | |
+ | width: 75%; | ||
+ | } | ||
- | + | .col-1-5, .col-2-10 { | |
+ | width: 20%; | ||
+ | } | ||
- | + | .col-2-5, .col-4-10 { | |
+ | width: 40%; | ||
+ | } | ||
- | + | .col-3-5, .col-6-10 { | |
+ | width: 60%; | ||
+ | } | ||
- | + | .col-4-5, .col-8-10 { | |
+ | width: 80%; | ||
+ | } | ||
- | + | .col-1-6 { | |
- | + | width: 16.66%; | |
- | + | } | |
- | + | ||
- | + | .col-5-6 { | |
- | + | width: 83.33%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .col-1-7 { | |
+ | width: 14.28%; | ||
+ | } | ||
- | + | .col-2-7 { | |
+ | width: 28.57%; | ||
+ | } | ||
- | + | .col-3-7 { | |
+ | width: 42.85%; | ||
+ | } | ||
- | + | .col-4-7 { | |
- | + | width: 57.14%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .col-5-7 { | |
+ | width: 71.42%; | ||
+ | } | ||
- | + | .col-6-7 { | |
+ | width: 85.71%; | ||
+ | } | ||
- | + | .col-1-8 { | |
- | + | width: 12.5%; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .col-2-8 { | |
+ | width: 25%; | ||
+ | } | ||
- | + | .col-3-8 { | |
- | + | width: 37.5%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | + | .col-4-8 { | |
+ | width: 50%; | ||
+ | } | ||
- | + | .col-5-8 { | |
+ | width: 62.5%; | ||
+ | } | ||
- | + | .col-6-8 { | |
+ | width: 75%; | ||
+ | } | ||
- | + | .col-7-8 { | |
+ | width: 87.5%; | ||
+ | } | ||
- | + | .col-1-9 { | |
+ | width: 11.11%; | ||
+ | } | ||
- | + | .col-2-9 { | |
+ | width: 22.22%; | ||
+ | } | ||
- | + | .col-4-9 { | |
+ | width: 44.44%; | ||
+ | } | ||
- | + | .col-5-9 { | |
+ | width: 55.55%; | ||
+ | } | ||
- | + | .col-7-9 { | |
+ | width: 77.77%; | ||
+ | } | ||
- | + | .col-8-9 { | |
+ | width: 88.88%; | ||
+ | } | ||
- | + | .col-1-10 { | |
+ | width: 10%; | ||
+ | } | ||
- | + | .col-3-10 { | |
+ | width: 30%; | ||
+ | } | ||
- | + | .col-7-10 { | |
+ | width: 70%; | ||
+ | } | ||
- | + | .col-9-10 { | |
+ | width: 90%; | ||
+ | } | ||
+ | .grid:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | *, *:after, *:before { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | [class*='col-']:last-of-type { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | .show { | ||
+ | background-color:#FFFFFF; | ||
+ | color: #081D38; | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
- | |||
- | + | .hide { | |
+ | background-color: auto; | ||
+ | } | ||
+ | #pad { | ||
+ | padding: 5px; | ||
+ | } | ||
- | + | body { | |
+ | background-color:#DFEDFF; | ||
+ | } | ||
- | + | #head { | |
+ | font-family: 'Open Sans', sans-serif; | ||
+ | } | ||
- | + | #mainhead { | |
- | + | font-family:'Ubuntu', sans-serif; | |
- | + | font-size: 50px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | a{text-decoration:none;} | |
- | + | #navbar > div > a > p.show { | |
- | + | box-shadow: 10px 10px 5px #888888; | |
- | + | } | |
- | + | ||
- | + | .currentpage { | |
- | + | background-color:#FFFFFF; | |
- | + | color: #081D38; | |
- | + | box-shadow: 0px 0px 25px #888888; | |
+ | } | ||
- | + | #navbar > div > a :hover{ | |
- | + | background-color: #C1CDCd; | |
- | + | color: #081D38; | |
- | + | } | |
- | + | #navbar > div > a:active > p.show { | |
- | + | box-shadow: 0px 0px 25px #888888; | |
- | + | } | |
- | + | ||
+ | .image-wrapper | ||
+ | { | ||
+ | position: relative; | ||
+ | } | ||
- | + | .scale-image | |
- | + | { | |
- | + | height: 100%; | |
- | + | width: 100%; | |
- | + | } | |
- | + | </style> | |
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
+ | <body> | ||
+ | |||
+ | <div class="row"> | ||
+ | <h1 id="mainhead" style="color:#072751" class="show" align="center">2014 GDS iGEM Modeling Page</p> | ||
+ | <h2 style="color:#072751">>Models</h2> | ||
+ | </div> | ||
+ | |||
+ | <div class="grid-pad" align="center" id="navbar"> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School#home"><p class="show" id="pad">Home<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team"> | ||
+ | <p class="show" id="pad">Members<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project"> | ||
+ | <p class="show" id="pad">Project<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts"> | ||
+ | <p class="show" id="pad">Parts<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models"> | ||
+ | <p class="currentpage" id="pad">Models<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook"> | ||
+ | <p class="show" id="pad">Notebook<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety"> | ||
+ | <p class="show" id="pad">Safety<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib"> | ||
+ | <p class="show" id="pad">Attributions<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <p class="show" id="pad"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="19px" position="absolute"><p></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col-1-10"> | ||
+ | <p class="hide" id="pad"></p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col-8-10"> | ||
+ | |||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-1"> | ||
+ | <h2 id="head" class="show">Isobutanol Pathway</h2> | ||
+ | <div class="show" id="pad"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/thumb/a/af/Isobut_figure.jpg/800px-Isobut_figure.jpg" alt="Isobutanol Figure" style="width:100%">The figure above shows the native Isobutanol production pathway in E. coli. The figure is from Figure 1 in Atsumi, S., Hanai, T., and Liao, J.C., (2008). Non-fermentative pathways for synthesis of branched-chain higher alcohols as biofuels. Nature 451(3):86. | ||
+ | </div> | ||
+ | <div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-1"> | ||
+ | <div id="pad"> | ||
+ | <h2 id="head" class="show">Isobutanol Production Pathway</h2> | ||
+ | <div class="show" id="pad"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/6b/Isobut_prodection_pathway_2.jpg" alt="Isobutanol Pathway" style="width:100%">Figure 2 shows the isobutanol production pathway in greater detail. This figure is from figure 1 in Atsumi, S., Wu, T., Eckl, E., Hawkins, S., Buelter, T., & Liao, J. (2009). Engineering the Isobutanol Biosynthetic Pathway in Escherichia Coli by Comparison of Three Aldehyde Reductase/Alcohol Dehydrogenase Genes. Appl Microbiol Biotechnol (2010) 85.651-657. | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-1"> | ||
+ | <div id="pad"> | ||
+ | <h2 id="head">Mechanism for GlmY and GlmZ Actvity</h2> | ||
+ | <p class = "show" id = "pad"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2014/4/43/Glm_jpg_fig.jpg" alt="6.11.14iso.png" style="width:100%"> This model comes from figure 8 from Urban, J.H., and Vogel, J., (2008). Two Seemingly Homologous Noncoding RNAs Act Hierarchically to Activate glmS mRNA Translation. PLoS Biology 6(3):631. | ||
+ | </div> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col-1-10"> | ||
+ | <p class="hide" id="pad"></p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 21:38, 17 October 2014
2014 GDS iGEM Modeling Page
>Models
Isobutanol Pathway
![Isobutanol Figure](https://static.igem.org/mediawiki/2014/thumb/a/af/Isobut_figure.jpg/800px-Isobut_figure.jpg)
Isobutanol Production Pathway
![Isobutanol Pathway](https://static.igem.org/mediawiki/2014/6/6b/Isobut_prodection_pathway_2.jpg)