Team:OUC-China/Team Instructor

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
<link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
+
    <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
-
<style>
+
    <style>
-
.member > img {
+
        body {
 +
            background-color: #609fd2;
 +
            background-repeat: repeat;
 +
            background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
 +
            position: relative;
 +
        }
 +
        header {
 +
            background-color: #609fd2;
 +
        }
 +
        header > div {
 +
            margin: 0 auto;
 +
            margin-bottom: 0 !important;
 +
            width: 778px;
 +
        }
 +
        .member > img {
             width: 250px;
             width: 250px;
             height: 250px;
             height: 250px;
Line 13: Line 27:
             display: inline-block;
             display: inline-block;
             margin: 20px;
             margin: 20px;
-
position: inherit;
+
            position: inherit;
         }
         }
         .member > div {
         .member > div {
Line 22: Line 36:
             text-align: right;
             text-align: right;
         }
         }
-
@charset "utf-8";
+
        .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
/* CSS Document */
+
            color: #ffffff !important;
-
body, div, p, ul, li, h1, h2, h3, h4, h5, h6 {
+
            font-size: 20px;
-
margin: 0px;
+
        }
-
padding: 0px;
+
        .popover {
-
font-family: "微软雅黑";
+
            z-index: 1 !important;
-
}
+
        }
-
body{
+
        .affix{
-
    min-width:1350px;
+
            position: fixed;
-
}
+
            top: 0;
-
ul, ol {
+
        }
-
list-style: none;
+
        .affix-top{
-
}
+
            position: absolute;
-
img {
+
            top: 286px;
-
display: block;
+
        }
-
position: absolute;
+
        .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
-
}
+
            background-color: #d2e9fd !important;
-
a {
+
            color: #000000 !important;
-
color: inherit;
+
        }
-
text-decoration: none;
+
        #childNavigator .nav {
-
}
+
            margin-left: 0!important;
-
 
+
        }
-
.header {
+
        #childNavigator > .nav > li > a {
-
height: 240px;
+
            font-size: 16px;
-
width: 100%;
+
        }
-
background: rgb(210,233,253);
+
        #childNavigator > .nav > li > .nav > li > a {
-
position: relative;
+
            padding-left: 20%;
-
}
+
            font-size: 14px;
-
.header .igemLogo {
+
        }  
-
top: 27px;
+
        .topSection {
-
left: 66px;
+
            height: 240px;
-
transition: 0.3s;
+
            padding-top: 10px;
-
-moz-transition: 0.3s;
+
            background-color: rgb(210,233,253);
-
-o-transition: 0.3s;
+
            margin-top: -11px;
-
-webkit-transition: 0.3s;
+
        }
-
}
+
        .topSection .igemLogo {
-
.header .igemLogo:hover {
+
            position:absolute;
-
transform: rotate(360deg);
+
            top: 10px;
-
-moz-transform: rotate(360deg);
+
            left: 10px;
-
-ms-transform: rotate(360deg);
+
        }
-
-o-transform: rotate(360deg);
+
        .topSection .waveUp {
-
-webkit-transform: rotate(360deg);
+
            margin-top: -10px;
-
}
+
            width: 100%;
-
.header .waveUp {
+
            height: 110px;
-
position: absolute;
+
            background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
-
bottom: 0px;
+
            z-index: 0;
-
width: 100%;
+
        }
-
height: 110px;
+
        .topSection .waveDown {
-
background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
+
            margin-top: -70px;
-
}
+
            width: 100%;
-
.header .waveDown {
+
            height: 70px;
-
position: absolute;
+
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
-
bottom: 0px;
+
            z-index: 2;
-
width: 100%;
+
            position: relative;
-
height: 70px;
+
        }
-
background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
+
        .topSection .leftPlas {
-
z-index: 1;
+
            display: block;
-
}
+
            position: absolute;
-
.header .objLeft {
+
            top: 26px;
-
left: 211px;
+
            z-index: 1;
-
top: 26px;
+
            left: 211px;
-
z-index: 0;
+
            -webkit-transition: all ease 0.5s;
-
}
+
            -moz-transition: all ease 0.5s;
-
.header .objRight {
+
            -ms-transition: all ease 0.5s;
-
right: 230px;
+
            transition: all ease 0.5s;
-
top: 28px;
+
        }
-
transition: 0.5s;
+
        .topSection .leftPlas:hover {
-
-webkit-transition: 0.5s;
+
            margin-top: -5px;
-
z-index: 0;
+
        }
-
}
+
        .topSection .rightPlas {
-
.header .objRight:hover {
+
            display: block;
-
margin-top: 10px;
+
            position: absolute;
-
}
+
            top: 26px;
-
.header .nav {
+
            z-index: 1;
-
top: 200px;
+
            right: 211px;
-
z-index: 2;
+
        }
-
}
+
    </style>
