Team:HZAU-China/Modeling

From 2013.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team：HZAU-China/background-head}}
<html>
<html>
-
<style type="text/css">
+
<style>
-
#secondpane {color:#fff;
+
#background{
-
width: 190px;
+
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
margin-left:5px;
+
    float:left;
 +
    min-heiht:600px;
 +
    width: 1000px;
}
}
-
.menu_list {
+
#sidebar {
-
position:fixed;top:20px;}
+
    background-color:transparent;
-
.menu_head {
+
    clear: both;
-
padding: 5px 10px;
+
    float: left;
-
cursor: pointer;
+
    height: auto;
-
position: relative;
+
    width: 240px;
-
border:1px solid #fff;
+
     padding-top: 10px;
-
margin:1px;
+
     padding-left: 15px;
-
     font-weight:bold;
+
-
     background: #ffbe10;
+
-
color:#fff
+
}
}
-
.menu_head:hover
+
#paragraphs {
-
{  
+
    background-color: transparent;
-
cursor: pointer;
+
    float: right;
-
color: #fff;  
+
    height: auto;
-
background: #d39f10;  
+
    text-align: justify;
-
text-decoration: none;  
+
    padding-top: 10px;
-
background-position: 0 0;  
+
    padding-right:15px;
-
}
+
    width: 710px;
-
.menu_body {
+
-
display:none;
+
}
}
-
.menu_children {
+
a, a:visited {
-
background: #aaa;
+
    color: #000;
-
cursor: pointer;
+
    text-decoration: none;
-
padding: 5px 10px;
+
-
font-size:12px;
+
-
border-top: 1px solid #fff;
+
-
border-bottom: 1px solid #fff;
+
-
border-left: 1px solid #fff;
+
-
border-right: 1px solid #fff;  
+
}
}
-
.menu_body a{
+
#pic00{
-
  display:block;
+
    background-color: transparent;
-
  color:#fff;
+
    float: right;
-
  padding-left:10px;
+
    height: auto;
-
  font-weight:bold;
+
    text-align: justify;
-
  text-decoration:none;
+
    padding-top: 10px;
 +
    padding-right:15px;
 +
    width: 710px;
}
}
-
.menu_children:hover{
+
#pic01{
-
cursor: pointer;
+
    background-color: transparent;
-
  color: #fff;
+
    float: left;
-
  text-decoration:none;
+
    height: auto;
-
  background:#777777;
+
    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>
 +
*{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 {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 ul {z-index:50;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu li {line-height:30px;position:relative;}
 +
ul.menu > li {margin-top:2px;font-size:12px;}
 +
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
 +
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:#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 ul li {margin-top:-30px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
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:#d3f18c;}
 +
ul.menu input {position:absolute;left:-9999px;}
 +
ul.menu li input:checked + label {background:#069;}
 +
ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;}
 +
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 input.tabs:checked ~ label.close {display:block;z-index:200;}
 +
ul.menu input.close:checked + label.close {display:none;}
 +
ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
 +
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
-
<div style="float:left;">
 
-
  <div id="secondpane"> <!--Code for menu starts here-->
 
-
<p class="menu_head">Modeling Contents</p>
 
-
<div class="menu_body">
 
-
        <div class="menu_children">
 
-
<a href="">Protein Expression</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="">HGTBass</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="">Optimum Beginning Time</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="">Questionnaire Modeling</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="">Detail Calculation and Results</a>
 
-
        </div>
 
-
</div>
 
-
<p class="menu_head">In this page</p>
 
-
<div class="menu_body">
 
-
        <div class="menu_children">
 
-
<a href="#Model_One_-_Protein_Expression_Prediction">Protein Expression Prediction</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Model_Two_-_HGT_Bass">HGT Bass</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Model_Three_-_Optimum_Beginning_Time">Optimum Beginning Time</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Model_Four_-_Questionnaire_Modeling">Questionnaire Modeling</a>
 
-
        </div>
 
-
</div>
 
-
  </div>      <!--Code for menu ends here-->
 
-
</div>
 
-
</html>
 
-
<div id="text-content">
 
-
<br><center><span style="font-size:46px;font-family:Cambria;margin-top:10px">Models Overview</span></center>
+
<script>
-
<br>
+
$(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>
-
=Model One - Protein Expression Prediction=
+
<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>
 +
        <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>
-
=Model Two - HGT Bass=
+
<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>
-
=Model Three - Optimum Beginning Time=
+
<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 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>
 +
</body>
 +
</html>
-
=Model Four - Questionnaire Modeling=
+
{{:Team：HZAU-China/background-footer}}
-
例子
+
<br/>

Latest revision as of 03:00, 28 September 2013


Overview


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.


Predicted value and actual value change over time


Retrieved from "http://2013.igem.org/Team:HZAU-China/Modeling"