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

 
(5 intermediate revisions by the same user not shown)
Line 3: Line 3:
  
 
<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 {
+
     /*小导航栏样式*/
−
       font-family: "Arial", Helvetica, sans-serif;
+
 
−
       text-align: justify;
+
    ul.nav-pills {
−
       margin: 0px;
+
       background: url(https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--background.png);
−
       background-color: #ffffff;
+
       background-size: 100% auto;
 +
       background-repeat: no-repeat;
 +
       position: fixed;
 +
      display: block;
 +
      top: 50%;
 +
      margin-top: -144.5px;
 +
      height: 289px;
 +
      width: 200px;
 +
      overflow: hidden;
 
     }
 
     }
  
−
     .HZAU_content a:hover {
+
     ul.nav-pills>li {
−
       color: black;
+
       position: relative;
−
       text-decoration: none;
+
       top: 50%;
 
     }
 
     }
  
−
     .HZAU_content a {
+
     #change_top {
−
       color: black;
+
       margin-top: -60px;
 
     }
 
     }
  
−
     .HZAU_content {
+
     /*小导航栏触碰后变色*/
−
      position: absolute;
+
 
−
      top: 43px;
+
    /*改变超链接的位置*/
−
      left: 250px;
+
 
−
      width: 1000px;
+
    #section1 {
−
       height: 2100px;
+
       position: relative;
−
       z-index: -1;
+
       top: -66px;
 
     }
 
     }
  
−
     .HZAU_2017_menu {
+
     #section2 {
−
      display: block;
+
       position: relative;
−
       position: fixed;
+
       top: -66px;
−
      left: 15px;
+
−
       top: 100px;
+
−
      height: 337px;
+
−
      width: 233px;
+
−
      overflow: hidden;
+
 
     }
 
     }
  
−
     .beijin {
+
     #section3 {
−
       height: 337px;
+
       position: relative;
−
       width: 233px;
+
       top: -66px;
 +
    }
 +
  </style>
 +
  <!--内容的样式-->
 +
  <style>
 +
    /*总样式*/
 +
 
 +
    body {
 +
      font-family: "Arial", Helvetica, sans-serif;
 +
      text-align: justify;
 +
      margin: 0px;
 +
      background-color: #ffffff;
 
     }
 
     }
  
Line 59: Line 76:
 
     .HZAU_2017_menu li {
 
     .HZAU_2017_menu li {
 
       width: 100%;
 
       width: 100%;
 +
      line-height: 0em;
 +
      list-style-image: none;
 
     }
 
     }
  
Line 82: Line 101:
 
     }
 
     }
  
−
     .HZAU_item {
+
    /*内容框子的样式*/
 +
 
 +
     .col-sm-9 {
 
       position: absolute;
 
       position: absolute;
−
       width: 100%;
+
       top: 43px;
−
       padding-left: 40px;
+
      left: 50%;
 +
       margin-left: -330px;
 +
      width: 900px;
 +
      height: 2300px;
 +
      z-index: -1;
 +
    }
 +
 
 +
    /*内容中几种文体的样式*/
 +
 
 +
    .col-sm-9>a:hover {
 +
      color: #000;
 +
      text-decoration: none;
 
     }
 
     }
  
Line 112: Line 144:
 
     }
 
     }
  
−
     .jiaozheng {
+
     .shangduiqi {
 
       position: relative;
 
       position: relative;
 
     }
 
     }
  
−
     .jiaozheng a {
+
     .shangduiqi a {
 
       position: absolute;
 
       position: absolute;
 
       top: -66px;
 
       top: -66px;
 
     }
 
     }
  
−
     .HZAU_content img {
+
    /*图片的样式*/
 +
 
 +
     .col-sm-9 img {
 
       margin: 0 auto;
 
       margin: 0 auto;
 
       display: block;
 
       display: block;
Line 134: Line 168:
 
     }
 
     }
 
   </style>
 
   </style>
 +
  <!--点击展开部分的样式-->
 
   <style>
 
   <style>
 +
    span.caret_black {
 +
      display: inline-block;
 +
      margin-left: 6px;
 +
      vertical-align: middle;
 +
      width: 0;
 +
      height: 0;
 +
      border-left: 6px solid transparent;
 +
      border-right: 6px solid transparent;
 +
      border-top: 6px solid black;
 +
    }
 +
 
     label {
 
     label {
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
  
−
     #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;
 +
      padding: 0 50px 0 50px;
 +
      width: 800px;
 +
      margin: 0;
 +
      color: black;
 
     }
 
     }
  
−
     #menu-toggle:checked+#menu {