-
.header .nav ul{ width:800px; margin:auto;}
+
    <script>
-
.main {
+
-
width: 100%;
+
-
background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
+
-
background-color: rgb(96,159,210);
+
-
position:relative;
+
-
}
+
-
.main .mainBox {
+
-
width: 1024px;
+
-
background: rgb(114,187,227);
+
-
margin: 0 auto;
+
-
}
+
-
.main .menu{
+
-
position: absolute;
+
-
top: 0px;
+
-
}
+
-
.main dt,.main dd{
+
-
    border:1px dashed #000;
+
-
color:#006CD9;
+
-
background:#FAFAFA;
+
-
height:30px;
+
-
line-height:30px;
+
-
text-align:center;
+
-
}
+
-
.footer {
+
-
width: 100%;
+
-
height: 100px;
+
-
background: rgb(39,119,183);
+
-
}
+
-
.footer #top {
+
-
height: 150px;
+
-
position: fixed;
+
-
bottom: 30px;
+
-
right: 30px;
+
-
z-index: 1000;
+
-
transition: 0.5s;
+
-
}
+
-
.footer #top:hover {
+
-
transform: rotate(180deg);
+
-
-moz-transform: rotate(180deg);
+
-
-ms-transform: rotate(180deg);
+
-
-o-transform: rotate(180deg);
+
-
-webkit-transform: rotate(180deg);
+
-
}
+
-
@charset "utf-8";
+
-
/* CSS Document */
+
-
.nav {
+
-
position:relative;
+
-
}
+
-
.nav li {
+
-
padding: 0 8px;
+
-
float: left;
+
-
position: relative;
+
-
min-width: 80px;
+
-
height: 40px;
+
-
color: rgb(60,60,60);
+
-
font-size: 24px;
+
-
line-height: 40px;
+
-
text-align: center;
+
-
transition: 0.3s;
+
-
-moz-transition: 0.3s;
+
-
-o-transition: 0.3s;
+
-
-webkit-transition: 0.3s;
+
-
}
+
-
.nav li:hover {
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
}
+
-
.nav .pMenu ul {
+
-
display: none;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0px;
+
-
overflow: hidden;
+
-
border-bottom-left-radius: 6px;
+
-
border-bottom-right-radius: 6px;
+
-
}
+
-
.nav .pMenu ul li {
+
-
min-width: 220px;
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
transition: 0.4s;
+
-
-moz-transition: 0.4s;
+
-
-o-transition: 0.4s;
+
-
-webkit-transition: 0.4s;
+
-
}
+
-
.nav .pMenu ul li:hover {
+
-
background: rgb(98,175,243);
+
-
}
+
-
#stt{ width:230px;  font-size:12px;}
+
-
dl{ line-height:25px;border-bottom:#999 1px dashed;}
+
-
</style>
+
-
<script>
+
         if ($('.firstHeading')) $('.firstHeading').remove();
         if ($('.firstHeading')) $('.firstHeading').remove();
-
        $('#top-section').css({ 'position': 'relative' });
 
     </script>
     </script>
-
<div class = "header"> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
+
<div class="topSection">
-
  <div class = "waveUp"></div>
+
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
-
  <div class = "waveDown"></div>
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
-
  <div style="margin:auto; width:500px;"><img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" ></div> <img id = "objLeft" class = "objLeft" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"><img class = "objRight" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png">
+
        <div class="waveUp"></div>
-
  <div class = "nav">
+
        <div class="waveDown"></div>
-
    <ul>
+
        <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
-
      <li>HOME</li>
+
        <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
-
      <li class = "pMenu">TEAM
+
    </div>
-
        <ul>
+
    <header>
-
          <li><a href="#">team members</a></li>
+
        <div class="navbar navbar-inverse">
-
          <li><a href="#">instructor</a></li>
+
            <div class="navbar-collapse collapse navbar-inverse-collapse">
-
          <li><a href="#">Acknowledgement</a></li>
+
                <ul class="nav navbar-nav">
-
        </ul>
+
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
-
      </li>
+
                    <li class="dropdown active">
-
      <li>PROJECT</li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
-
      <li>JUDING</li>
+
                        <ul class="dropdown-menu">
-
      <li>SAFETY</li>
+
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
-
      <li>NOTEBOOK</li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
-
    </ul>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
-
    <script>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
-
  var originalLeft = $("#objLeft").offset().left;
+
                            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
-
  $("#objLeft").hover(function(){
+
                        </ul>
-
if($("#objLeft").offset().left == originalLeft) $(this).animate({marginTop:'10px'});
+
                    </li>
-
  },function(){
+
                    <li class="dropdown">
-
    $(this).animate({marginTop:'0px'});
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
-
  });
+
                        <ul class="dropdown-menu">
-
  $(".nav>ul li").mouseover(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
-
if($(this).offset().left < $("#objLeft").offset().left) document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
-
else document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
-
$("#objLeft").stop(false).animate({left:$(this).offset().left-50},800);
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
-
  });
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
-
  $(".nav>ul").mouseout(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
-
document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                        </ul>
-
$("#objLeft").stop(false).animate({left:originalLeft},800,function(){
+
                    </li>
-
  document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
                    <li class="dropdown">
-
});
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
-
  });
