Loading menubar.....

Difference between revisions of "Team:CAU China/Model"

 
(9 intermediate revisions by 2 users not shown)
Line 311: Line 311:
  
 
.h2,h2 {
 
.h2,h2 {
   font-size: 2rem
+
   font-size: 2.5rem
 
}
 
}
  
Line 2,944: Line 2,944:
 
   float: left;
 
   float: left;
 
   min-width: 10rem;
 
   min-width: 10rem;
   padding: .5rem 0;
+
   padding: 0rem 1.5rem;
 +
  padding-bottom:1rem;
 
   margin: .125rem 0 0;
 
   margin: .125rem 0 0;
 
   font-size: 1rem;
 
   font-size: 1rem;
Line 5,732: Line 5,733:
 
   -ms-flex-pack: center;
 
   -ms-flex-pack: center;
 
   justify-content: center;
 
   justify-content: center;
   width: 15%;
+
   width: 1%;
   color: #fff;
+
   color: #ff9ea6;
 
   text-align: center;
 
   text-align: center;
 
   opacity: .5
 
   opacity: .5
Line 6,048: Line 6,049:
  
 
.d-inline {
 
.d-inline {
   display: inline!important
+
   display: inline!important;
 +
  font-size:1.75rem
 
}
 
}
  
Line 8,983: Line 8,985:
 
   body {background-color:white; }
 
   body {background-color:white; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
 
   /* OWN Global Settings */
 
   /* OWN Global Settings */
Line 9,198: Line 9,199:
 
   .post-content a{
 
   .post-content a{
 
     color:#40E0D0;
 
     color:#40E0D0;
 +
  }
 +
 +
  .post-content p1{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 +
  }
 +
 +
  .post-content li{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 
   }
 
   }
  
Line 9,269: Line 9,280:
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     border-radius: 80%;
 
     border-radius: 80%;
     box-shadow: 0 0 0 1px #d9d9d9 inset;
+
     box-shadow: 0 0 0 1px   #000000 inset;
 
     color: #4d4d4d;
 
     color: #4d4d4d;
 
   }
 
   }
Line 9,530: Line 9,541:
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
       <h5 class="d-inline ml-3">CAU_China</h5>
+
       <h5 class="d-inline ml-3">CAU_China</h5>
 
     </a>
 
     </a>
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
Line 9,558: Line 9,569:
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
 
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Method">Method</a>
 
           </div>
 
           </div>
 
         </li>
 
         </li>
         <li class="nav-item dropdown mx-3">
+
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
 
            PARTS
+
         <li class="nav-item mx-3">
          </a>
+
           <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Parts">PARTS</a>
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Parts">Parts Overview</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Basic_Part">Basic Parts</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Improve">Improved Parts</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Composite_Part">Composite Parts</a>
+
          </div>
+
 
         </li>
 
         </li>
  
Line 9,584: Line 9,589:
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Human Practices</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Overview</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Integrated_HP">Integrated_HP</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
 
           </div>
 
           </div>
Line 9,590: Line 9,596:
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
             AWARDS
+
             MODEL
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Measurement">Measurement</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a>
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
 
           </div>
 
           </div>
 
         </li>
 
         </li>
Line 9,621: Line 9,628:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 
   .pictureTitle{
 
   .pictureTitle{
     background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.8)), url("");
+
     background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.7)), url("");
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-size: cover;
 
     background-size: cover;
