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

Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
   <meta charset="UTF-8">
+
   <meta charset="utf-8">
−
   <!--内容的样式-->
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 +
  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <style>
 
   <style>
−
     /*总样式*/
+
     /*小导航栏样式*/
  
−
     body {
+
     .container-fluid {
−
       font-family: "Arial", Helvetica, sans-serif;
+
       margin: 0;
−
       text-align: justify;
+
       padding: 0;
−
       margin: 0px;
+
       border: 0;
−
      background-color: #ffffff;
+
 
     }
 
     }
  
−
    /*小导航栏触碰后变色*/
+
     .container-fluid {
−
 
+
       margin: 0;
−
     .HZAU_content a:hover {
+
       padding: 0;
−
       color: black;
+
      border: 0;
−
       text-decoration: none;
+
 
     }
 
     }
  
−
     .HZAU_content a {
+
     ul.nav-pills {
−
       color: black;
+
       background: url(https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--background.png);
−
    }
+
      background-size: 100% auto;
−
 
+
      background-repeat: no-repeat;
−
    /*小导航栏样式*/
+
      position: fixed;
−
 
+
−
    .HZAU_2017_menu {
+
 
       display: block;
 
       display: block;
−
       position: fixed;
+
       top: 50%;
−
      left: 50%;
+
       margin-top: -144.5px;
−
       margin-left: -560px;
+
       margin-right: 40px;
−
       top: 100px;
+
       height: 289px;
−
       height: auto;
+
 
       width: 200px;
 
       width: 200px;
 
       overflow: hidden;
 
       overflow: hidden;
 
     }
 
     }
  
−
     .beijin {
+
     ul.nav-pills>li {
−
      height: auto;
+
       position: relative;
−
      width: 100%;
+
−
    }
+
−
 
+
−
    .HZAU_2017_menu ul {
+
−
       position: absolute;
+
 
       top: 50%;
 
       top: 50%;
−
      margin-top: -80px;
 
−
      margin-left: 0px;
 
−
      left: 0px;
 
−
      width: 100%;
 
−
      padding-left: 0px;
 
−
      font-size: 16px;
 
 
     }
 
     }
  
−
     .HZAU_2017_menu li {
+
     #change_top {
−
       width: 100%;
+
       margin-top: -60px;
−
      line-height: 0em;
+
−
      list-style-image: none;
+
 
     }
 
     }
  
−
     .HZAU_2017_menu li a {
+
    /*小导航栏触碰后变色*/
−
      display: inline-block;
+
 
−
      width: 100%;
+
     .nav-pills>li>a {
−
      height: 100%;
+
−
      padding: 20px 0px 20px 0px;
+
−
      margin-left: 13px;
+
−
      text-align: left;
+
 
       color: rgb(249, 228, 137);
 
       color: rgb(249, 228, 137);
−
      text-decoration: none;
 
−
      font-style: arial;
 
−
      line-height: 90%;
 
 
     }
 
     }
  
−
     .HZAU_2017_menu li:hover {
+
     .nav-pills>li.active>a,
−
       background: rgb(249, 228, 137);
+
    .nav-pills>li.active>a:focus,
 +
    .nav-pills>li.active>a:hover {
 +
      color: #000;
 +
       background-color: rgb(249, 228, 137);
 
     }
 
     }
  
−
     .HZAU_2017_menu li a:hover {
+
     .nav-pills>li>a:focus,
 +
    .nav-pills>li>a:hover {
 
       color: #000;
 
       color: #000;
 +
      background-color: rgb(249, 228, 137);
 +
    }
 +
 +
    /*改变超链接的位置*/
 +
 +
    #section1 {
 +
      position: relative;
 +
      top: -66px;
 +
    }
 +
 +
    #section2 {
 +
      position: relative;
 +
      top: -66px;
 +
    }
 +
 +
    #section3 {
 +
      position: relative;
 +
      top: -66px;
 +
    }
 +
  </style>
 +
  <!--内容的样式-->
 +
  <style>
 +
    /*总样式*/
 +
 +
    body {
 +
      font-family: "Arial", Helvetica, sans-serif;
 +
      text-align: justify;
 +
      margin: 0px;
 +
      background-color: #ffffff;
 
     }
 
     }
  
 
     /*内容框子的样式*/
 
     /*内容框子的样式*/
  