+
                        <ul class="dropdown-menu">
-
    </script>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
-
  </div>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievment</a></li>
-
  <script>
+
                        </ul>
-
  // JavaScript Document
+
                    </li>
-
$(".pMenu").mouseover(function(){
+
                    <li class="dropdown">
-
  $(this).find("ul").slideDown();
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
-
});
+
                        <ul class="dropdown-menu">
-
$(".pMenu").mouseleave(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Boi safety</a></li>
-
  $(this).find("ul").slideUp(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Lab safety</a></li>
-
    $(this).clearQueue();
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">Policy&Practise</a></li>
-
  });
+
                        </ul>
-
});
+
                    </li>
-
  </script>  
+
                    <li class="dropdown">
-
</div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
-
<div class = "main">
+
                        <ul class="dropdown-menu">
-
  <div class = "mainBox">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice">Lab note</a></li>
-
<div class="member">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_Modeling_note">Modeling note</a></li>
 +
                            <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_Protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <script>
 +
            var leftPlas = $(".topSection .leftPlas");
 +
            var originalLeft = leftPlas.offset().left;
 +
            $("header .nav > li").mouseover(function () {
 +
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
 +
                leftPlas.css({ left: $(this).offset().left - 50 });
 +
            }).mouseout(function () {
 +
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                leftPlas.css({ left: originalLeft });
 +
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
 +
            });
 +
        </script>
 +
    </header>
 +
    <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
 +
        <img src="https://static.igem.org/mediawiki/2014/d/d4/OUC-China_Member_Map.png" style="margin-top:-10px;margin-left:-10px" usemap="#memberMap" />
 +
        <map name="memberMap">
 +
            <area href="#JiangMing" shape="rect" coords="0,0,110,260" alt="JiangMing" />
 +
            <area href="#XuGuang" shape="rect" coords="0,0,110,260" alt="XuGuang" />
 +
            <area href="#HuTianli" shape="rect" coords="0,0,110,260" alt="HuTianli" />
 +
            <area href="#LiWenqi" shape="rect" coords="0,0,110,260" alt="LiWenqi" />
 +
            <area href="#ChenZhaoliang" shape="rect" coords="0,0,110,260" alt="ChenZhaoliang" />
 +
            <area href="#SongYanyan" shape="rect" coords="0,0,110,260" alt="SongYanyan" />
 +
            <area href="#OuyangTianqi" shape="rect" coords="0,0,110,260" alt="OuyangTianqi" />
 +
            <area href="#ShiMiao" shape="rect" coords="0,0,110,260" alt="ShiMiao" />
 +
            <area href="#ZhengJunqiang" shape="rect" coords="0,0,110,260" alt="ZhengJunqiang" />
 +
            <area href="#ShiWencong" shape="rect" coords="0,0,110,260" alt="ShiWencong" />
 +
            <area href="#BiWenxin" shape="rect" coords="0,0,110,260" alt="BiWenxin" />
 +
            <area href="#YuLei" shape="rect" coords="0,0,110,260" alt="YuLei" />
 +
            <area href="#LiBo" shape="rect" coords="0,0,110,260" alt="LiBo" />
 +
            <area href="#ZhaoBeidi" shape="rect" coords="0,0,110,260" alt="ZhaoBeidi" />
 +
        </map>
 +
        <div id="JiangMing" class="member">
             <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_JiangMing.png" style="margin-top:-130px" />
             <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_JiangMing.png" style="margin-top:-130px" />
             <div class="popover right" style="margin-top:80px">
             <div class="popover right" style="margin-top:80px">
