(Replaced content with "{{HZAU-China}} <html> </html>") |
|||
Line 1: | Line 1: | ||
{{HZAU-China}} | {{HZAU-China}} | ||
− | |||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | |||
+ | <style> | ||
+ | *{margin: 0;padding: 0;} | ||
+ | .content_wrapper { | ||
+ | position: absolute; | ||
+ | top: 88px; | ||
+ | width: 100%; | ||
+ | height: 1800px; | ||
+ | background-color: white; | ||
+ | } | ||
+ | .main_part{ | ||
+ | width: 80%; | ||
+ | height: 100%; | ||
+ | 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: 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{ | ||
+ | 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: 18px !important; | ||
+ | line-height: 190%; | ||
+ | z-index:-1; | ||
+ | } | ||
+ | .article h2{ | ||
+ | font-size: 50px; | ||
+ | font-family: Arial; | ||
+ | color: #1e6ed0; | ||
+ | } | ||
+ | .article h3{ | ||
+ | display: block; | ||
+ | background-color:white; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:15px; | ||
+ | font-size: 35px; | ||
+ | font-family: Helvetica; | ||
+ | color: #0783d6; | ||
+ | |||
+ | } | ||
+ | .article h4{ | ||
+ | display: block; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom:15px; | ||
+ | background-color: white; | ||
+ | font-size: 25px; | ||
+ | font-family: Calibri; | ||
+ | color: #0f9ad6; | ||
+ | } | ||
+ | .pointer1{ | ||
+ | position: absolute; | ||
+ | top: 46%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer2{ | ||
+ | position: absolute; | ||
+ | top: 83%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer3{ | ||
+ | position: absolute; | ||
+ | top: 92.5%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .pointer4{ | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 5%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | </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">2016 HUST China cheering up</a></li> | ||
+ | <li><a href="#A12">2016 STSU CCiC</a></li> | ||
+ | <li><a href="#A13">Mini talks with ZJU-iGEM</a></li> | ||
+ | <li><a href="#A14">Gene knockout</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 class="little"></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="main_part"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png" width="168px" height="2503px"> | ||
+ | <div class="pointer1"> <img src="https://static.igem.org/mediawiki/2016/f/fc/T--HZAU-China--pointer3.png"></div> | ||
+ | <div class="pointer2"> <img src="https://static.igem.org/mediawiki/2016/7/78/T--HZAU-China--pointer2.png"></div> | ||
+ | <div class="pointer3"> <img src="https://static.igem.org/mediawiki/2016/0/04/T--HZAU-China--pointer4.png"></div> | ||
+ | <div class="pointer4"> <img src="https://static.igem.org/mediawiki/2016/3/3b/T--HZAU-China--pointer1.png"></div> | ||
+ | <div class="article"> | ||
+ | <h2 class="head" >Intergrated Practices</h2><br/> | ||
+ | |||
+ | <p>This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems. | ||
+ | That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that’s the AR part of our program. | ||
+ | We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example: | ||
+ | </p><br/> | ||
+ | |||
+ | |||
+ | |||
+ | <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="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> | ||
+ | |||
+ | <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> Wiki Construction</h3> | ||
+ | <p>Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao</p> | ||
+ | <p>Art Designer:Kening Chen, Tengteng Wang, Ruoqing Chen</p> | ||
+ | |||
+ | |||
+ | <div class="random"><a id="A5" ></a></div> | ||
+ | <h3> Acknowledgement:</h3> | ||
+ | <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. | ||
+ | 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. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 04:58, 17 October 2016
![](https://static.igem.org/mediawiki/2016/2/2b/Hzau16_team_paper_main_picture.png)
![](https://static.igem.org/mediawiki/2016/f/fc/T--HZAU-China--pointer3.png)
![](https://static.igem.org/mediawiki/2016/7/78/T--HZAU-China--pointer2.png)
![](https://static.igem.org/mediawiki/2016/0/04/T--HZAU-China--pointer4.png)
![](https://static.igem.org/mediawiki/2016/3/3b/T--HZAU-China--pointer1.png)
Intergrated Practices
This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems. That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that’s the AR part of our program. We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example:
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
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
Wiki Construction
Wiki creating: Jing Xiao, Weitong Zhang, Boyao Zhang, Xinran Zhao
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.