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

m
 
(15 intermediate revisions by 3 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
  <meta charset="UTF-8">
+
    <meta charset="utf-8">
−
  <!--内容的样式-->
+
    <!--公式编辑器-->
−
  <style>
+
    <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
−
     body {
+
     <script type="text/x-mathjax-config">
−
      font-family: "Arial", Helvetica, sans-serif;
+
              MathJax.Hub.Config({
−
      text-align: justify;
+
              extensions: ["tex2jax.js"],
−
      margin: 0px;
+
              jax: ["input/TeX", "output/HTML-CSS"],
−
      background-color: #ffffff;
+
              tex2jax: {
−
     }
+
              inlineMath: [ ['$','$'], ["\\(","\\)"] ],
 +
              displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 +
              processEscapes: true
 +
              },
 +
              "HTML-CSS": { availableFonts: ["TeX"] }
 +
              });
 +
              </script>
 +
     <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
    </script>
 +
    <style>
 +
        /*改变超链接的位置*/
  
−
    .HZAU_content a:hover {
+
        .jiaozheng {
−
      color: black;
+
            position: relative;
−
      text-decoration: none;
+
            top: -66px;
−
    }
+
        }
 +
    </style>
 +
    <!--内容的样式-->
 +
    <style>
 +
        /*总样式*/
  
−
    .HZAU_content a {
+
        body {
−
      color: black;
+
            font-family: "Arial", Helvetica, sans-serif;
−
    }
+
            text-align: justify;
 +
            margin: 0px;
 +
            background-color: #ffffff;
 +
        }
  
−
    .HZAU_content {
+
        /*内容框子的样式*/
−
      position: absolute;
+
−
      top: 43px;
+
−
      left: 250px;
+
−
      width: 1000px;
+
−
      height: 2100px;
+
−
      z-index: -1;
+
−
    }
+
  
−
    .HZAU_2017_menu {
+
        .HZAU_div_main {
−
      display: block;
+
            margin: 64px auto 0 auto;
−
      position: fixed;
+
            padding: 0 30px 0 30px;
−
      left: 15px;
+
            width: 1100px;
−
      top: 100px;
+
        }
−
      height: 337px;
+
−
      width: 233px;
+
−
      overflow: hidden;
+
−
    }
+
  
−
    .beijin {
+
        /*内容中几种文体的样式*/
−
      height: 337px;
+
−
      width: 233px;
+
−
    }
+
  
−
    .HZAU_2017_menu ul {
+
        .HZAU_div_main a:hover {
−
      position: absolute;
+
            color: #000;
−
      top: 50%;
+
            text-decoration: none;
−
      margin-top: -80px;
+
        }
−
      margin-left: 0px;
+
−
      left: 0px;
+
−
      width: 100%;
+
−
      padding-left: 0px;
+
−
      font-size: 16px;
+
−
    }
+
  
−
    .HZAU_2017_menu li {
+
        .HZAU_title {
−
      width: 100%;
+
            font-size: 50px;
−
    }
+
            font-weight: bold;
 +
            text-align: center;
 +
            width: 360px;
 +
            display: block;
 +
            margin: 0 auto;
 +
            padding-bottom: 50px;
 +
            padding-top: 50px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/9/95/T--HZAU-China--datitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 360px 80px;
 +
            background-position: center;
 +
        }
  
−
    .HZAU_2017_menu li a {
+
        .biaoti {
−
      display: inline-block;
+
            font-size: 35px;
−
      width: 100%;
+
            font-weight: bold;
−
      height: 100%;
+
            text-align: center;
−
      padding: 20px 0px 20px 0px;
+
            width: 100%;
−
      margin-left: 13px;
+
            display: block;
−
      text-align: left;
+
            padding-bottom: 30px;
−
      color: rgb(249, 228, 137);
+
            padding-top: 30px;
−
      text-decoration: none;
+
            color: #000;
−
      font-style: arial;
+
        }
−
      line-height: 90%;
+
−
    }
+
  
−
    .HZAU_2017_menu li:hover {
+
        .fubiaoti {
−
      background: rgb(249, 228, 137);
+
            font-size: 24px;
−
    }
+
            font-weight: bold;
 +
            text-indent: 50px;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/e/e7/T--HZAU-China--xiaotitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 65px 50px;
 +
            background-position: left;
 +
        }
  
−
    .HZAU_2017_menu li a:hover {
+
        .zhengwen {
−
      color: #000;
+
            display: block;
−
    }
+
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    .HZAU_item {
+
        .zhengwen_disblock {
−
      position: absolute;
+
            display: inline;
−
      width: 100%;
+
            font-style: arial;
−
      padding-left: 40px;
+
            font-size: 18px;
−
    }
+
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    .biaoti {
+
        .yinzhu {
−
      font-size: 50px;
+
            color: blue;
−
      font-weight: bold;
+
        }
−
      text-align: center;
+
−
      width: 100%;
+
−
      display: block;
+
−
      padding-bottom: 50px;
+
−
      padding-top: 50px;
+
−
      color: rgb(63, 59, 58);
+
−
    }
+
  
−
    .zhengwen {
+
        .yinzhu:hover .yinzhu {
−
      display: block;
+
            color: black;
−
      font-style: arial;
+
        }
−
      font-size: 18px;
+
−
      line-height: 34px;
+
−
      text-align: justify;
+
−
      color: #000;
+
−
      margin-bottom: 9px;
+
−
      margin-left: 0px;
+
−
      margin-right: 0px;
+
−
      margin-top: 7.2px
+
−
    }
+
  
−
    .jiaozheng {
+
        .yinwen {
−
      position: relative;
+
            display: block;
−
    }
+
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    .jiaozheng a {
+
        /*图片的样式*/
−
      position: absolute;
+
−
      top: -66px;
+
−
    }
+
  
−
    .HZAU_content img {
+
        .tuzhu_wenzi {
−
      margin: 0 auto;
+
            display: block;
−
      display: block;
+
            font-style: arial;
−
    }
+
            font-size: 17px;
 +
            line-height: 28px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    .tu_1 {
+
        .HZAU_div_main>img {
−
      width: 233px;
+
            margin: 0 auto;
−
    }
+
            display: block;
 +
        }
  
−
    .tu_2 {
+
        .tu_1 {
−
      width: 555px;
+
            width: 600px;
−
     }
+
            margin: 0 auto;
−
  </style>
+
            display: block;
 +
        }
 +
 
 +
        .tu_2 {
 +
            width: 800px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
 +
 
 +
        .tu_3 {
 +
            width: 555px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
 +
     </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 {
 +
            cursor: pointer;
 +
        }
 +
 
 +
        #HZAUmenu-toggle {
 +
            display: none;
 +
        }
 +
 
 +
        #HZAUmenu {
 +
            display: none;
 +
            font-size: 18px;
 +
            padding: 0 50px 0 50px;
 +
            width: 1000px;
 +
            margin: 0;
 +
            color: black;
 +
        }
 +
 
 +
        #HZAUmenu>a {
 +
            color: #000;
 +
        }
 +
 
 +
        #HZAUmenu>a:hover {
 +
            color: #000;
 +
            text-decoration: none;
 +
        }
 +
 
 +
        #HZAUmenu-toggle:checked+#HZAUmenu {
 +
            display: block;
 +
        }
 +
    </style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<div class="HZAU_content">
+
    <div class="HZAU_div_main">
−
<div class="HZAU_item">
+
        <a class="biaoti">Demonstration</a>
−
<a class="biaoti">Demonstration</a>
+
        <a class="zhengwen">The project of this year is to implement a computer-controlled cell cycle. To demonstrate this, a simple repression
−
<a class="zhengwen">The project of this year is to contruct a computer controlled cell cycle. To demonstrate this, a simple repression on replication is not enough, a reverse regulation is necessary for proving that our project works. So after an OD measurement, the reverse regulation is observed and a further demonstration of reverse regulation is conducted by qPCR. (Figure 1.).
+
            on replication is not enough, a reverse regulation is necessary for proving that our project works. So after
−
At the same time, our software and hardware is ready for 4C. For more information about, the software or hardware, please click software or hardware. Summarizing all above, we believe that we accomplished a cell cotrolled cell cycle.
+
            an OD measurement, a further demonstration of reverse regulation is conducted by applying qPCR. </a>
−
</a>
+
        <img src="https://static.igem.org/mediawiki/2017/7/7c/T--HZAU-China--Results_Figure6.png" width="60%">
−
</div>
+
        <a class="zhengwen">At last, we demonstrate that this system can be reverse regulated, which is essential for the concept of computer
 +
            control.
 +
        </a>
 +
        <a class="zhengwen">At the same time, our software and hardware are ready for the
 +
            <strong>4C</strong> project.</a>
 +
        <img src="https://static.igem.org/mediawiki/2017/a/a7/T--HZAU-China--demonstrate_figure1.png" style="width: 1000px;">
 +
        <img src="https://static.igem.org/mediawiki/2017/c/c0/T--HZAU-China--demonstrate_figure2.png" style="width: 1000px;">
 +
        <a class="zhengwen_disblock">For more information about the software or hardware, please click:</a>
 +
        <a class="zhengwen_disblock" href="https://2017.igem.org/Team:HZAU-China/Software">software,</a>
 +
        <a class="zhengwen_disblock" href="https://2017.igem.org/Team:HZAU-China/Hardware">hardware.</a>
 +
        <h2>Summarizing all above, we believe that we accomplished a computer-controlled cell cycle synchronizer.</h2>
 +
 
 +
<a style="font-size: 40px;text-align: center;display: block;margin: 30px auto;">Award</a>
 +
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--HZAU-China--gold.png" style="margin:0 auto;display:block">
 +
<a class="zhengwen" style="text-align: center;display: block;">We finally achieved the Gold Medal!</a>
 
</div>
 
</div>
  
 
</body>
 
</body>
−
 
−
 
−
 
  
 
</html>
 
</html>

Latest revision as of 04:05, 16 December 2017

Demonstration The project of this year is to implement a computer-controlled cell cycle. To demonstrate this, a simple repression on replication is not enough, a reverse regulation is necessary for proving that our project works. So after an OD measurement, a further demonstration of reverse regulation is conducted by applying qPCR. At last, we demonstrate that this system can be reverse regulated, which is essential for the concept of computer control. At the same time, our software and hardware are ready for the 4C project. For more information about the software or hardware, please click: software, hardware.

Summarizing all above, we believe that we accomplished a computer-controlled cell cycle synchronizer.

Award We finally achieved the Gold Medal!