Line 262: Line 222:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member">
+
         <div id="XuGuang" class="member">
             <img src="https://static.igem.org/mediawiki/2014/6/6f/OUC-China_Member_XuGuang.png" style="margin-top:-230px" />
             <img src="https://static.igem.org/mediawiki/2014/6/6f/OUC-China_Member_XuGuang.png" style="margin-top:-230px" />
             <div class="popover right">
             <div class="popover right">
Line 281: Line 241:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member memberight">
+
         <div id="HuTianli" class="member memberight">
             <div class="popover left" style="margin-top:20px">
             <div class="popover left" style="margin-top:20px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
Line 294: Line 254:
             <img src="https://static.igem.org/mediawiki/2014/9/9e/OUC-China_Member_HuTianli.png" style="margin-top:-140px" />
             <img src="https://static.igem.org/mediawiki/2014/9/9e/OUC-China_Member_HuTianli.png" style="margin-top:-140px" />
         </div>
         </div>
-
         <div class="member">
+
         <div id="LiWenqi" class="member memberight">
-
             <img src="https://static.igem.org/mediawiki/2014/6/6c/OUC-China_Member_LiWenqi.png" style="margin-top:-150px" />
+
             <div class="popover left" style="margin-top:20px">
-
            <div class="popover right">
+
                 <div class="arrow"></div>
                 <div class="arrow"></div>
                 <h3 class="popover-title">Li Wenqi</h3>
                 <h3 class="popover-title">Li Wenqi</h3>
Line 309: Line 268:
                 </div>
                 </div>
             </div>
             </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/6/6c/OUC-China_Member_LiWenqi.png" style="margin-top:-150px" />
         </div>
         </div>
-
         <div class="member">
+
         <div id="ChenZhaoliang" class="member">
-
             <img src="https://static.igem.org/mediawiki/2014/b/b7/OUC-China_Member_ChenZhaoliang.png" style="margin-top:-110px" />
+
             <img src="https://static.igem.org/mediawiki/2014/b/b7/OUC-China_Member_ChenZhaoliang.png" style="margin-top:-100px" />
             <div class="popover right" style="margin-top:40px">
             <div class="popover right" style="margin-top:40px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
Line 327: Line 287:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member memberight">
+
         <div id="SongYanyan" class="member memberight">
             <div class="popover left" style="margin-top:20px">
             <div class="popover left" style="margin-top:20px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
-
                 <h3 class="popover-title">Song yanyan</h3>
+
                 <h3 class="popover-title">Song Yanyan</h3>
                 <div class="popover-content">
                 <div class="popover-content">
                     <p>Major: Ecology</p>
                     <p>Major: Ecology</p>
Line 340: Line 300:
             <img src="https://static.igem.org/mediawiki/2014/5/55/OUC-China_Member_SongYanyan.png" style="margin-top:-150px" />
             <img src="https://static.igem.org/mediawiki/2014/5/55/OUC-China_Member_SongYanyan.png" style="margin-top:-150px" />
         </div>
         </div>
-
         <div class="member">
+
         <div id="OuyangTianqi" class="member">
             <img src="https://static.igem.org/mediawiki/2014/0/0f/OUC-China_Member_OuyangTianqi.png" style="margin-top:-180px" />
             <img src="https://static.igem.org/mediawiki/2014/0/0f/OUC-China_Member_OuyangTianqi.png" style="margin-top:-180px" />
             <div class="popover right" style="margin-top:40px">
             <div class="popover right" style="margin-top:40px">
