Difference between revisions of "Team:WHU-China/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{WHU-China}}
+
{{WHU-China-Header}}
 
<html>
 
<html>
  
−
<h2> Collaborations</h2>
+
<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;
 +
}
 +
 +
.editarea{
 +
display:none;
 +
}
 +
 +
.member{
 +
display:block;
 +
border:2px solid #999;
 +
margin-top:50px;
 +
}
 +
 +
h2{
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
}
 +
span{
 +
display:block;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-size:18px;
 +
                text-indent:2em;
 +
}
 +
</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(1);
 +
                num_member=1;
 +
setTimeout("document.getElementById('member"+num_member+"').style.display='block'",1200);
 +
document.getElementById("pagenum").src="images/num"+num_member+".png";
 +
}
 +
window.onload=myfun;
 +
function next_member(){
 +
if(num_member==9){
 +
alert("the last page");
 +
return ;
 +
}
 +
document.getElementById("member"+num_member).style.display="none";
 +
num_member++;
 +
document.getElementById("member"+num_member).style.display="block";
 +
document.getElementById("pagenum").src="images/num"+num_member+".png";
 +
}
 +
function pre_member(){
 +
if(num_member==1){
 +
alert("the first page");
 +
return ;
 +
}
 +
document.getElementById("member"+num_member).style.display="none";
 +
num_member--;
 +
document.getElementById("member"+num_member).style.display="block";
 +
document.getElementById("pagenum").src="images/num"+num_member+".png";
 +
}
 +
</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"><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"><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"><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"><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"><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/Practices"><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"><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="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">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="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basis Parts</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:Example/Composite_Part">Composite Parts</a></li>
 +
                    <li><a href="javascript:return false;">Favorite Parts</a></li>
 +
                </ul>
 +
                <ul id="tit4">
 +
                    <li><a href="https://2015.igem.org/Team:Example/Safety">Safety</a></li>
 +
                    <li><a href="javascript:return false;">Protocols</a></li>
 +
                </ul>
 +
                <ul id="tit5">
 +
                    <li><a href="https://2015.igem.org/Team:Example/Practices">Meet ups</a></li>
 +
                    <li><a href="javascript:return false;">Sketch in dishes</a></li>
 +
                    <li><a href="javascript:return false;">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 -->
 +
        <area
 +
            shape="circle"
 +
            coords="120,360,50"
 +
            title="next page"
 +
            target ="_blank"
 +
            alt="圆形" />
 +
        <!-- previous page -->
 +
        <area
 +
        shape="circle"
 +
            coords="120,990,50"
 +
            title="previous page"
 +
            target ="_blank"
 +
            alt="圆形" />
 +
        />
 +
        </map>
 +
        <div class="textarea">
 +
        <div class="editarea" id="member1">
 +
            <h2>Collaborations</h2>
 +
                <div class="member">
 +
                <span>
 +
Whoever has experience in lab works acknowledges that experiment is a process accompanying with hardships and depending on
  
−
<p>
+
collaborations. Our team persists in building a good relationship and partnership with other teams and strengthening
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
−
</p>
+
  
−
<div class="highlightBox">
+
regional cooperation constantly. We have tight connections with both the HZAU and the HUST-China team based on the
  
−
<h4> Which other teams can we work with? </h4>
+
advantage of convenient geographical location. Besides, we also collaborate with team Jilin_China on brick-building and  
−
<p>
+
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
−
</p>
+
  
−
<p>
+
have established reciprocal relationship also the trust.  
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
<br />
−
</p>
+
<br />
−
</div>
+
<br />
  
−
<p>
+
iGEM Team HZAU<br />
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
  
−
<ul>
+
We provided team HZAU two plasmids we work with to help them build the part, especially our photosensitive promoter
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
−
<li> Characterize another team's part </li>
+
−
<li> Debug a construct </li>
+
−
<li> Model or simulating another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
  
 +
successfully function in their program.<br />
  
 +
<br />
 +
<br />
  
−
</div>
+
iGEM Team Jilin_China<br />
 +
 
 +
We help the team Jilin_China construct a part，which they used in their program, helping them deliver the plasmid timely.
 +
 
 +
Meanwhile, we had a small gathering discussing some practical issues and exchanging ideas about team works.
 +
                </span>
 +
                </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>
 
</html>

Revision as of 10:51, 10 September 2015

圆形 圆形 />

Collaborations

Whoever has experience in lab works acknowledges that experiment is a process accompanying with hardships and depending on collaborations. Our team persists in building a good relationship and partnership with other teams and strengthening regional cooperation constantly. We have tight connections with both the HZAU and the HUST-China team based on the advantage of convenient geographical location. Besides, we also collaborate with team Jilin_China on brick-building and have established reciprocal relationship also the trust.


iGEM Team HZAU
We provided team HZAU two plasmids we work with to help them build the part, especially our photosensitive promoter successfully function in their program.


iGEM Team Jilin_China
We help the team Jilin_China construct a part，which they used in their program, helping them deliver the plasmid timely. Meanwhile, we had a small gathering discussing some practical issues and exchanging ideas about team works.