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

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: #e5ffd9;
+
             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:100%;
+
             width:20%;
−
            padding:6px;
+
−
            text-align:center;
+
−
            font-weight:bold;
+
−
            font-size: 20px;
+
 
             color: white;
 
             color: white;
−
             position: relative;
+
             float: right;
 
         }
 
         }
 
         .little{
 
         .little{
 
             content: "";
 
             content: "";
−
             position: absolute;
+
             float: left;
−
             top: 10px;
+
             margin-top: 6px;
−
             right: 40px;
+
             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: 0.6;
+
             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.8;
+
             opacity: 0.2;
 
         }
 
         }
−
         .menutitle:hover .little{
+
         .content_part >a:hover{
−
             opacity: 1;
+
            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: 45px;
+
             font-size: 50px;
 
             font-family: Arial;
 
             font-family: Arial;
 
             color: #1e6ed0;
 
             color: #1e6ed0;
Line 93: Line 113:
  
 
         }
 
         }
−
         .pointer{
+
         .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: 30%;
+
             top: 84.5%;
−
             left: 4%;
+
             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')">Main Menu
+
        <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="/">Main Page</a></li>
+
             <li><a href="#A11">Optogenetics</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A12">Motility</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A13">Riboswitch</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A14">Gene knockout</a></li>
 
         </ul>
 
         </ul>
  
−
         <div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help
+
        <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="/">Main Page</a></li>
+
             <li><a href="#A21">models</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A22">Software</a></li>
−
             <li><a href="/">Main Page</a></li>
+
             <li><a href="#A23">Hardware</a></li>
−
            <li><a href="/">Main Page</a></li>
+
 
         </ul>
 
         </ul>
  
−
         <div class="menutitle" onclick="SwitchMenu('sub3')" >Help Forum
+
        <a href="#A3">Human Practice</a>
 +
         <div class="menutitle" onclick="SwitchMenu('sub3')" >
 
             <div class="little"></div>
 
             <div class="little"></div>
 
         </div>
 
         </div>
−
        <ul class="my_submenu" id="sub3" style="display: block">
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
        </ul>
 
  
−
         <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links
+
 
 +
        <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>
−
        <ul class="my_submenu" id="sub4" style="display: block">
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
            <li><a href="/">Main Page</a></li>
 
−
        </ul>
 
  
 
     </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="pointer"> <img src="pointer.png"></div>
+
         <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>Dry lab</h3>
+
          <h3 id="A2"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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="A4">Hardware</h4>
+
             <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="A5">Human Practice</h3>
+
             <h3 id="A3"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;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="A6">Art Designer</h3>
+
             <h3  id="A4"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;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> body

Wet Lab
Dry lab
Human Practice
Art Designer
Acknowledgement

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.