Line 359: Line 319:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member">
+
         <div id="ShiMiao" class="member">
             <img src="https://static.igem.org/mediawiki/2014/6/69/OUC-China_Member_ShiMiao.png" style="margin-top:-100px" />
             <img src="https://static.igem.org/mediawiki/2014/6/69/OUC-China_Member_ShiMiao.png" style="margin-top:-100px" />
             <div class="popover right" style="margin-top:40px">
             <div class="popover right" style="margin-top:40px">
Line 375: Line 335:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member">
+
         <div id="ZhengJunqiang" class="member">
             <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Member_ZhengJunqiang.png" style="margin-top:-130px" />
             <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Member_ZhengJunqiang.png" style="margin-top:-130px" />
             <div class="popover right" style="margin-top:40px">
             <div class="popover right" style="margin-top:40px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
-
                 <h3 class="popover-title">Zheng junqiang</h3>
+
                 <h3 class="popover-title">Zheng Junqiang</h3>
                 <div class="popover-content">
                 <div class="popover-content">
                     <p>Major: Marine Biology</p>
                     <p>Major: Marine Biology</p>
Line 394: Line 354:
             </div>
             </div>
         </div>
         </div>
-
         <div class="member memberight">
+
         <div id="ShiWencong" class="member memberight">
             <div class="popover left" style="margin-top:20px">
             <div class="popover left" style="margin-top:20px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
Line 405: Line 365:
             <img src="https://static.igem.org/mediawiki/2014/1/1b/OUC-China_Member_ShiWencong.png" style="margin-top:-80px" />
             <img src="https://static.igem.org/mediawiki/2014/1/1b/OUC-China_Member_ShiWencong.png" style="margin-top:-80px" />
         </div>
         </div>
-
         <div class="member memberight">
+
         <div id="BiWenxin" class="member memberight">
             <div class="popover left" style="margin-top:20px">
             <div class="popover left" style="margin-top:20px">
                 <div class="arrow"></div>
                 <div class="arrow"></div>
Line 417: Line 377:
             <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_BiWenxin.png" style="margin-top:-140px" />
             <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_BiWenxin.png" style="margin-top:-140px" />
         </div>
         </div>
-
         <div class="member">
+
         <div id="YuLei" class="member">
             <img src="https://static.igem.org/mediawiki/2014/8/89/OUC-China_Member_YuLei.png" style="margin-top:-120px" />
             <img src="https://static.igem.org/mediawiki/2014/8/89/OUC-China_Member_YuLei.png" style="margin-top:-120px" />
             <div class="popover right" style="margin-top:40px">
             <div class="popover right" style="margin-top:40px">
Line 433: Line 393:
             </div>
             </div>
         </div>
         </div>
-
</div>
+
        <div id="LiBo" class="member">
-
  <!--<ul class = "menu">
+
            <img src="https://static.igem.org/mediawiki/2014/a/a8/OUC-China_Member_LiBo.png" style="margin-top:-190px" />
-
    <li><a href="#">team introduction</a></li>
+
            <div class="popover right" style="margin-top:40px">
-
    <li><a href="#">member</a></li>
+
                <div class="arrow"></div>
-
  </ul>
+
                <h3 class="popover-title">Li Bo</h3>
-
  更改-->
+
                <div class="popover-content">
-
  <script type="text/javascript">
+
                    <p>Major: Computer Science and Technology</p>
