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

m
 
(17 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="utf-8">
 +
    <!--公式编辑器-->
 +
    <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
    <script type="text/x-mathjax-config">
 +
              MathJax.Hub.Config({
 +
              extensions: ["tex2jax.js"],
 +
              jax: ["input/TeX", "output/HTML-CSS"],
 +
              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>
 +
        /*改变超链接的位置*/
  
 +
        .jiaozheng {
 +
            position: relative;
 +
            top: -66px;
 +
        }
 +
    </style>
 +
    <!--内容的样式-->
 +
    <style>
 +
        /*总样式*/
  
 +
        body {
 +
            font-family: "Arial", Helvetica, sans-serif;
 +
            text-align: justify;
 +
            margin: 0px;
 +
            background-color: #ffffff;
 +
        }
  
<div class="clear"></div>
+
        /*内容框子的样式*/
  
 +
        .HZAU_div_main {
 +
            margin: 64px auto 0 auto;
 +
            padding: 0 30px 0 30px;
 +
            width: 1100px;
 +
        }
  
<div class="column full_size">
+
        /*内容中几种文体的样式*/
<h1>Demonstrate</h1>
+
<h3>Gold Medal Criterion #4</h3>
+
  
<p>
+
        .HZAU_div_main a:hover {
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
            color: #000;
</p>
+
            text-decoration: none;
 +
        }
  
<p>
+
        .HZAU_title {
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
            font-size: 50px;
</p>
+
            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;
 +
        }
  
 +
        .biaoti {
 +
            font-size: 35px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
        }
  
</div>
+
        .fubiaoti {
 +
            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;
 +
        }
  
 +
        .zhengwen {
 +
            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;
 +
        }
  
<div class="column half_size">
+
        .zhengwen_disblock {
 +
            display: inline;
 +
            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;
 +
        }
  
<h4> What should we do for our demonstration?</h4>
+
        .yinzhu {
 +
            color: blue;
 +
        }
  
<h5> Standard teams </h5>
+
        .yinzhu:hover .yinzhu {
 +
            color: black;
 +
        }
  
<p>
+
        .yinwen {
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
            display: block;
</p>
+
            font-style: arial;
</div>
+
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
<div class="column half_size">
+
        /*图片的样式*/
  
<br>
+
        .tuzhu_wenzi {
<h5> Special track teams </h5>
+
            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;
 +
        }
  
<p>
+
        .HZAU_div_main>img {
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
            margin: 0 auto;
</p>
+
            display: block;
 +
        }
  
 +
        .tu_1 {
 +
            width: 600px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
  
</div>
+
        .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>
 +
 +
<body>
 +
    <div class="HZAU_div_main">
 +
        <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
 +
            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. </a>
 +
        <img src="https://static.igem.org/mediawiki/2017/7/7c/T--HZAU-China--Results_Figure6.png" width="60%">
 +
        <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>
  
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 04:05, 16 December 2017