(<>) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | < | + | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
− | + | <meta charset="UTF-8"> | |
− | + | <title>RDFZ-China</title> | |
− | + | <link href="sub.css" rel="stylesheet" type="text/css"> | |
− | + | <style> | |
+ | html{ | ||
+ | background-color:#fffde3 | ||
} | } | ||
− | + | header { width: 96%; margin: 0 2%;margin-bottom: 20px; } | |
− | + | header:after { content: ''; display: block; clear: both; } | |
− | + | header .site-logo { float: left; width: 20%; } | |
− | } | + | header .site-logo img { width:90%; } |
− | + | header .site-nav { float: right; position: relative; width: 70%; } | |
− | + | header .site-nav img { width: 100%;margin:0 0 30px 0; } | |
− | + | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; } | |
− | + | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); } | |
− | + | header .site-nav ul li.team { top: 37%; left: 22%; } | |
− | + | header .site-nav ul li.project { top: 55%; left: 35%; } | |
− | + | header .site-nav ul li.awards { top: 57%; left: 50%; } | |
− | } | + | header .site-nav ul li.safety { top: 31%; left: 63.5%; } |
− | + | header .site-nav ul li.human { top: 37%; left: 79%; } | |
− | + | header .site-nav ul li.model { top: 59%; left: 94%; } | |
− | + | header .site-nav ul li:hover ul { display: block; } | |
− | } | + | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .5em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;} |
− | + | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; } | |
− | + | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; } | |
− | + | header .site-nav ul li ul li { position: static; transform: none; } | |
− | } | + | p{text-align:justify;word-wrap: break-word4} |
− | + | .title { position: relative; z-index: 1;text-align: center; } | |
− | .nav { | + | .title-content{background-position: center;text-align: center;text-align: center;} |
− | + | .m { width: 30%;margin: 0 auto;} | |
− | + | .fb {width:100%;margin: 0px 0 0 0;} | |
− | + | footer{height:220px;background-image:-moz-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -ms-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);} | |
− | + | .x ul{list-style: none;} | |
− | + | .x li{display: block; margin: 0 1.2em;} | |
− | + | .x img{float:left;} | |
− | + | .math{width:30%;margin:70px 0 0 10px} | |
− | } | + | .footer-logo{width:25%;margin:25px 0 0 100px} |
− | + | .igem{;width:20%;margin:15px 10px 0 100px} | |
− | .nav ul { | + | .line{ border: 0; |
− | + | height: 0; /* Firefox... */ | |
− | + | box-shadow: 0 0 10px 1px black;} | |
− | + | .line:after{ | |
− | + | content: "\00a0"; } | |
− | } | + | </style> |
− | + | ||
− | .nav ul li { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | .nav ul li a { | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | .nav ul li:hover { | + | |
− | + | ||
− | } | + | |
− | + | ||
− | .nav ul li ul { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | .nav ul li ul li { | + | |
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | </style> | + | |
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | + | <header> | |
− | <div> | + | <div class="site-logo"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" /> |
− | </div> | + | </div> |
− | + | <div class="site-nav-bg"> | |
− | <div class="nav" | + | </div> |
− | + | <nav class="site-nav"> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2017/6/6e/RDFZ_wiki_nav.png" /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<ul> | <ul> | ||
− | + | <li class="team"> | |
− | + | <a href="https://2017.igem.org/Team:RDFZ-China/Team">Team</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2017.igem.org/Team:RDFZ-China/Attributions">Attribution</a></li> | |
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="project"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Description">Project </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="awards"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">Awards</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="safety"><a href="https://2017.igem.org/Team:RDFZ-China/Safety">Safety</a></li> | ||
+ | <li class="human"> | ||
+ | <a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">Human<br>Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">HP Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Gold_Integrated">HP Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="model"><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
− | </ | + | </nav> |
− | < | + | <div style="clear:both;"></div> |
− | < | + | </header> |
− | + | <main> | |
− | + | <!--Title--> | |
− | + | <section class="title"> | |
− | + | <div class="title-content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/2/27/Rdfz_model01.png" class="m"/> | |
− | + | <h1>The Signalling Cascade</h1> | |
− | + | <hr class="line"> | |
− | + | <p>Our cellular model develops on the characterization on srfA, comA and sfp gene expression pathway as well as trying to predict the final productivity of surfactin over time. The main tool wo used to build our model is Matlab,sponsored by Mathworks. To be more specific, we use Simbiology which is a plugin toolbox that specifically designed for computational system biology. By writing deterministic differential equations of reaction inside the cell, we can easily create the pathway that resemble real-life situations.</p> | |
− | + | </div> | |
− | + | </section> | |
− | </ | + | <footer> |
− | + | <ul class="x"> | |
+ | <li><img src="https://static.igem.org/mediawiki/2017/7/76/Rdfz_wiki_footer.png" class="math"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" class="footer-logo"/></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Bristol--igem.png" class="igem"/></li> | ||
+ | </ul> | ||
+ | <div class="fp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/3c/Rdfz_wiki_footer_image.png" class="fb"> | ||
+ | </div> | ||
+ | </footer> | ||
− | </ | + | </main> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 12:09, 23 October 2017
The Signalling Cascade
Our cellular model develops on the characterization on srfA, comA and sfp gene expression pathway as well as trying to predict the final productivity of surfactin over time. The main tool wo used to build our model is Matlab,sponsored by Mathworks. To be more specific, we use Simbiology which is a plugin toolbox that specifically designed for computational system biology. By writing deterministic differential equations of reaction inside the cell, we can easily create the pathway that resemble real-life situations.