-
  $(function()
+
                    <p>
-
  { 
+
                        He's the constructor of our wiki, but not the only one designer. By the way he’s a lazy person.
-
      //隐藏除第一个dl里的dd外所有的dd
+
                    </p>
-
  $("#stt dl dd").hide();
+
                    <p>
-
  //点击时触发一个函数
+
                        Feelings: Working on this wiki project is a challenge for me. In fact I don’t understand why IGEM will use mediawiki to build their website, wiki framework is not very suitable in this scene. But it’s a chance for me to learn how to use this type of wiki framework, so I think it maybe not very upset.
-
  $("#stt dt").click(function()
+
                    </p>
-
  {
+
                    <p>
-
  $b=$(this).siblings("dd");//除了当前，其他dd
+
                        Hobbies: Programming, writing novels, watching animation.
-
  if($b.is(":visible"))//判断是否是展开的，如果展开执行下面代码
+
                    </p>
-
  {
+
                </div>
-
$($b).slideUp();
+
            </div>
-
  $(this).parents("dl").siblings("dl").children("dd").slideDown();
+
        </div>
-
  }
+
        <div id="ZhaoBeidi" class="member memberight">
-
  else//不是执行else代码
+
            <div class="popover left" style="margin-top:20px">
-
  {
+
                <div class="arrow"></div>
-
$($b).slideDown();
+
                <h3 class="popover-title">Zhao Beidi</h3>
-
$(this).parents("dl").siblings("dl").children("dd").slideDown();
+
                <div class="popover-content">
-
  }
+
                    <p>Major: Ecology</p>
-
  });
+
                    <p>In our team,she mainly in charge of the experiment and designing the team member module in the wiki.</p>
-
 
+
                    <p>Feelings: have a dream and just do it, things will work out fine.</p>
-
  })
+
                    <p>Hobbies: I like to taste different dishes and I love ethnic culture In particular.In addition, travel is a part of my life.</p>
-
</script>
+
                </div>
-
<div style="width:1300px; margin:auto;">
+
            </div>
-
  <div id="stt" class="menu">
+
            <img src="https://static.igem.org/mediawiki/2014/a/a6/OUC-China_Member_ZhaoBeidi.png" style="margin-top:-150px" />
-
  <dl>
+
        </div>
-
    <dt>
+
    </div>
-
        <span>team introduction</span>
+
    <div id="childNavigator" style="width:180px">
-
    </dt>
+
        <ul class="nav">
-
    <dd>team</dd>
+
            <li class="">
-
    <dd>introduction</dd>
+
                <a href="#JiangMing">JiangMing</a>
-
  </dl>
+
                <ul class="nav">
-
    <dl>
+
                    <li><a href="#JiangMing">JiangMing</a></li>
-
    <dt>        
+
                    <li><a href="#JiangMing">JiangMing</a></li>
-
        <span>member</span>
+
                </ul>
-
    </dt>
+
            </li>
-
    <dd>member</dd>
+
            <li class=""><a href="#XuGuang">XuGuang</a></li>
-
    <dd>member</dd>
+
            <li class=""><a href="#HuTianli">HuTianli</a></li>
-
  </dl>
+
            <li class=""><a href="#LiWenqi">LiWenqi</a></li>
-
</div>
+
            <li class=""><a href="#ChenZhaoliang">ChenZhaoliang</a></li>
-
</div>
+
            <li class=""><a href="#SongYanyan">SongYanyan</a></li>
-
</div>
+
            <li class=""><a href="#OuyangTianqi">OuyangTianqi</a></li>
-
<div class = "footer"> <img id = "top" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"/>  
+
        </ul>
-
  <script>
+
    </div>
-
  $("#top").click(function(){
+
    <script>
-
    $(document).scrollTop(0);
+
        function resizeElement() {
-
  });
+
            var content = $('#mainContent');
-
  </script>
+
            var navi = $('#childNavigator');
-
</div>
+
            if (window.innerWidth < 1384)
 +
            {
 +
                content.css({ margin: '0 auto 0 180px' });
 +
                navi.css({width:'180px'});
 +
            } else {
 +
                content.css({ margin: '0 auto' });
 +
                navi.css({ width: (window.innerWidth - 1024) / 2 - 8 + 'px' });
 +
            }
 +
        }
 +
        window.onresize = resizeElement;
 +
        resizeElement();
 +
        $(document.body).scrollspy({ target: '#childNavigator' });
 +
        $('#childNavigator').affix({ offset: { top: 285 } });
 +
    </script>
</html>
</html>

Revision as of 03:15, 17 October 2014

JiangMing XuGuang HuTianli LiWenqi ChenZhaoliang SongYanyan OuyangTianqi ShiMiao ZhengJunqiang ShiWencong BiWenxin YuLei LiBo ZhaoBeidi

Jiang Ming

Major: Ecology

He is the team leader and he is responsible for the contact with teachers and some wet experiment in our team. He together with Shi Miao, designed and constructed the lysis devices. Feelings: "You're always optimistic," said Shi Miao, "even excessively." And now he is dreaming of utilizing the strategy of synthetic biology to create an engineering ecosystem composed of "ecobricks".