−
     .HZAU_content {
+
     .col-sm-9 {
 
       position: absolute;
 
       position: absolute;
 
       top: 43px;
 
       top: 43px;
 
       left: 50%;
 
       left: 50%;
−
       margin-left: -340px;
+
       margin-left: -330px;
 +
      padding: 0;
 
       width: 900px;
 
       width: 900px;
 
       height: 2300px;
 
       height: 2300px;
 
       z-index: -1;
 
       z-index: -1;
 
     }
 
     }
 +
 
     /*内容中几种文体的样式*/
 
     /*内容中几种文体的样式*/
 +
 +
    .col-sm-9 a:hover {
 +
      color: #000;
 +
      text-decoration: none;
 +
    }
  
 
     .biaoti {
 
     .biaoti {
Line 128: Line 145:
 
     }
 
     }
  
−
     .HZAU_content img {
+
    /*图片的样式*/
 +
 
 +
     .col-sm-9 img {
 
       margin: 0 auto;
 
       margin: 0 auto;
 
       display: block;
 
       display: block;
Line 141: Line 160:
 
     }
 
     }
 
   </style>
 
   </style>
 +
  <!--点击展开部分的样式-->
 
   <style>
 
   <style>
 
     span.caret_black {
 
     span.caret_black {
Line 157: Line 177:
 
     }
 
     }
  
−
     #menu-toggle {
+
     #HZAUmenu-toggle {
 
       display: none;
 
       display: none;
−
      /* hide the checkbox */
 
 
     }
 
     }
  
−
     #menu {
+
     #HZAUmenu {
 
       display: none;
 
       display: none;
 
       font-size: 17.5px;
 
       font-size: 17.5px;
Line 168: Line 187:
 
       width: 800px;
 
       width: 800px;
 
       margin: 0;
 
       margin: 0;
 +
      color: black;
 
     }
 
     }
  
−
     #menu-toggle:checked+#menu {
+
     #HZAUmenu>a {
 +
      color: #000;
 +
    }
 +
 
 +
    #HZAUmenu>a:hover {
 +
      color: #000;
 +
      text-decoration: none;
 +
    }
 +
 
 +
    #HZAUmenu-toggle:checked+#HZAUmenu {
 
       display: block;
 
       display: block;
 
     }
 
     }
Line 176: Line 205:
 
</head>
 
</head>
  
−
<body>
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
−
   <div class="HZAU_2017_menu">
+
   <div class="container">
−
     <img src="https://static.igem.org/mediawiki/2017/8/8e/HZAU_2017_background_1.png" class="beijin">
+
     <div class="row">
−
    <ul class="daohang">
+
      <nav class="col-sm-3" id="myScrollspy">
−
      <li id="HZAU_menu_1">
+
        <div class="container-fluid">
−
        <a href="#" id="bianse_1">Background</a>
+
          <div class="container-fluid">
−
      </li>
+
            <ul class="nav nav-pills nav-stacked">
−
      <li id="HZAU_menu_2">
+
              <li class="active" id="change_top">
−
        <a href="#item2_1" id="bianse_2">4D Genome</a>
+
                <a href="#section1">Background</a>
−
      </li>
+
              </li>
−
      <li id="HZAU_menu_3">
+
              <li>
−
        <a href="#item3_1" id="bianse_3">4C</a>
+
                <a href="#section2">4D Genome</a>
−
      </li>
+
              </li>
−
    </ul>
+
              <li>
−
  </div>
+
                <a href="#section3">4C</a>
−
  <div class="HZAU_content">
+
              </li>
−
      <a class="biaoti">Description</a>
+
            </ul>
−
      <a class="zhengwen">The replication of prokaryotes can be divided into three phases, B C and D, while there are multi-rounds of replication
+
          </div>
−
        happened in one cell. So both the phase and the copy number of genome is various in a culture.</a>
+
        </div>
−
      <div>
+
      </nav>
−
        <label for="menu-toggle" class="zhengwen" style="color:blue">To know more about replication
+
      <div class="col-sm-9">
−
          <span class="caret_black"></span>
+
        <div>
−
        </label>
+
          <div id="section1">
−
        <input type="checkbox" id="menu-toggle" />