Line 9,628: Line 9,636:
 
   }
 
   }
  
 
  /* FlowChart*/
 
  #conceptFlowTitle  {
 
    font-size: 2.5rem;
 
    font-weight: bold;
 
  }
 
  .circleM {
 
    height: 100px;
 
    width: 100px;
 
    margin-left: auto;
 
    margin-right: auto;
 
    margin-top: 2rem;
 
    border-radius: 50%;
 
    background-image: linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1));
 
    color: black;
 
    z-index: 2;
 
  }
 
  .circleM img {
 
    max-height: 80px;
 
    width: auto;
 
  }
 
  #conceptFlow h5{
 
    font-weight: bold;
 
    font-size: 2rem;
 
    margin-bottom: 30px;
 
    color:#009ec6;
 
    padding-top: 4rem;
 
  }
 
  #conceptFlow span{
 
    font-size: 1.5rem;
 
  }
 
  /* height of each section*/
 
  .how-it-works.row{
 
    height: auto;
 
    padding-bottom:
 
  }
 
  .how-it-works.row .col-2 {
 
    align-self: stretch;
 
    padding-left: 0;
 
    padding-right: 0;
 
  }
 
  .how-it-works.row .col-2::after {
 
    content: "";
 
    position: absolute;
 
    border-left: 3px solid rgba(82, 187, 199,1);
 
    z-index: 1;
 
  }
 
  .how-it-works.row .col-2.bottom::after {
 
    height: 100%;
 
    left: 50%;
 
    top: 2rem;
 
  }
 
  .how-it-works.row .col-2.fullRight::after {
 
    height: 100%;
 
    left: 50%;
 
  }
 
  .how-it-works.row .col-2.top::after {
 
    height: 3rem;
 
    left: 50%;
 
  }
 
 
  .titlePic{
 
    padding: 2% 20%;
 
  }
 
  .bg-dark-gradient {
 
    background: linear-gradient(#343a40, #ffffff);
 
    background-repeat: no-repeat;
 
    background-size: cover;
 
    background-position: center;
 
  }
 
  
 
   @media only screen and (max-width: 575.98px) {}
 
   @media only screen and (max-width: 575.98px) {}
  
   @media only screen and (max-width: 767.98px) {
+
   @media only screen and (max-width: 767.98px) {}
 
+
    #conceptFlowTitle  {
+
      font-size: 2rem;
+
      font-weight: bold;
+
    }
+
    #conceptFlow h5{
+
      font-size: 1.5rem;
+
    }
+
    #conceptFlow h3{
+
      font-size: 1.3rem;
+
    }
+
    #conceptFlow span{
+
      font-size: 1rem;
+
    }
+
 
+
    .how-it-works.row{
+
      height: auto;
+
    }
+
 
+
    .how-it-works.row .col-2::after {
+
      border-left: 1px solid rgba(82, 187, 199,1);
+
    }
+
 
+
    /* FlowChart*/
+
 
+
    .circleM {
+
      height: 50px;
+
      width: 50px;
+
    }
+
    .circleM img {
+
      max-height: 35px;
+
      width: auto;
+
    }
+
    .reg {
+
      padding:0;
+
    }
+
 
+
    .titlePic{
+
      padding: 2% 2%;
+
    }
+
 
+
  }
+
  
 
   @media only screen and (max-width: 991.98px) {}
 
   @media only screen and (max-width: 991.98px) {}
  
 
   @media only screen and (max-width: 1199.98px) {}
 
   @media only screen and (max-width: 1199.98px) {}
 +
 
</style>
 
</style>
  
