(67 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
{{HZAU-China}} | {{HZAU-China}} | ||
− | <html> | + | <html lang="en"> |
<head> | <head> | ||
− | <meta charset="UTF-8"> | + | <meta charset="UTF-8"> |
− | <title> | + | <title>attribution</title> |
− | + | <style> | |
− | + | *{margin: 0;padding: 0;} | |
− | background-color: | + | .content_wrapper { |
− | } | + | position: absolute; |
− | . | + | top: 88px; |
− | + | width: 100%; | |
− | + | height: 1800px; | |
− | top: | + | background-color: white; |
− | left: | + | } |
− | + | .main_part{ | |
− | } | + | width: 80%; |
− | . | + | height: 100%; |
− | font-size: | + | float: left; |
− | } | + | } |
− | + | .article{ | |
− | + | width: 60%; | |
− | } | + | height: auto; |
− | + | position: absolute; | |
− | + | top: 0; | |
− | } | + | left: 13%; |
− | + | padding:0 2% 2% 2%; | |
− | + | background-color: white; | |
− | + | } | |
− | + | .content_part{ | |
− | + | width: 20%; | |
− | + | height: auto; | |
− | + | position: fixed; | |
− | + | right: 0%; | |
− | + | background-color:white; | |
− | + | border-radius: 50%; | |
− | + | } | |
− | + | .content_part>a{ | |
− | + | text-decoration: none; | |
− | + | color: white; | |
− | + | font-family: Arial; | |
− | + | font-size: 16px; | |
− | + | display: block; | |
− | + | padding-left: 10% ; | |
− | + | padding-top: 5px; | |
− | + | height: 25px; | |
− | + | width: 70%; | |
− | + | background-color: #0e5386; | |
− | + | float: left; | |
− | + | margin-bottom: 5px; | |
− | + | transition: 0.3s; | |
− | + | } | |
− | + | .menutitle{ | |
− | + | height: 25px; | |
− | + | background-color: #0e5386; | |
− | + | cursor:pointer; | |
− | + | padding-top: 5px; | |
− | + | margin-bottom: 5px; | |
− | + | width:20%; | |
− | + | color: white; | |
− | + | float: right; | |
− | + | } | |
− | + | .little{ | |
− | + | content: ""; | |
− | + | float: left; | |
− | + | margin-top: 6px; | |
− | + | margin-left: 18px; | |
− | + | border-left: 6px solid transparent; | |
− | + | border-right: 6px solid transparent; | |
− | + | border-bottom: 6px solid #fff955; | |
− | + | opacity: 1; | |
− | + | } | |
+ | .my_submenu{ | ||
+ | margin:0 !important; | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | margin-bottom: 0.5em; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .my_submenu a{ | ||
+ | display: block; | ||
+ | background-image: linear-gradient(white, #efefef); | ||
+ | text-decoration: none; | ||
+ | background-color:white; | ||
+ | padding: 5px; | ||
+ | font-size: 14px; | ||
+ | font-family: Arial; | ||
+ | color: #3d42e8; | ||
+ | } | ||
+ | .menutitle:hover { | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | .content_part >a:hover{ | ||
+ | background-color: rgba(14, 83, 134, 0.38); | ||
+ | color: #0e5386; | ||
+ | } | ||
+ | .my_submenu a:hover{ | ||
+ | color: #e7376d; | ||
+ | } | ||
+ | .random{ | ||
+ | position: relative ; | ||
+ | } | ||
+ | .random a{ | ||
+ | position: absolute; | ||
+ | top: -88px; | ||
+ | } | ||
+ | .article p{ | ||
+ | text-align:justify; | ||
+ | font-family: Verdana; | ||
+ | font-size: 16px !important; | ||
+ | line-height: 190%; | ||
+ | } | ||
+ | .article h2{ | ||
+ | padding-bottom:15px; | ||
+ | font-size: 50px; | ||
+ | font-family: Arial; | ||
+ | color: #1e6ed0; | ||
+ | } | ||
+ | .article h3{ | ||
+ | display: block; | ||
+ | background-color:white; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:15px; | ||
+ | font-size: 30px; | ||
+ | font-family: Helvetica; | ||
+ | color: #0783d6; | ||
− | < | + | } |
− | <ul class=" | + | .article h4{ |
− | + | display: block; | |
− | + | padding-top: 18px; | |
− | + | padding-bottom:15px; | |
− | + | background-color: white; | |
− | + | font-size: 25px; | |
− | + | font-family: Calibri; | |
− | + | color: #0e7eb1; | |
− | < | + | } |
− | + | .article h5{ | |
− | + | display: block; | |
− | + | padding-top: 16px; | |
− | </ | + | padding-bottom:15px; |
+ | background-color: white; | ||
+ | font-size: 18px; | ||
+ | font-family: Arial; | ||
+ | color: #3c7ab1; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | if (document.getElementById){ | ||
+ | document.write('<style type="text/css">\n') | ||
+ | document.write('.my_submenu{display: block;}\n') | ||
+ | document.write('</style>\n') | ||
+ | } | ||
+ | |||
+ | function SwitchMenu(obj){ | ||
+ | if(document.getElementById){ | ||
+ | var el = document.getElementById(obj); | ||
+ | var ar = document.getElementById("masterdiv").getElementsByTagName("span"); | ||
+ | if(el.style.display != "block"){ | ||
+ | for (var i=0; i<ar.length; i++){ | ||
+ | if (ar[i].className=="my_submenu") //DynamicDrive.com change | ||
+ | ar[i].style.display = "none"; | ||
+ | } | ||
+ | el.style.display = "block"; | ||
+ | }else{ | ||
+ | el.style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div class="content_wrapper"> | ||
+ | |||
+ | <div class="content_part" id="masterdiv"> | ||
+ | <a href="#A1">Wet Lab</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub1')"> | ||
+ | <div class="little"></div> | ||
+ | </div> | ||
+ | <ul class="my_submenu" id="sub1" style="display: block"> | ||
+ | <li><a href="#A11">Optogenetics</a></li> | ||
+ | <li><a href="#A12">Motility</a></li> | ||
+ | <li><a href="#A13">Riboswitch</a></li> | ||
+ | <li><a href="#A14">Gene knockout</a></li> | ||
+ | <li><a href="#A15">Safety</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <a href="#A2">Dry lab</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub2')"> | ||
+ | <div class="little"></div> | ||
+ | </div> | ||
+ | <ul class="my_submenu" id="sub2" style="display: block"> | ||
+ | <li><a href="#A21">models</a></li> | ||
+ | <li><a href="#A22">Software</a></li> | ||
+ | <li><a href="#A23">Hardware</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <a href="#A3">Human Practice</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub3')" > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <a href="#A4">Art Designer</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub4')"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <a href="#A5">Acknowledgement</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub5')"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="main_part"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--attribution.png" width="168px" > | ||
+ | |||
+ | |||
+ | <div class="article"> | ||
+ | <h2 class="head" >Attributions</h2> | ||
+ | |||
+ | <p>Integrative Design of circuit: Pan Chu, Kangjian Hua</p> | ||
+ | |||
+ | |||
+ | <div class="random"><a id="A1" ></a></div> | ||
+ | <h3>Wet Lab</h3> | ||
+ | |||
+ | <div class="random"><a id="A11" ></a></div> | ||
+ | <h4>Optogenetics</h4> | ||
+ | <p>Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li</p> | ||
+ | <p>Data detection on TCS: Boyao Zhang, Jun Li</p> | ||
+ | |||
+ | <div class="random"><a id="A12" ></a></div> | ||
+ | <h4>Motility</h4> | ||
+ | <p>Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu</p> | ||
+ | <p>Figure collection of motility: Zewen Ding, Wenqi Huang, Wen Wang</p> | ||
+ | <p>Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang</p> | ||
+ | <p>Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang</p> | ||
+ | |||
+ | <div class="random"><a id="A13" ></a></div> | ||
+ | <h4>Riboswitch</h4> | ||
+ | <p>Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang</p> | ||
+ | <p>Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang</p> | ||
+ | |||
+ | <div class="random"><a id="A14" ></a></div> | ||
+ | <h4 id="A14">Gene knockout</h4> | ||
+ | <p>Gene knockout: Boyao Zhang</p> | ||
+ | |||
+ | <div class="random"><a id="A15" ></a></div> | ||
+ | <h4 id="A14">Safety</h4> | ||
+ | <p>Safety:Jun Li,Wenqi Huang</p> | ||
+ | |||
+ | <div class="random"><a id="A2" ></a></div> | ||
+ | <h3>Dry lab</h3> | ||
+ | |||
+ | <div class="random"><a id="A21" ></a></div> | ||
+ | <h4 >models</h4> | ||
+ | <p>Modeling on motility dynamics: Kangjian Hua</p> | ||
+ | <p>Modeling on motility cellular model: Bochen Cheng</p> | ||
+ | <p>Modeling on genetic circuits: Bochen Cheng</p> | ||
+ | |||
+ | <div class="random"><a id="A22" ></a></div> | ||
+ | <h4 id="A22">Software</h4> | ||
+ | <p>Software design: Kangjian Hua, Bochen Cheng</p> | ||
+ | <p>Design on video: Kangjian Hua</p> | ||
+ | <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p> | ||
+ | |||
+ | <div class="random"><a id="A23" ></a></div> | ||
+ | <h4 >Hardware</h4> | ||
+ | <p>Design: Zhihao Li, Yang Bai</p> | ||
+ | <p>Manufacture and welding of PCB: Zhihao Li</p> | ||
+ | <p>Download of SCM: Zhihao Li</p> | ||
+ | <p>Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua</p> | ||
+ | <p>Programming: Yang Bai</p> | ||
+ | |||
+ | |||
+ | <div class="random"><a id="A3" ></a></div> | ||
+ | <h3>Human Practice</h3><br/> | ||
+ | <p>Collaboration and communication with other teams: Xinran Zhao, Haimeng Li</p> | ||
+ | <p>Handbook manufacture: all iGEM members</p> | ||
+ | |||
+ | |||
+ | <div class="random"><a id="A4" ></a></div> | ||
+ | <h3> Art Designer</h3> | ||
+ | <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p><br/> | ||
+ | <p style="font-size:30px !important">Detailed attributions can be found <a href = "https://2016.igem.org/Team:HZAU-China/Detailed-Attributions">here.</a><p><br/><br/> | ||
+ | |||
+ | <h4> Acknowledgement:</h4> | ||
+ | |||
+ | </p><p>For each parts of experiments, our appreciations are as follow:</p> | ||
+ | <h5>Gene knock out</h5> | ||
+ | <p>Thanks to Dr. Youming Zhang’s laboratory, Shandong University, for sharing the material and instruction on method.</p> | ||
+ | <h5>Riboswitch</h5> | ||
+ | <p>Thanks to Professor Jin He’s lab, Huazhong Agricultural University, for sharing the material (Gene: pleD, tandem riboswitch; Plasmid: pETb ) and special thanks to Dr. Xinfeng Li, for his proposal of gene circuit assembly. </p> | ||
+ | <p>The paper (Characterization of a natural tripletandem c-di-GMP riboswitch and application of the riboswitch-based dual-fluorescence reporter ) provides the experiment design idea.</p> | ||
+ | <h5>Motility</h5> | ||
+ | <p>Thanks to Dr. Chenli Liu from SIAT CSynBER enerous share(Strain: Escherichia coli MG1655, CL-1), our experiment can process successfully.</p> | ||
+ | <h5>We really appreciate your support!</h5> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 07:49, 31 December 2016
Attributions
Integrative Design of circuit: Pan Chu, Kangjian Hua
Wet Lab
Optogenetics
Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li
Data detection on TCS: Boyao Zhang, Jun Li
Motility
Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu
Figure collection of motility: Zewen Ding, Wenqi Huang, Wen Wang
Design of trial and measurement: Wenqi Huang, Zewen Ding, Wen Wang
Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang
Riboswitch
Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang
Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang
Gene knockout
Gene knockout: Boyao Zhang
Safety
Safety:Jun Li,Wenqi Huang
Dry lab
models
Modeling on motility dynamics: Kangjian Hua
Modeling on motility cellular model: Bochen Cheng
Modeling on genetic circuits: Bochen Cheng
Software
Software design: Kangjian Hua, Bochen Cheng
Design on video: Kangjian Hua
Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao
Hardware
Design: Zhihao Li, Yang Bai
Manufacture and welding of PCB: Zhihao Li
Download of SCM: Zhihao Li
Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua
Programming: Yang Bai
Human Practice
Collaboration and communication with other teams: Xinran Zhao, Haimeng Li
Handbook manufacture: all iGEM members
Art Designer
Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen
Detailed attributions can be found here.
Acknowledgement:
For each parts of experiments, our appreciations are as follow:
Gene knock out
Thanks to Dr. Youming Zhang’s laboratory, Shandong University, for sharing the material and instruction on method.
Riboswitch
Thanks to Professor Jin He’s lab, Huazhong Agricultural University, for sharing the material (Gene: pleD, tandem riboswitch; Plasmid: pETb ) and special thanks to Dr. Xinfeng Li, for his proposal of gene circuit assembly.
The paper (Characterization of a natural tripletandem c-di-GMP riboswitch and application of the riboswitch-based dual-fluorescence reporter ) provides the experiment design idea.
Motility
Thanks to Dr. Chenli Liu from SIAT CSynBER enerous share(Strain: Escherichia coli MG1655, CL-1), our experiment can process successfully.