+
          </div>
−
        <ul id="menu">
+
        </div>
−
          <a>The replication process of E.coli can be divided into three phases, phase B, phase C and phase D. B is also called
+
        <a class="biaoti">Description</a>
−
            pre-replication phase in which cells are preparing for DNA replication, like G1 phase of eukaryotes. C is also
+
        <a class="zhengwen">The replication of prokaryotes can be divided into three phases, B C and D, while there are multi-rounds of replication
−
            called replication phase in which the genome is under replication corresponding to phase S in eukaryotic cell
+
          happened in one cell. So both the phase and the copy number of genome is various in a culture.</a>
−
            cycle. The last D phase, of course, is called post-replication phase, in which chromosome separates and one cell
+
        <div>
−
            divides into two corresponding to G2 and M phase in eukaryotes. Among the three phases, C and D are relatively
+
          <label for="HZAUmenu-toggle" class="zhengwen">To know more about replication
−
            constant, about 40 min and 20 min separately, so when to initiate a replication determines the whole cell cycle.
+
            <span class="caret_black"></span>
−
            Recent research reveals a relationship between replication initiation and cell volume, but many details are still
+
          </label>
−
            remain unknown. But what we know is that a protein, DnaA, plays an important role in this process.
+
          <input type="checkbox" id="HZAUmenu-toggle" />
−
            <br> DnaA is a versatile protein possessing many different functions related to cell cycle, among which the most
+
          <ul id="HZAUmenu">
−
            important one is to attached to the OriC, the origins of chromosome replication, and initiates replication. So
+
            <a>The replication process of E.coli can be divided into three phases, phase B, phase C and phase D. B is also called
−
            controlling cell cycle by interrupting the attachment of DnaA and corresponding DNA sequence with dCas9 is an
+
              pre-replication phase in which cells are preparing for DNA replication, like G1 phase of eukaryotes. C is also
−
            efficient approach.
+
              called replication phase in which the genome is under replication corresponding to phase S in eukaryotic cell
−
            <br> The whole cell cycle of eukaryotes and prokaryotes show a certain similarity, but there is difference between
+
              cycle. The last D phase, of course, is called post-replication phase, in which chromosome separates and one
−
            them. The cell cycle of prokaryotes can overlap, which means the next round of replication initiates before the
+
              cell divides into two corresponding to G2 and M phase in eukaryotes. Among the three phases, C and D are relatively
−
            last replication complete, while eukaryotic cell cycle initiates one after another. Experiments have shown that
+
              constant, about 40 min and 20 min separately, so when to initiate a replication determines the whole cell cycle.
−
            even an isogenetic bacteria grown in the same culture show a difference in both replication phase and genome
+
              Recent research reveals a relationship between replication initiation and cell volume, but many details are
−
            copy numbers and this becomes a huge noise when constructing the 3D genome structure and building up a circuit
+
              still remain unknown. But what we know is that a protein, DnaA, plays an important role in this process.
−
            related to genome gene. Besides, the development of synthetic biology requires a system to control the reproduction
+
              <br> DnaA is a versatile protein possessing many different functions related to cell cycle, among which the most
−
            of engineered organisms. So we believe that our project would be a useful tool no matter in theoretical areas
+
              important one is to attached to the OriC, the origins of chromosome replication, and initiates replication.
−
            or application areas.
+
              So controlling cell cycle by interrupting the attachment of DnaA and corresponding DNA sequence with dCas9
−
           </a>
+
              is an efficient approach.
−
         </ul>
