Difference between revisions of "Team:HZAU-China/Project/Description"

Line 1: Line 1:
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 
 
<head>
 
<head>
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
Line 7: Line 6:
 
   <style type="text/css">
 
   <style type="text/css">
 
     /* HTML5 display-role reset for older browsers */
 
     /* HTML5 display-role reset for older browsers */
 
 
     article,
 
     article,
 
     aside,
 
     aside,
Line 167: Line 165:
 
     #top_title,
 
     #top_title,
 
     #team_submenu {
 
     #team_submenu {
      display: none;
+
        display: none;
 
     }
 
     }
  
 
     #content {
 
     #content {
      padding: 0px;
+
        padding: 0px;
      width: 100%;
+
        width: 100%;
      margin-top: 0px;
+
        margin-top: 0px;
      margin-left: 0px;
+
        margin-left: 0px;
 +
        margin:0 0 0 0;
 
     }
 
     }
  
Line 182: Line 181:
 
     #bodyContent h4,
 
     #bodyContent h4,
 
     #bodyContent h5 {
 
     #bodyContent h5 {
      margin-bottom: 0px;
+
        margin-bottom: 0px;
 
     }
 
     }
  
 
     #team_name {
 
     #team_name {
      display: none
+
        display: none
 
     }
 
     }
  
 
     .global_wrapper {
 
     .global_wrapper {
      padding: 0px 0px 0px 0px;
+
        padding: 0px 0px 0px 0px;
 
     }
 
     }
  
 
     #top_menu_14 {
 
     #top_menu_14 {
      height: 16px;
+
        height: 16px;
 
     }
 
     }
 
   </style>
 
   </style>
Line 212: Line 211:
 
     }
 
     }
  
     .menu {
+
     .HZAU_2017_menu {
 
       display: block;
 
       display: block;
 
       position: fixed;
 
       position: fixed;
Line 227: Line 226:
 
     }
 
     }
  
     .menu ul {
+
     .HZAU_2017_menu ul {
 
       position: absolute;
 
       position: absolute;
 
       top: 50%;
 
       top: 50%;
 
       margin-top: -80px;
 
       margin-top: -80px;
 +
      margin-left: 0px;
 
       left: 0px;
 
       left: 0px;
 
       width: 100%;
 
       width: 100%;
 
       padding-left: 0px;
 
       padding-left: 0px;
 +
      font-size: 16px;
 
     }
 
     }
  
     .menu li {
+
     .HZAU_2017_menu li {
 
       width: 100%;
 
       width: 100%;
 
     }
 
     }
  
     .menu li a {
+
     .HZAU_2017_menu li a {
 
       display: inline-block;
 
       display: inline-block;
 
       width: 100%;
 
       width: 100%;
 
       height: 100%;
 
       height: 100%;
 
       padding: 20px 0px 20px 0px;
 
       padding: 20px 0px 20px 0px;
 +
      margin-left: 13px;
 
       text-align: left;
 
       text-align: left;
 
       color: rgb(249, 228, 137);
 
       color: rgb(249, 228, 137);
Line 250: Line 252:
 
       font-style: arial;
 
       font-style: arial;
 
       line-height: 90%;
 
       line-height: 90%;
      margin-left: 13px;
 
 
     }
 
     }
  
     .menu li:hover {
+
     .HZAU_2017_menu li:hover {
 
       background: rgb(249, 228, 137);
 
       background: rgb(249, 228, 137);
 
       color: #000;
 
       color: #000;
 
     }
 
     }
  
     .menu li a:hover {
+
     .HZAU_2017_menu li a:hover {
 +
      color: #000;
 +
    }
 +
 
 +
    .current {
 
       background: rgb(249, 228, 137);
 
       background: rgb(249, 228, 137);
       color: black;
+
       color: #000;
 
     }
 
     }
  
Line 286: Line 291:
 
       line-height: 120%;
 
       line-height: 120%;
 
       text-align: justify;
 
       text-align: justify;
 +
      color:#000;
 
     }
 
     }
  
 +
    #item1 {}
  
 
     .tu_1 {
 
     .tu_1 {
Line 303: Line 310:
 
     }
 
     }
  
 +
    #item2 {}
 +
 +
    #item3 {}
 +
 +
    #item4 {}
 
   </style>
 
   </style>
 
</head>
 
</head>
Line 408: Line 420:
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
   <div class="menu">
+
   <div class="HZAU_2017_menu">
 
     <img src="https://static.igem.org/mediawiki/2017/8/8e/HZAU_2017_background_1.png" class="beijin">
 
     <img src="https://static.igem.org/mediawiki/2017/8/8e/HZAU_2017_background_1.png" class="beijin">
 
     <ul class="daohang">
 
     <ul class="daohang">
       <li class="current" id="menu_1" onmouseover="bianse_1()" onmouseout="bianse_11()">
