View source for Team:WHU-China/Human-Practices.html

{{WHU-China-Header}}
<html>

<style type="text/css">
	body{
		margin:0;
		padding:0;
	}
	.container{
		position:absolute;
		width:95%;
		left:5%;
		height:2000px;
		z-index:0;
		padding:0;
	}
	.container img{
		position:absolute;
		z-index:0;
	}
	.left{
		position:absolute;
		left:0;
		height:2000px;
		width:5%;
		background-image:url(https://static.igem.org/mediawiki/2015/8/8c/WHU-China_left.png);
		z-index:0;
	}
	.header{
		position:absolute;
		width:100%;
		z-index:1;
		padding-top:1%;
	}
	.header-left{
		position:absolute;
		width:40%;
		z-index:1;
	}
	.header-right{
		position:absolute;
		height:300px;
		width:55%;
		left:45%;
		z-index:1;
	}
	.header-right ul{
		padding:0;
		position:absolute;
		bottom:82%;
		list-style:none;
	}
	.header-right ul nav a{
		text-decoration:none;
	}
	.middle-left{
		position:absolute;
		z-index:1;
		top:10%;
	}
	#whu-logo{
		left:7em;
		top:-2em;
	}
	.secmenu{
		vertical-align:top;
		padding:0;
		display:block;
		width:60px;
		height:60px;
		left:140px;
		top:20px;
		position:absolute;
		background-color:#fff;
		border-radius:60px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.secmenu ul{
		display:none;
		text-align:center;
		text-decoration:none;
		list-style:none;
	}
	
	.secmenu ul li{
		height:40px;
		width:150px;
		background-color:#fff;
		display:inline;
		float:left;
		text-decoration:none;
	}
	
	.secmenu ul li a{
		line-height:20px;
		font-family: 'Lato', sans-serif;
		font-size:18px;
		color:#000;
		display:block;
		text-decoration:none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.secmenu ul li a:hover{
		-webkit-transform: rotateY(30deg);
		-moz-transform: rotateY(30deg);
		-ms-transform: rotateY(30deg);
		transform: rotateY(30deg);
		background-color:#000;
		color:#FFF;
	}
	
	.text{
		position:absolute;
		top:300px;
		z-index:1;
	}
	#bg{
		position:absolute;
		top:4%;
		z-index:1;
		opacity:0.05;
	}
	#pagenum{
		position:absolute;
		left:70px;
		top:635px;
		z-index:3;
	}
	#board{
		position:absolute;
		z-index:2;
	}
	
	.footer{
		position:absolute;
		z-index:0;
		top:86.5%;
	}
	
	.textarea{
		width:700px;
		height:1000px;
		margin-left:105px;
		margin-top:50px;
		padding-left:200px;
		padding-right:200px;
		padding-top:100px;
		border-width:2px;
		background-color:#FFF;
	}
	
	.member{
		display:block;
		border:2px solid #999;
		margin-top:50px;
	}
	#hp4{
		display:none;
	}
	#hp5{
		display:none;
	}
	#hp6{
		display:none;
	}
	#hp7{
		display:none;
	}
	h2{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	span{display:block;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:18px;
	}
</style> 
<script>
	function fun(i)
	{
		document.getElementById("sec").style.width="60px";
		for(n=1;n<=6;n++){
			document.getElementById("tit"+n).style.display="none";
		}
		setTimeout('document.getElementById("sec").style.width="1000px"',500);
		setTimeout("document.getElementById('tit"+i+"').style.display='block'",800);
	}
	function myfun(){
		fun(5);
		num_member=1;
		setTimeout("document.getElementById('hp"+num_member+"').style.display='block'",1200);
                document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
	}
	window.onload=myfun;
	function next_hp(){
		if(num_member==3){
			alert("the last page");
			return ;
		}
		document.getElementById("hp"+num_member).style.display="none";
		num_member++;
		document.getElementById("hp"+num_member).style.display="block";
		switch(num_member)
		{
			case 1:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
				break;
			case 2:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
				break;
			case 3:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
				break;
			case 4:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
				break;
			case 5:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
				break;
			case 6:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
				break;
			case 7:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
				break;
			case 8:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
				break;
			case 9:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
				break;
			case 10:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
				break;
		}
	}
	function pre_hp(){
		if(num_member==1){
			alert("the first page");
			return ;
		}
		document.getElementById("hp"+num_member).style.display="none";
		num_member--;
		document.getElementById("hp"+num_member).style.display="block";
		switch(num_member)
		{
			case 1:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
				break;
			case 2:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
				break;
			case 3:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
				break;
			case 4:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
				break;
			case 5:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
				break;
			case 6:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
				break;
			case 7:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
				break;
			case 8:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
				break;
			case 9:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
				break;
			case 10:
				document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
				break;
		}
	}
</script>
<body>
    <div class="left">
    </div>
	<div class="container">
    	<img src="https://static.igem.org/mediawiki/2015/e/ea/WHU-China_4.png" />
    	<div class="header">
        	<div class="header-left">
            	<img src="https://static.igem.org/mediawiki/2015/f/f4/WHU-China_6.png" />
            </div>
            <div class="header-right">
            	<ul>
                	<li>
                        <nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Homepage.html"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
                        </nav>
                    </li>
                    <li style="margin-left:100px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Team.html"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:172px;bottom:-23px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Project.html"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png" onclick="fun(2)"  /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:262px;bottom:24px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Parts.html"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:338px;bottom:37px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Notebook.html"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:449px;bottom:3px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Human-Practices.html"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png" onclick="fun(5)" /></a>
                   		</nav>
                    </li>
                    <li style="position:absolute;margin-left:540px;bottom:-22px">
                    	<nav>
                        	<a href="https://2015.igem.org/Team:WHU-China/Modeling.html"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png" /></a>
                   		</nav>
                    </li>
                </ul>
            </div>
        </div>
        <!--header end-->
        <div class="middle-left">
        	<img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
            <div class="secmenu" id="sec">
                <ul id="tit1">
                    <li><a href="javascript:return false;">Member</a></li>
                    <li><a href="javascript:return false;">Attributions</a></li>
                    <li><a href="javascript:return false;">Collaborations</a></li>
                </ul>
                <ul id="tit2">
                    <li><a href="javascript:return false;">Overview</a></li>
                    <li><a href="javascript:return false;">Design</a></li>
                    <li><a href="javascript:return false;">Criticality Detector</a></li>
                    <li><a href="javascript:return false;">Binary System</a></li>
                    <li><a href="javascript:return false;">Dental Caries Prevention</a></li>
                    <li><a href="javascript:return false;">Results</a></li>
                </ul>
                <ul id="tit3">
                    <li><a href="javascript:return false;">Team Parts</a></li>
                    <li><a href="javascript:return false;">Basis Parts</a></li>
                    <li><a href="javascript:return false;">Composite Parts</a></li>
                    <li><a href="javascript:return false;">Favorite Parts</a></li>
                </ul>
                <ul id="tit4">
                    <li><a href="javascript:return false;">Safety</a></li>
                    <li><a href="javascript:return false;">Protocols</a></li>
                </ul>
                <ul id="tit5">
                    <li><a href="javascript:return false;" onclick="route_hp()">Meet ups</a></li>
                    <li><a href="javascript:return false;" onclick="route_sketch()">Sketch in dishes</a></li>
                    <li><a href="javascript:return false;" onclick="route_mates()">Smile mates</a></li>
                </ul>
                <ul id="tit6">
                    
                </ul>
            </div>
        </div>
        <!-- middle end -->
        <div class="text">
        <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
        <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
        <img src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png" id="pagenum" />
        <map name="planetmap" id="planetmap">
        <!-- next page -->
        <a href="javascript:return false;"><area
            shape="circle"
            coords="120,360,50"
            title="next page"
            target ="_blank"
            alt="圆形"
            onclick="next_hp()" /></a>
        <!-- previous page -->
        <a href="javascript:return false;"><area
         	shape="circle"
            coords="120,990,50"
            title="previous page"
            target ="_blank"
            alt="圆形"
            onclick="pre_hp()" /></a>
         />
        </map>
        <div class="textarea">
        <div class="editarea">
            	<style>
    .main_content_1{
        margin: 150px;
    }
    .content_head{
        text-indent: 2em;
    }
    .para1{
        margin-top: 60%;
    }
    .para1_con{
        text-indent: 2em;
        padding-top: 10px;
    }
    .td{
        text-align: center;
    }
    .table{
		display:block;
        margin-top: 10px;
    }
</style>

<div class="content_1" id="hp1" style="display:none;">
    <div class = "content_head">
        In summer, to enhance the communication between iGEM teams and share the experience of preparation, Wuhan University held the ‘ mid-china iGEM seminar’, with Huazhong University of Science and Technology and Huazhong Agricultural University.
    </div>
    <img src="https://static.igem.org/mediawiki/2015/a/ac/WHU-China_2_1.jpg" class = "img" width="50%">
    <div class="para1">1. Time and space <br>
            <div class="para1_con">On July 29.2015;  in the College of Life science , Wuhan University.</div>
    </div>
    <div class="para2">2. Schedule <br>
        <div class="table">
            <center>
                <table border="1px" cellspacing=0 cellpadding=0 bordercolordark="#000000" bordercolorlight="#ffffff">
                    <tr>
                      <th width="120px">Time</th>
                      <th>Items</th>
                      <th>Remarks</th>
                    </tr>
                    <tr class="td">
                      <td>09:30-09:40</td>
                      <td>Register</td>
                      <td></td>
                    </tr>
                    <tr class="td">
                        <td>09:40-10:00</td>
                        <td>opening ceremony</td>
                        <td></td>
                    </tr>
                    <tr class="td">
                        <td>10:00-10:30</td>
                        <td>presentation of HUST</td>
                        <td>presentation of 20 mins and Q&A of 10 mins</td>
                    </tr>
                    <tr class="td">
                        <td>10:30-11:00</td>
                        <td>presentation of HZAU</td>
                        <td>presentation of 20 mins and Q&A of 10 mins</td>
                    </tr>
                    <tr class="td">
                        <td>11:00-11:30</td>
                        <td>presentation of WHU</td>
                        <td>presentation of 20 mins and Q&A of 10 mins</td>
                    </tr>
                    <tr class="td">
                        <td>11:30-12:30</td>
                        <td>Rest</td>
                        <td>having a break and meals</td>
                    </tr>
                    <tr class="td">
                        <td>12:30-14:30</td>
                        <td>communication</td>
                        <td>discussing about the problems existing during the preparation</td>
                    </tr>
                    <tr class="td">
                        <td>14:30</td>
                        <td>ending ceremony</td>
                        <td>after ending, having a visit to the lab and the camp.</td>
                    </tr>
                </table>
            </center>
        </div>
    </div>
    
       	  </div>
            <style type="text/css">
	.main_content_2{
    }
	.img_here{
		width:30%;
	}
	.main_content_2 ul{
		list-style:none;
	}
	
	.main_content_2 ul li{
		margin-top:30%;
	}
</style>

<div class= "main_content_2" id="hp2" style="display:none">                           
	<img src="https://static.igem.org/mediawiki/2015/0/0f/WHU-China_2_2.jpg" width="50%">
	<img src="https://static.igem.org/mediawiki/2015/a/a2/WHU-China_2_3.jpg" width="50%" style="margin-top:35%">
	<img src="https://static.igem.org/mediawiki/2015/d/dd/WHU-China_2_4.jpg" width="50%" style="margin-top:70%">
</div>
<style type="text/css">
    .txt{
		border:2px solid black;
	}
	.txt span{
		margin-left:55%;
	}

</style>

<div class= "main_content_3" id="hp3" style="display:none">
    <h2>3. Discussion</h2>
    	<div class="txt">
        <img src="https://static.igem.org/mediawiki/2015/d/d0/WHU-China_2_5.jpg" width="30%" />
        <span>During the discussion, we first shared our difficulties in the experiment and the solutions, such as the efficiency of transformation, 	activity of the enzymes. Then we came up with an idea that we could build a platform, where we communicate the up to date findings of synthesis biology, which can give us some clues of the match. Every team leader will take the responsibility to manage the platform in turn. And we can share some efficient technology and agentia for the success of experiments
        </span>
        </div>
        <div class="txt">
        <img src="https://static.igem.org/mediawiki/2015/f/fb/WHU-China_2_6.jpg" width="30%" />
        <span>
       Secondly, we communicated about the HP. How to find a feasible theme, how to carry out, how to promote the cooperation with other teams, how to present the HP and so on. Every team shared their own methods. For example, the HUST said they cooperated with other colleges and combined it with social work. 
        Besides, we talked about the digifax. We exchanged our ideas of how to build the model, how to analyze the data, how to distribute the staff. 
        </span>
        </div>
        <div class="txt">
        <img src="https://static.igem.org/mediawiki/2015/0/0b/WHU-China_2_7.jpg" width="30%" />
        <span style:"margin-bottom:30%">
        Finally, we discussed the build of our teams. The management, the scale, the structure of age, the responsibility distribution are all our concerns, which could give a great reference to the next team.
        According to this seminar, we gained lots of precious experience, and we held the belief that we were not rivals, but partners. With the help of each other, we could sail more smooth and further in the waved sea of iGEM! 
		</span>
        </div>

</div>

        	
            
        </div>
        </div>
        </div>
        <!-- text area end -->
        <div class="footer">
        	<img src="https://static.igem.org/mediawiki/2015/c/c0/WHU-China_2.png" />
        </div>
        <!-- footer end -->
    </div>
</body>
</html>