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

Line 2: Line 2:
 
<html>
 
<html>
  
<div class="clear"></div>
+
<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>
 +
        /*总样式*/
  
<div class="column half_size">
+
        body {
 +
            font-family: "Arial", Helvetica, sans-serif;
 +
            text-align: justify;
 +
            margin: 0px;
 +
            background-color: #ffffff;
 +
        }
  
<h1>Hardware</h1>
+
        /*内容框子的样式*/
<h3>Best Hardware Special Prize</h3>
+
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
+
  
<p>
+
        .HZAU_div_main {
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.  
+
            margin: 64px auto 0 auto;
 +
            padding: 0 30px 0 30px;
 +
            width: 1100px;
 +
        }
  
<br><br>
+
        /*内容中几种文体的样式*/
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Hardware prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<br><br>
+
You must also delete the message box on the top of this page to be eligible for this prize.
+
</p>
+
</p>
+
</div>
+
  
<div class="column half_size">
+
        .HZAU_div_main a:hover {
<h5>Inspiration</h5>
+
            color: #000;
<p>You can look at what other teams did to get some inspiration! <br />
+
            text-decoration: none;
Here are a few examples:</p>
+
        }
<ul>
+
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
<li><a href="https://2016.igem.org/Team:Aachen">2016 Aachen </a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft  </a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
</ul>
+
  
</div>
+
        .HZAU_title {
 +
            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;
 +
        }
  
 +
        .biaoti {
 +
            font-size: 35px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
        }
  
 +
        .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;
 +
        }
 +
 +
        .fufubiaoti {
 +
            display: block;
 +
            font-style: arial;
 +
            font-size: 19px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            font-weight: bold;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
 +
 +
        .zhengwen {
 +
            display: block;
 +
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            text-indent: 30px;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
 +
 +
        .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;
 +
        }
 +
 +
        .yinzhu {
 +
            color: blue;
 +
        }
 +
 +
        .yinzhu:hover .yinzhu {
 +
            color: black;
 +
        }
 +
 +
        .yinwen {
 +
            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;
 +
        }
 +
 +
        /*图片的样式*/
 +
 +
        .tuzhu_wenzi {
 +
            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 {
 +
            width: 600px;
 +
            margin: 0 auto;
 +
            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;
 +
        }
 +
 +
        .HZAU_div_main img {
 +
            width: 300px;
 +
        }
 +
        .CCCC_video{
 +
            display: block;
 +
            margin:0 auto;
 +
            width: 750px;
 +
        }
 +
    </style>
 +
</head>
 +
 +
<body>
 +
    <div class="HZAU_div_main">
 +
        <a class="HZAU_title">Hardware</a>
 +
        <a class="zhengwen">This year we constructed two series of hardware to control the light.</a>
 +
        <a class="zhengwen">One is built based on the published paper[1]. The model is designed to prevent leakage of light, and the control
 +
            of light is simplified according to experimental needs. You can choose to use 620nm(blue 1W/m2), 670(nm 1.05
 +
            W/m2 ) or 540(nm 4.03 W/m2) according to different experimental needs. The light intensity can be regulated ranging
 +
            from 0~3000lux and the period of light illumination can be modified. The working demonstration video is as following.</a>
 +
        <div class="CCCC_video">
 +
            <video src="https://static.igem.org/mediawiki/2017/c/cf/T--HZAU-China--devices.mp4" width="750px" controls="controls" />
 +
        </div>
 +
        <a class="zhengwen">Another is similar to the former one but this one is designed for lightening the microfluidics chips. The working
 +
            demonstration video is shown as following.</a>
 +
        <div class="CCCC_video">
 +
            <video src="https://static.igem.org/mediawiki/2017/c/cf/T--HZAU-China--devices.mp4" width="750px" controls="controls" />
 +
        </div>
 +
        <a class="biaoti">References</a>
 +
        <a class="yinwen">1. Gerhardt, K. P. et al. An open-hardware platform for optogenetics and photobiology. Sci. Rep. 6, 35363; doi: 10.1038/srep35363
 +
            (2016).
 +
        </a>
 +
    </div>
 +
</body>
  
 
</html>
 
</html>

Revision as of 04:31, 6 December 2017