+
       <li class="current" onmouseover="bianse_1()" onmouseout="bianse_11()">
 
         <a href="#" id="bianse_1">Background</a>
 
         <a href="#" id="bianse_1">Background</a>
 
       </li>
 
       </li>
       <li id="menu_2" onmouseover="bianse_2()" onmouseout="bianse_21()">
+
       <li onmouseover="bianse_2()" onmouseout="bianse_21()">
 
         <a href="#item2_1" id="bianse_2">Information</a>
 
         <a href="#item2_1" id="bianse_2">Information</a>
 
       </li>
 
       </li>
       <li id="menu_3" onmouseover="bianse_3()" onmouseout="bianse_31()">
+
       <li onmouseover="bianse_3()" onmouseout="bianse_31()">
 
         <a href="#item3_1" id="bianse_3">Why light control</a>
 
         <a href="#item3_1" id="bianse_3">Why light control</a>
 
       </li>
 
       </li>
Line 433: Line 445:
 
     </div>
 
     </div>
 
     <img src="https://static.igem.org/mediawiki/2017/b/bc/HZAU_2017_tu1_1.png" class="tu_1">
 
     <img src="https://static.igem.org/mediawiki/2017/b/bc/HZAU_2017_tu1_1.png" class="tu_1">
     <div id="item2_1" style="padding:16px"></div>
+
     <div id="item2_1" style="padding:8px"></div>
 
     <div class="item" id="item2">
 
     <div class="item" id="item2">
 
       <a class="zhengwen">The replication process of E.coli replication can be devided into phase B,C and D, three phases. Phase B, also called
 
       <a class="zhengwen">The replication process of E.coli replication can be devided into phase B,C and D, three phases. Phase B, also called
Line 453: Line 465:
 
     </div>
 
     </div>
 
     <img src="https://static.igem.org/mediawiki/2017/5/51/HZAU_2017_tu2_1.png" class="tu_2">
 
     <img src="https://static.igem.org/mediawiki/2017/5/51/HZAU_2017_tu2_1.png" class="tu_2">
     <div id="item3_1" style="padding:16px"></div>
+
     <div id="item3_1" style="padding:8px"></div>
 
     <div class="item" id="item3">
 
     <div class="item" id="item3">
 
       <a class="zhengwen">There will be about 1h for an entire genome replication, but cell division can reach about 20min per generation. this
 
       <a class="zhengwen">There will be about 1h for an entire genome replication, but cell division can reach about 20min per generation. this
Line 465: Line 477:
 
     </div>
 
     </div>
 
     <a class="ppp"></a>
 
     <a class="ppp"></a>
     <div id="item4_1" style="padding:16px"></div>
+
     <div id="item4_1" style="padding:8px"></div>
 
     <div class="item" id="item4">
 
     <div class="item" id="item4">
 
       <a class="zhengwen">But barely pause the replication in some circumstance can't satisfy our needs, and long time inhibition will prolong
 
       <a class="zhengwen">But barely pause the replication in some circumstance can't satisfy our needs, and long time inhibition will prolong
Line 473: Line 485:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
 
   <script>
 
   <script>
 
     document.getElementById("bianse_1").style.color = "black";
 
     document.getElementById("bianse_1").style.color = "black";

Revision as of 03:27, 24 October 2017

<!DOCTYPE html>

The replication process of E.coli replication can be devided into phase B,C and D, three phases. Phase B, also called pre-replication phase, is for DNA replication proparation similar as G1 phase in eukaryote cell cycle. Phase C is regarded as replication phase during which the chromosome is replicating corespond to the S phase in eukaryote. The last phase, phase D, is called post-replication phase, in which the behave of chromosome seperation and cell division happend just like what happened in G2 and M phase of eukaryote cells. the time of C phase and D phase in a generation is relative constant, so what actually determines the cell cycle is the initiation of genome replication. We know that cell have to garantee that each cell should have at least one chormosome, and this requires a highly coordination between DNA replication and cell divsion. Though the delicate mechanism of the corrdination is still a puzzle, it is clear that DnaA protein plays a significant role in this event. DnaA is a versatile protein, it can not only behave like a helicase opening the duble-helix of replication initiation site, OriC, while have the function of raising other proteins forming into the replisome to prolong the replication, but also can anchor the replicationg choromosome on the cell membrane leading the following seperation of chromosome. But what makes it the linker between replication and division is that its concentration determines the initiation volume of replication. So according to these information, we think that regulating the combination of DNA and DnaA protein will be an efficient method to regulate cell replication. For more information please click here.