+
              <br> The whole cell cycle of eukaryotes and prokaryotes show a certain similarity, but there is difference between
 +
              them. The cell cycle of prokaryotes can overlap, which means the next round of replication initiates before
 +
              the last replication complete, while eukaryotic cell cycle initiates one after another. Experiments have shown
 +
              that even an isogenetic bacteria grown in the same culture show a difference in both replication phase and
 +
              genome copy numbers and this becomes a huge noise when constructing the 3D genome structure and building up
 +
              a circuit related to genome gene. Besides, the development of synthetic biology requires a system to control
 +
              the reproduction of engineered organisms. So we believe that our project would be a useful tool no matter in
 +
              theoretical areas or application areas.
 +
            </a>
 +
           </ul>
 +
        </div>
 +
        <img src="https://static.igem.org/mediawiki/2017/4/44/T--HZAU-China--BCDperiod.png" class="tu_1">
 +
        <div>
 +
          <div id="section2">
 +
          </div>
 +
        </div>
 +
        <a class="zhengwen">Our problem arises from a research about constructing 4D genome of eukaryote. So we begin to wonder why there isn’t
 +
          a 4D genome project of prokaryote. After research we find that due to its complicated replication mechanism, there
 +
          will be a huge noise while detecting its structure, which hinder the research on prokaryotic genome.
 +
          <br>Besides, the heterogenicity of cells are gathering importance recently in different fields.</a>
 +
         <img src="https://static.igem.org/mediawiki/2017/a/a6/T--HZAU-China--computorHand.png" class="tu_2">
 +
        <div>
 +
          <div id="section3">
 +
          </div>
 +
        </div>
 +
        <a class="zhengwen">Therefore we begin to think if there could be a methods to eliminate the heterogeneity. While thinking deeper into
 +
          this problem, it becomes interesting that what would happen if all the cells are synchronized, will there be a
 +
          new phenomenon that can change the traditional statements?
 +
          <br>So in our mind the ideal synchronization methods should be not only simply inhibit the cell cycle but at the same
 +
          time can free the inhibition according to our decision. As we all know, the manipulation of machine is much more
 +
          accurate than hum beings, and there is a trend to let machine help us to control the organisms, so we want our
 +
          synchronization system can also be controlled by machine, by program.</a>
 
       </div>
 
       </div>
−
      <img src="https://static.igem.org/mediawiki/2017/f/f1/HZAU_2017_BCDperiod.png" class="tu_1">
+
    </div>
−
      <div class="shangduiqi">
+
−
        <a id="item2_1"></a>
+
−
      </div>
+
−
      <a class="zhengwen">Our problem arises from a research about constructing 4D genome of eukaryote. So we begin to wonder why there isn’t
+
−
        a 4D genome project of prokaryote. After research we find that due to its complicated replication mechanism, there
+
−
        will be a huge noise while detecting its structure, which hinder the research on prokaryotic genome.
+
−
        <br>Besides, the heterogenicity of cells are gathering importance recently in different fields.</a>
+
−
      <img src="https://static.igem.org/mediawiki/2017/d/d2/HZAU_2017_computorHand.png" class="tu_2">
+
−
      <div class="shangduiqi">
+
−
        <a id="item3_1"></a>
+
−
      </div>
+
−
      <a class="zhengwen">Therefore we begin to think if there could be a methods to eliminate the heterogeneity. While thinking deeper into
+
−
        this problem, it becomes interesting that what would happen if all the cells are synchronized, will there be a new
+
−
        phenomenon that can change the traditional statements?
+
−
        <br>So in our mind the ideal synchronization methods should be not only simply inhibit the cell cycle but at the same
+
−
        time can free the inhibition according to our decision. As we all know, the manipulation of machine is much more
+
−
        accurate than hum beings, and there is a trend to let machine help us to control the organisms, so we want our synchronization
+
−
        system can also be controlled by machine, by program.</a>
+
 
   </div>
 
   </div>
 +
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 14:28, 31 October 2017

Description The replication of prokaryotes can be divided into three phases, B C and D, while there are multi-rounds of replication happened in one cell. So both the phase and the copy number of genome is various in a culture.
Our problem arises from a research about constructing 4D genome of eukaryote. So we begin to wonder why there isn’t a 4D genome project of prokaryote. After research we find that due to its complicated replication mechanism, there will be a huge noise while detecting its structure, which hinder the research on prokaryotic genome.
Besides, the heterogenicity of cells are gathering importance recently in different fields.
Therefore we begin to think if there could be a methods to eliminate the heterogeneity. While thinking deeper into this problem, it becomes interesting that what would happen if all the cells are synchronized, will there be a new phenomenon that can change the traditional statements?
So in our mind the ideal synchronization methods should be not only simply inhibit the cell cycle but at the same time can free the inhibition according to our decision. As we all know, the manipulation of machine is much more accurate than hum beings, and there is a trend to let machine help us to control the organisms, so we want our synchronization system can also be controlled by machine, by program.