Line 1: | Line 1: | ||
{{HZAU-China}} | {{HZAU-China}} | ||
− | <html> | + | <!DOCTYPE html> |
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
Line 34: | Line 34: | ||
position: fixed; | position: fixed; | ||
right: 0%; | right: 0%; | ||
− | background-color: | + | background-color:white; |
border-radius: 50%; | border-radius: 50%; | ||
+ | } | ||
+ | .content_part>a{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 20px; | ||
+ | display: block; | ||
+ | padding-left: 10% ; | ||
+ | padding-top: 5px; | ||
+ | height: 25px; | ||
+ | width: 70%; | ||
+ | background-color: #0e5386; | ||
+ | float: left; | ||
+ | margin-bottom: 5px; | ||
+ | transition: 0.3s; | ||
} | } | ||
.menutitle{ | .menutitle{ | ||
+ | height: 25px; | ||
background-color: #0e5386; | background-color: #0e5386; | ||
cursor:pointer; | cursor:pointer; | ||
+ | padding-top: 5px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
− | width: | + | width:20%; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color: white; | color: white; | ||
− | + | float: right; | |
} | } | ||
.little{ | .little{ | ||
content: ""; | content: ""; | ||
− | + | float: left; | |
− | top: | + | margin-top: 6px; |
− | + | margin-left: 18px; | |
border-left: 6px solid transparent; | border-left: 6px solid transparent; | ||
border-right: 6px solid transparent; | border-right: 6px solid transparent; | ||
border-bottom: 6px solid #fff955; | border-bottom: 6px solid #fff955; | ||
− | opacity: | + | opacity: 1; |
} | } | ||
.my_submenu{ | .my_submenu{ | ||
Line 66: | Line 79: | ||
} | } | ||
.my_submenu a{ | .my_submenu a{ | ||
+ | display: block; | ||
+ | background-image: linear-gradient(white, #efefef); | ||
text-decoration: none; | text-decoration: none; | ||
background-color:white; | background-color:white; | ||
font-size: 20px; | font-size: 20px; | ||
+ | color: #4b4a5e; | ||
} | } | ||
.menutitle:hover { | .menutitle:hover { | ||
− | opacity: 0. | + | opacity: 0.2; |
} | } | ||
− | . | + | .content_part >a:hover{ |
− | + | background-color: rgba(14, 83, 134, 0.38); | |
+ | color: #0e5386; | ||
+ | } | ||
+ | .my_submenu a:hover{ | ||
+ | color: #e7376d; | ||
} | } | ||
.article p{ | .article p{ | ||
Line 83: | Line 103: | ||
} | } | ||
.article h2{ | .article h2{ | ||
− | font-size: | + | font-size: 50px; |
font-family: Arial; | font-family: Arial; | ||
color: #1e6ed0; | color: #1e6ed0; | ||
Line 93: | Line 113: | ||
} | } | ||
− | . | + | .article h4{ |
+ | font-size: 25px; | ||
+ | font-family: Calibri; | ||
+ | color: #0f9ad6; | ||
+ | } | ||
+ | .pointer1{ | ||
+ | position: absolute; | ||
+ | top: 37.5%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer2{ | ||
+ | position: absolute; | ||
+ | top: 68%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer3{ | ||
+ | position: absolute; | ||
+ | top: 77%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer4{ | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 84.5%; |
− | left: | + | left: 5%; |
z-index: 100; | z-index: 100; | ||
} | } | ||
Line 131: | Line 174: | ||
<div class="content_part" id="masterdiv"> | <div class="content_part" id="masterdiv"> | ||
− | <div class="menutitle" onclick="SwitchMenu('sub1')"> | + | <a href="#A1">Wet Lab</a> |
+ | <div class="menutitle" onclick="SwitchMenu('sub1')"> | ||
<div class="little"></div> | <div class="little"></div> | ||
</div> | </div> | ||
<ul class="my_submenu" id="sub1" style="display: block"> | <ul class="my_submenu" id="sub1" style="display: block"> | ||
− | <li><a href=" | + | <li><a href="#A11">Optogenetics</a></li> |
− | <li><a href=" | + | <li><a href="#A12">Motility</a></li> |
− | <li><a href=" | + | <li><a href="#A13">Riboswitch</a></li> |
− | <li><a href=" | + | <li><a href="#A14">Gene knockout</a></li> |
</ul> | </ul> | ||
− | <div class="menutitle" onclick="SwitchMenu('sub2')"> | + | <a href="#A2">Dry lab</a> |
+ | <div class="menutitle" onclick="SwitchMenu('sub2')"> | ||
<div class="little"></div> | <div class="little"></div> | ||
</div> | </div> | ||
<ul class="my_submenu" id="sub2" style="display: block"> | <ul class="my_submenu" id="sub2" style="display: block"> | ||
− | <li><a href=" | + | <li><a href="#A21">models</a></li> |
− | <li><a href=" | + | <li><a href="#A22">Software</a></li> |
− | <li><a href=" | + | <li><a href="#A23">Hardware</a></li> |
− | + | ||
</ul> | </ul> | ||
− | <div class="menutitle" onclick="SwitchMenu('sub3')" > | + | <a href="#A3">Human Practice</a> |
+ | <div class="menutitle" onclick="SwitchMenu('sub3')" > | ||
<div class="little"></div> | <div class="little"></div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div class="menutitle" onclick="SwitchMenu('sub4')"> | + | |
+ | <a href="#A4">Art Designer</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub4')"> | ||
+ | <div class="little"></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <a href="#A5">Acknowledgement</a> | ||
+ | <div class="menutitle" onclick="SwitchMenu('sub5')"> | ||
<div class="little"></div> | <div class="little"></div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 175: | Line 216: | ||
<div class="main_part"> | <div class="main_part"> | ||
<img src="https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png" width="168px" height="2503px"> | <img src="https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png" width="168px" height="2503px"> | ||
− | <div class=" | + | <div class="pointer1"> <img src="pointer3.png"></div> |
+ | <div class="pointer2"> <img src="pointer2.png"></div> | ||
+ | <div class="pointer3"> <img src="pointer4.png"></div> | ||
+ | <div class="pointer4"> <img src="pointer1.png"></div> | ||
<div class="article"> | <div class="article"> | ||
− | <h2 class="head" >Attributions</h2> | + | <h2 class="head" >Attributions</h2><br/> |
− | <p>Integrative Design of circuit: Pan Chu, Kangjian Hua</p> | + | |
+ | <p>Integrative Design of circuit: Pan Chu, Kangjian Hua</p><br/> | ||
+ | |||
− | <h3 id="A1">Wet Lab</h3> | + | <h3 id="A1">Wet Lab</h3><br/> |
− | <h4>Optogenetics</h4> | + | <h4 id="A11">Optogenetics</h4> |
<p>Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li</p> | <p>Clone and construction of light-switchable circuit: Boyao Zhang, Jun Li</p> | ||
− | <p>Data detection on TCS: Boyao Zhang, Jun Li</p> | + | <p>Data detection on TCS: Boyao Zhang, Jun Li</p><br/> |
− | <h4>Motility</h4> | + | <h4 id="A12">Motility</h4> |
<p>Clone and construction of motility-relative circuit: Zewen Ding, Wen Wang, Wenqi Huang, Wentao Yu</p> | <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>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>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> | + | <p>Photograph gathering: Wenqi Huang, Zhujun Xia, Qiqi Xiong, Zewen Ding, Wen Wang</p><br/> |
− | <h4>Riboswitch</h4> | + | <h4 id="A13">Riboswitch</h4> |
<p>Clone and construction of riboswitch circuit: Pan Chu, Boyao Zhang, Luyao Zhang, Anqi Zhou, Wenqi Huang</p> | <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> | + | <p>Quantitative data collection: Pan Chu, Anqi Zhou, Luyao Zhang</p><br/> |
− | <h4>Gene knockout</h4> | + | <h4 id="A14">Gene knockout</h4> |
− | <p>Gene knockout: Boyao Zhang</p> | + | <p>Gene knockout: Boyao Zhang</p><br/><br/> |
− | + | <h3 id="A2"> Dry lab</h3><br/> | |
− | <h4>models</h4> | + | <h4 id="A21">models</h4> |
<p>Modeling on motility dynamics: Kangjian Hua</p> | <p>Modeling on motility dynamics: Kangjian Hua</p> | ||
<p>Modeling on motility cellular model: Bochen Cheng</p> | <p>Modeling on motility cellular model: Bochen Cheng</p> | ||
− | <p>Modeling on genetic circuits: Bochen Cheng</p> | + | <p>Modeling on genetic circuits: Bochen Cheng</p><br/> |
− | <h4>Software</h4> | + | <h4 id="A22">Software</h4> |
<p>Software design: Kangjian Hua, Bochen Cheng</p> | <p>Software design: Kangjian Hua, Bochen Cheng</p> | ||
<p>Design on video: Kangjian Hua</p> | <p>Design on video: Kangjian Hua</p> | ||
− | <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p> | + | <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p><br/> |
− | <h4 id=" | + | <h4 id="A23">Hardware</h4> |
<p>Design: Zhihao Li, Yang Bai</p> | <p>Design: Zhihao Li, Yang Bai</p> | ||
<p>Manufacture and welding of PCB: Zhihao Li</p> | <p>Manufacture and welding of PCB: Zhihao Li</p> | ||
<p>Download of SCM: Zhihao Li</p> | <p>Download of SCM: Zhihao Li</p> | ||
<p>Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua</p> | <p>Construction of light-switchable device: Zhihao Li, Jun Li, Kangjian Hua</p> | ||
− | <p>Programming: Yang Bai</p> | + | <p>Programming: Yang Bai</p><br/><br/> |
− | <h3 id=" | + | <h3 id="A3"> Human Practice</h3><br/> |
<p>Collaboration and communication with other teams: Xinran Zhao, Haimeng Li</p> | <p>Collaboration and communication with other teams: Xinran Zhao, Haimeng Li</p> | ||
− | <p>Handbook manufacture: all iGEM members</p> | + | <p>Handbook manufacture: all iGEM members</p><br/><br/><br/> |
− | <h3 id=" | + | <h3 id="A4"> Art Designer</h3><br/> |
− | <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p> | + | <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p><br/><br/><br/> |
− | <h3>Acknowledgement:</h3> | + | <h3 id="A5"> Acknowledgement:</h3><br/> |
<p>We would like to thank State Key Laboratory of Agricultural Microbiology, College of Life Science | <p>We would like to thank State Key Laboratory of Agricultural Microbiology, College of Life Science | ||
and Technology, Huazhong Agricultural University, for providing material related to riboswitch. | and Technology, Huazhong Agricultural University, for providing material related to riboswitch. | ||
Line 236: | Line 282: | ||
on gene knockout technology. Thanks for the help of College of Life Science and Technology and | on gene knockout technology. Thanks for the help of College of Life Science and Technology and | ||
College of Information in Huazhong Agricultural University. We really appreciate your support. | College of Information in Huazhong Agricultural University. We really appreciate your support. | ||
− | </p> | + | </p><br/><br/><br/> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 12:32, 15 October 2016
<!DOCTYPE html>
![](https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png)
![](pointer3.png)
![](pointer2.png)
![](pointer4.png)
![](pointer1.png)
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
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
Acknowledgement:
We would like to thank State Key Laboratory of Agricultural Microbiology, College of Life Science and Technology, Huazhong Agricultural University, for providing material related to riboswitch. Thanks to Professor Youming Zhang and Ph.D Ruijuan Li in his lab for offering great instruction on gene knockout technology. Thanks for the help of College of Life Science and Technology and College of Information in Huazhong Agricultural University. We really appreciate your support.