(Prototype team page) |
m |
||
(5 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<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; | ||
+ | } | ||
− | + | /*内容框子的样式*/ | |
− | + | .HZAU_div_main { | |
− | + | margin: 64px auto 0 auto; | |
− | + | padding: 0 30px 0 30px; | |
+ | width: 1100px; | ||
+ | } | ||
− | + | /*内容中几种文体的样式*/ | |
− | + | ||
− | + | .HZAU_div_main a:hover { | |
− | + | color: #000; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .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; | ||
+ | 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/7/7c/T--HZAU-China--devices_1.mp4" width="750px" controls="controls" /> | ||
+ | </div> | ||
+ | <a class="zhengwen">Another is similar to the former one but this one is designed for lightening the microfluidic 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> |
Latest revision as of 04:41, 16 December 2017
Hardware
This year we constructed two series of hardware to control the light.
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.
Another is similar to the former one but this one is designed for lightening the microfluidic chips. The working
demonstration video is shown as following.
References
1. Gerhardt, K. P. et al. An open-hardware platform for optogenetics and photobiology. Sci. Rep. 6, 35363; doi: 10.1038/srep35363
(2016).