+
     #HZAUmenu-toggle:checked+#HZAUmenu {
 
       display: block;
 
       display: block;
 
     }
 
     }
Line 155: Line 204:
 
</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">Information</a>
+
                <a href="#section1">Section 1</a>
−
      </li>
+
              </li>
−
      <li id="HZAU_menu_3">
+
              <li>
−
        <a href="#item3_1" id="bianse_3">Why light control</a>
+
                <a href="#section2">Section 2</a>
−
      </li>
+
              </li>
−
    </ul>
+
              <li>
−
  </div>
+
                <a href="#section3">Section 3</a>
−
  <div class="HZAU_content">
+
              </li>
−
    <div class="HZAU_item">
+
            </ul>
−
      <a class="biaoti">Description</a>
+
          </div>
−
      <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>
+
      </nav>
−
      <div>
+
      <div class="col-sm-9">
−
        <label for="menu-toggle" class="zhengwen">To know more about replication</label>
+
        <div>
−
        <input type="checkbox" id="menu-toggle" />
+
          <div id="section1">
−
        <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
+
        </div>
−
            pre-replication phase in which cells are preparing for DNA replication, like G1 phase of eukaryotes. C is also
+
        <a class="biaoti">Description</a>
−
            called replication phase in which the genome is under replication corresponding to phase S in eukaryotic cell
+
        <a class="zhengwen">The replication of prokaryotes can be divided into three phases, B C and D, while there are multi-rounds of replication
−
            cycle. The last D phase, of course, is called post-replication phase, in which chromosome separates and one cell
+
          happened in one cell. So both the phase and the copy number of genome is various in a culture.</a>
−
            divides into two corresponding to G2 and M phase in eukaryotes. Among the three phases, C and D are relatively
+
        <div>
−
            constant, about 40 min and 20 min separately, so when to initiate a replication determines the whole cell cycle.
+
          <label for="HZAUmenu-toggle" class="zhengwen">To know more about replication
−
            Recent research reveals a relationship between replication initiation and cell volume, but many details are still
+
            <span class="caret_black"></span>
−
            remain unknown. But what we know is that a protein, DnaA, plays an important role in this process.
+
          </label>
−
            <br> DnaA is a versatile protein possessing many different functions related to cell cycle, among which the most
+
          <input type="checkbox" id="HZAUmenu-toggle" />
−
            important one is to attached to the OriC, the origins of chromosome replication, and initiates replication. So
+
          <ul id="HZAUmenu">
−
            controlling cell cycle by interrupting the attachment of DnaA and corresponding DNA sequence with dCas9 is an
+
            <a>The replication process of E.coli can be divided into three phases, phase B, phase C and phase D. B is also called
−
            efficient approach.
+
              pre-replication phase in which cells are preparing for DNA replication, like G1 phase of eukaryotes. C is also
−
            <br> The whole cell cycle of eukaryotes and prokaryotes show a certain similarity, but there is difference between
+
              called replication phase in which the genome is under replication corresponding to phase S in eukaryotic cell
−
            them. The cell cycle of prokaryotes can overlap, which means the next round of replication initiates before the
+
              cycle. The last D phase, of course, is called post-replication phase, in which chromosome separates and one
−
            last replication complete, while eukaryotic cell cycle initiates one after another. Experiments have shown that
+
              cell divides into two corresponding to G2 and M phase in eukaryotes. Among the three phases, C and D are relatively
−
            even an isogenetic bacteria grown in the same culture show a difference in both replication phase and genome
+
              constant, about 40 min and 20 min separately, so when to initiate a replication determines the whole cell cycle.
−
            copy numbers and this becomes a huge noise when constructing the 3D genome structure and building up a circuit
+
              Recent research reveals a relationship between replication initiation and cell volume, but many details are
−
            related to genome gene. Besides, the development of synthetic biology requires a system to control the reproduction
+
              still remain unknown. But what we know is that a protein, DnaA, plays an important role in this process.
−
            of engineered organisms. So we believe that our project would be a useful tool no matter in theoretical areas
+
              <br> DnaA is a versatile protein possessing many different functions related to cell cycle, among which the most
−
            or application areas.
+
              important one is to attached to the OriC, the origins of chromosome replication, and initiates replication.
−
           </a>
+
              So controlling cell cycle by interrupting the attachment of DnaA and corresponding DNA sequence with dCas9
−
         </ul>
+
              is an efficient approach.
 +
              <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 class="jiaozheng">
 
−
        <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="jiaozheng">
 
−
        <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>
 
   </div>
 
   </div>
 +
 
</body>
 
</body>
−
<script>
 
−
 
−
</script>
 
  
 
</html>
 
</html>

Latest revision as of 14:04, 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.