Xu Guang

Major: Biotechnology

He is the other team leader, and he played an important role in promoting the progress of project and did many works to help the designers of molecular experimental about double plasmid system. I am in charge of time arrangement wiki、presentation and poster.

Feelings: In the past few months, I have gained much more synthetic biology knowledge and lab skill. So far, joining iGEM is the most exciting thing in my college life. I enjoy this wonderful time. I truly look forward to share our group project with iGEMers around the world.

Hobbies: Play basketball,Travel,Play game DOTA2 ,Cook.

HU Tianli

Major: Ecology.

In our team, she manage financial affairs, and I am a wet lab member as well.She wanna try a total scientific research.

Feelings: I think it will be an amazing experience for me that flying to America to attend IGEM giant jamboree.

Hobbies: Modern Chinese literature, Acoustic guitar tune, Sketch.

Li Wenqi

Major: Ecology

He works on design of experiments as well as analysis of experimental results.

Feelings:In the past year, the iGEM-competition gives me the opportunity to develop ideas in a group and experience the path from having the idea to the realization of the project and the final presentation of results.This competition give me a lot of fun and new experiences.

Chen Zhaoliang

Major: Marine Biology

In our lab,he designed most of the experiment about protein and zebrafishes. Feelings:I really enjoyed the iGEM, because I had made many friends here.

Hobbies: Aquarium

Song Yanyan

Major: Ecology

In our team,she mainly in charge of the experiment and designing the team member module in the wiki.

Feelings: have a dream and just do it, things will work out fine.

Hobbies: I like to taste different dishes and I love ethnic culture In particular.In addition, travel is a part of my life.

Ouyang Tianqi

Major: Marine Biology

He worked on designing the project and analyzed the problems during the experiments , when the team need theoretic support I also search the paper to find the result.

Feelings:About the iGEM ,it’s really a good way to find what you can do in synthetic biology ,and I make a lot of friends with the same hobbies.

Hobbies: I play video games as well as dota2.

Shi Miao

Major: Biochemistry

He together with Jiang Ming, designed and constructed the lysis devices.

Feelings: I hope to pursue an Ph.D in the future. Thank you for my team members.

Zheng Junqiang

Major: Marine Biology

He majors in doing experiments and analyzing the result of the experiment.

Feelings: Participating the iGEM provides me a door to a new world.

Hobbies: playing basketball , running , watching movies, and eating delicious food.

Shi Wencong

Major: Biochemistry and Molecular Biology .I work in wet lab

Feelings: I’m interested in biophysical chemistry .I enjoyed the iGEM 2014 project this summer .Besides, I love art and enjoying cooperating with teammates. I’m willing to make friends with iGEMers all over the world.

Bi Wenxin

Major: Information and computing science

Her main job is to establish and analyse models and I enjoy the process,in which she realized the amazing part of biology.

Feelings: It’s my pleasure to use mathematics I learned in biological practical problems.You can get touch with me by sending e-mails to:551935371@qq.com.I will be glad to hear from you.

Yu Lei

Major: Mathematics and applied mathematics.

Biology is one of my favorite subject.So he is very pleasure to be a member of ouc-igem.He is responsible for biological modeling and data analysis.

Feelings: I believe we will make a good progress after a year of hard working.You are welcome to contact me via e-mail : 1719675294@qq.com.

Li Bo

Major: Computer Science and Technology

He's the constructor of our wiki, but not the only one designer. By the way he’s a lazy person.

Feelings: Working on this wiki project is a challenge for me. In fact I don’t understand why IGEM will use mediawiki to build their website, wiki framework is not very suitable in this scene. But it’s a chance for me to learn how to use this type of wiki framework, so I think it maybe not very upset.

Hobbies: Programming, writing novels, watching animation.

Zhao Beidi

Major: Ecology

In our team,she mainly in charge of the experiment and designing the team member module in the wiki.

Feelings: have a dream and just do it, things will work out fine.

Hobbies: I like to taste different dishes and I love ethnic culture In particular.In addition, travel is a part of my life.

Retrieved from "http://2014.igem.org/Team:OUC-China/Team_Instructor"