Line 9,759: Line 9,656:
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
       <div id="logoPrinteria" class="item" style="
 
       <div id="logoPrinteria" class="item" style="
     background-image: url(https://2019.igem.org/wiki/images/0/00/T--CAU_China--Lab12.jpg );
+
     background-image: url(https://2019.igem.org/wiki/images/9/96/T--CAU_China--Lab11.jpg);
 
     height: 100%;
 
     height: 100%;
 
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/9/95/T--CAU_China--word-model.png" style=" margin-top: 0px;">
 
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/9/95/T--CAU_China--word-model.png" style=" margin-top: 0px;">
Line 9,776: Line 9,673:
  
  
 +
<div class="phaContainer">
 +
  <aside id="phaContentsOuter">
 +
    <aside id="phaContents" class="table-of-contents">
 +
      <!-- will be generated with JS -->
 +
    </aside>
 +
  </aside>
 +
  <main class="post-content">
 +
    <h1 class="text-center">Overview</h1>
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;Our models are mainly used to help us design and predict the whole project. Firstly, to find out which pathway is worth to be constructed in our project, we conducted an AHP model, which is a decision model used in pre-project process. By using AHP, we decide to make an Astaxanthin pathway in E.coli. Secondly, in order to help experiment find the suitable experiment condition, we work out an Logistic Regression to predict the E.coli population. By doing this, we successfully find the most suitable experiment bacterial concentration. Finally, our team use System Dynamic Model(SDM) to control our pathway and predict the final product. With such a model, we can give the experiment designing process a huge inspiration. The total modeling project based on the sight that we have to use mathematic methods to help our project and surely we reach the goal!
 +
        </p>
 +
      </div>
 +
    </div>
  
 
+
  </main>
 +
</div>
  
  
 
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
 
 
 
 
</html>
 
</html>
 
<!----{{CAU_China/CSS/Footer}} --->
 
<!----{{CAU_China/CSS/Footer}} --->
Line 10,038: Line 9,947:
  
 
   .navbar-collapse:after{clear:both;}
 
   .navbar-collapse:after{clear:both;}
   body{font-size:14px;line-height:1.42857143;color:#000;background-color:#ffffff;}
+
   body{font-size:16px;line-height:1.42857143;color:#000;background-color:#ffffff;}
   a{color: #2f4a98;text-decoration:none;}
+
   a{font-size:16px;color: #2f4a98;text-decoration:none;padding-left: 4px;padding-right: 24px}
 
   a:hover,
 
   a:hover,
 
   a:focus{color:#23527c;text-decoration:underline;}
 
   a:focus{color:#23527c;text-decoration:underline;}
Line 10,051: Line 9,960:
 
   /*** Footer ****/
 
   /*** Footer ****/
  
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #2f4a98;}
+
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #ff9ea6;}
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
  
Line 10,172: Line 10,081:
 
<div class="container">
 
<div class="container">
 
   <div class="footer_logo">
 
   <div class="footer_logo">
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 50%;margin-top: -15%;">
+
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;">
 
   </div>
 
   </div>
 
   <div class="footer_address">
 
   <div class="footer_address">
     <h4>College of Biology, China Agricultural University</h4>
+
     <h4>China Agricultural University</h4>
     <p>Tsinghua east road, <br>
+
     <p style="font-size: 14px">Tsinghua East Road 17#<br>
       BeiJing <br>
+
       Haidian District <br>
 +
      Beijing 100083<br>
 
       China</p>
 
       China</p>
 
   </div>
 
   </div>
Line 10,183: Line 10,093:
 
     <h4>Registered in China </h4>
 
     <h4>Registered in China </h4>
  
     <p><a href="tel:+86(0)-6273 7682"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
+
     <p><a href="tel:+86(0)-6273 7682"style="font-size: 14px"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
       <a href="mailto:igem2019cau@gmail.com"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
+
       <a href="mailto:igem2019cau@gmail.com"style="font-size: 14px"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
  
 
   </div>
 
   </div>
 
   <div class="footer_links">
 
   <div class="footer_links">
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 30%"></a>
+
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a>
     <p>Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"><i class="fa fa-wechat"></i> </a></p>
+
     <p style="font-size: 14px">Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank" style="padding: 0rem 0rem"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"style="padding: 0rem 0rem"><i class="fa fa-wechat"></i> </a></p>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 10,212: Line 10,122:
 
   <div class="footer-bottom">
 
   <div class="footer-bottom">
 
     <div class="row">
 
     <div class="row">
       <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1">
+
       <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1" style="font-size:14px;padding: 0rem 0rem">
 
         Copyright &copy;
 
         Copyright &copy;
 
         2019
 
         2019
         CAU_ESPA. All rights reserved |
+
         CAU_ESPA. All rights reserved | <a href="" target="_blank" class="ue1"style="font-size:14px;padding: 0rem 0rem">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue" style="font-size:14px;padding: 0rem 0rem"> Leland</a>
        <a href="" target="_blank" class="ue1">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue"> Leland</a>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Latest revision as of 03:54, 22 October 2019

Overview

    Our models are mainly used to help us design and predict the whole project. Firstly, to find out which pathway is worth to be constructed in our project, we conducted an AHP model, which is a decision model used in pre-project process. By using AHP, we decide to make an Astaxanthin pathway in E.coli. Secondly, in order to help experiment find the suitable experiment condition, we work out an Logistic Regression to predict the E.coli population. By doing this, we successfully find the most suitable experiment bacterial concentration. Finally, our team use System Dynamic Model(SDM) to control our pathway and predict the final product. With such a model, we can give the experiment designing process a huge inspiration. The total modeling project based on the sight that we have to use mathematic methods to help our project and surely we reach the goal!