"
Team:HZAU-China/Modeling
From 2013.igem.org
(Difference between revisions)
| (65 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
{{:Team：HZAU-China/background-head}} | {{:Team：HZAU-China/background-head}} | ||
| - | |||
<html> | <html> | ||
<style> | <style> | ||
#background{ | #background{ | ||
| - | + | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | |
| - | + | float:left; | |
| - | + | min-heiht:600px; | |
| - | + | width: 1000px; | |
| - | float: left; | + | |
| - | min- | + | |
| - | width: | + | |
} | } | ||
#sidebar { | #sidebar { | ||
| - | + | background-color:transparent; | |
| - | background-color: | + | |
clear: both; | clear: both; | ||
float: left; | float: left; | ||
height: auto; | height: auto; | ||
| - | width: | + | width: 240px; |
| - | + | padding-top: 10px; | |
| - | padding- | + | padding-left: 15px; |
} | } | ||
#paragraphs { | #paragraphs { | ||
| - | background-color: | + | background-color: transparent; |
| - | + | ||
float: right; | float: right; | ||
height: auto; | height: auto; | ||
| - | + | text-align: justify; | |
| - | + | padding-top: 10px; | |
| - | padding- | + | padding-right:15px; |
| - | + | ||
width: 710px; | width: 710px; | ||
} | } | ||
| - | + | a, a:visited { | |
| - | + | color: #000; | |
| - | + | text-decoration: none; | |
| - | + | } | |
| + | #pic00{ | ||
| + | background-color: transparent; | ||
| + | float: right; | ||
| + | height: auto; | ||
| + | text-align: justify; | ||
| + | padding-top: 10px; | ||
| + | padding-right:15px; | ||
| + | width: 710px; | ||
| + | } | ||
| + | #pic01{ | ||
| + | background-color: transparent; | ||
| + | float: left; | ||
| + | height: auto; | ||
| + | text-align: justify; | ||
| + | padding-left:15px; | ||
| + | width: 340px; | ||
| + | padding-top:5px; | ||
| + | } | ||
| + | #pic02{ | ||
| + | background-color: transparent; | ||
| + | float: right; | ||
| + | height: auto; | ||
| + | text-align: justify; | ||
| + | padding-right:5px; | ||
| + | width: 340px; | ||
} | } | ||
</style> | </style> | ||
| - | |||
| - | |||
| - | |||
<style> | <style> | ||
*{margin:0px;padding:0px;} | *{margin:0px;padding:0px;} | ||
| + | ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;} | ||
| + | ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;} | ||
ul.menu, | ul.menu, | ||
| - | ul.menu ul {padding:0;margin:0;list-style:none;position:;width: | + | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#d3f18c;font-family:arial, sans-serif;} |
ul.menu {z-index:100;padding:10px;margin:0 auto;} | ul.menu {z-index:100;padding:10px;margin:0 auto;} | ||
ul.menu ul {z-index:50; | ul.menu ul {z-index:50; | ||
| Line 55: | Line 72: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
| - | ul.menu li {line-height:30px;position:relative | + | ul.menu li {line-height:30px;position:relative;} |
ul.menu > li {margin-top:2px;font-size:12px;} | ul.menu > li {margin-top:2px;font-size:12px;} | ||
| - | ul.menu > li a {font:normal | + | ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;} |
| - | ul.menu label.open {display:block;background:# | + | ul.menu label.open {display:block;background:#517b1f no-repeat 170px 12px;line-height:30px;position:relative;z- |
| - | + | index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;} | |
| - | ul.menu span {display:block;background:# | + | ul.menu span {display:block;background:#517b1f;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;} |
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;} | ||
ul.menu ul li {margin-top:-30px; | ul.menu ul li {margin-top:-30px; | ||
| Line 69: | Line 86: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
| - | ul.menu ul li a {display:block;font:normal | + | ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#b3e24b;} |
| - | ul.menu ul li a:hover {background:# | + | ul.menu ul li a:hover {background:#d3f18c;} |
ul.menu input {position:absolute;left:-9999px;} | ul.menu input {position:absolute;left:-9999px;} | ||
ul.menu li input:checked + label {background:#069;} | ul.menu li input:checked + label {background:#069;} | ||
| - | ul.menu li input:checked ~ ul {background:# | + | ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;} |
ul.menu li input:checked ~ ul li {margin-top:0;} | ul.menu li input:checked ~ ul li {margin-top:0;} | ||
| - | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | + | ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif") |
| + | |||
| + | no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px} | ||
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;} | ||
ul.menu input.close:checked + label.close {display:none;} | ul.menu input.close:checked + label.close {display:none;} | ||
| Line 81: | Line 100: | ||
ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离 | ||
| + | var menu=$(".menu"); | ||
| + | $(window).scroll(function(){ | ||
| + | if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除 | ||
| + | menu.addClass("menu_scroll"); | ||
| + | }else{ | ||
| + | menu.removeClass("menu_scroll"); | ||
| + | } | ||
| + | }); | ||
| + | }) | ||
| + | </script> | ||
| - | + | <body> | |
| - | + | <div id="background"> | |
| - | < | + | <div id="sidebar"> |
| - | < | + | <body> |
| - | < | + | <ul class="menu"> |
| - | < | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling"><span style="font-size:19px;color=#fff;">Overview</span></a></li> |
| - | <span style="font-size: | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Gray logistic"><span>Gray logistic</span></a></li> |
| - | </ | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Immune responce"><span>Immune response</span></a></li> |
| - | + | <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular automata"><span>Cellular automaton</span></a></li> | |
| - | + | ||
| - | + | </body> | |
| - | + | </div> | |
| - | + | <div id="paragraphs"> | |
| - | + | <p><br></p> | |
| + | <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Overview</span></center> | ||
| + | <p><br></p> | ||
| + | |||
| + | <p style="font-size:16px;font-family:arial, sans-serif;"><b>Abstract</b>: In order to know how many fleas that carry our engineered strain could make the stray dogs in an area immune to the rabies virus, we developed computational models to simulate the process and to demonstrate our ideas. Our model consists of three parts: “immune response”, “gray logistic”, and “cellular automaton”. The “immune response” model is to analyze the kinetic relationship between the antigen and antibody during the immunologic processes. The “gray logistic” model is to simulate the growth curves of the <i>Bacillus subtilis</i> in the blood of dogs. The “cellular automaton” model is used to simulate the spread of our engineered bacteria in dogs.</p> | ||
| - | + | <p style="text-align:center;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Gray logistic"><img width="500" src="https://static.igem.org/mediawiki/2013/1/1d/Gray.png" ></a></br></p> | |
| - | + | <p style="font-size:13px;font-family:arial, sans-serif;text-align:center;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Gray logistic">Predicted value and actual value change over time</a></p> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| + | <div id="pic00"> | ||
| + | <div id="pic01"> | ||
| + | <p style="text-align:center;padding-bottom:5px;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Immune responce" ><img width="360" src="https://static.igem.org/mediawiki/2013/3/3c/The-antibody-consentration.png" ></a></br></p> | ||
| + | <p style="font-size:13px;font-family:arial, sans-serif;text-align:center;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Immune responce" >The concentrations of antibody and antigen during immune response</a></p> | ||
</div> | </div> | ||
| + | <div id="pic02"> | ||
| + | <p style="text-align:center;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular automata"><img width="250" src="https://static.igem.org/mediawiki/2013/b/b8/Cell.png" ></a></br></p> | ||
| + | <p style="font-size:13px;font-family:arial, sans-serif;text-align:center;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular automata"> The percentage of immune dogs</a></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
Latest revision as of 03:00, 28 September 2013
Abstract: In order to know how many fleas that carry our engineered strain could make the stray dogs in an area immune to the rabies virus, we developed computational models to simulate the process and to demonstrate our ideas. Our model consists of three parts: “immune response”, “gray logistic”, and “cellular automaton”. The “immune response” model is to analyze the kinetic relationship between the antigen and antibody during the immunologic processes. The “gray logistic” model is to simulate the growth curves of the Bacillus subtilis in the blood of dogs. The “cellular automaton” model is used to simulate the spread of our engineered bacteria in dogs.
