Difference between revisions of "Team:BNU-China/Team"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
<meta charset="utf-8">
 
−
<title>BNU-China</title>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
<meta name="Team" content="BNU-China" />
 
−
<meta name="keywords" content="iGEM 2017" />
 
−
<meta name="author" content="Ziyu Liu（刘梓钰）,Zhaodong Wang（王兆栋）,Xizong Zhang（张溪棕）"/>
 
−
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--CiceroSans.ttf"/>
 
−
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf"/>
 
−
<link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css"/>
 
−
<link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/team?action=raw&ctype=text/css"/>
 
−
<style>
 
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/
 
  
−
#top_title {
+
<head>
−
margin-bottom: 0!important;
+
    <meta charset="utf-8">
−
}
+
    <title>BNU-China</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="Team" content="BNU-China" />
 +
    <meta name="keywords" content="iGEM 2017" />
 +
    <meta name="author" content="Ziyu Liu（刘梓钰）,Zhaodong Wang（王兆栋）,Xizong Zhang（张溪棕）" />
 +
    <link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--CiceroSans.ttf" />
 +
    <link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf" />
 +
    <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css" />
 +
    <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/template?action=raw&ctype=text/css" />
 +
    <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/final?action=raw&ctype=text/css" />
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:BNU-China/Javascript/final?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:BNU-China/Javascript/index?action=raw&ctype=text/javascript"></script>
 +
</head>
  
−
#top_menu_under {
+
<body style="background-color:rgb(247,237,183);">
−
height: 0;
+
    <div id="w_nav" style="top:15px;">
−
}
+
        <img src="https://static.igem.org/mediawiki/2017/6/60/T--BNU-China--index2.1.png" alt="Sorry, the image is not spupported by your browser.">
 +
        <img id="eye" src="https://static.igem.org/mediawiki/2017/5/53/T--BNU-China--index1.jpg" alt="Sorry, the image is not spupported by your browser." style="width:100;position:absolute;top:-3px;">
 +
        <ul>
 +
            <li id="w_Project"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description">Project</a></li>
 +
            <li id="w_Modeling"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Modeling</a></li>
 +
            <li id="w_Practice"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Practice</a></li>
 +
            <li id="w_home"><a class="w_a" style="opacity:0;" href="https://2017.igem.org/Team:BNU-China/Home">Home</a></li>
 +
            <li id="w_Achievement"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Achievement</a></li>
 +
            <li id="w_Lab"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Lab</a></li>
 +
            <li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li>
 +
        </ul>
 +
        <div id="w_navMenu" style="text-align:right;margin-top:500px;">
 +
            <p>Menu▼</p>
 +
            <ul id="w_navMenuContent">
 +
                <li id="w_Project"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Description">Project</a></li>
 +
                <li id="w_Modeling"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Model">Modeling</a></li>
 +
                <li id="w_Practice"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/HP">Practice</a></li>
 +
                <li id="w_Achievement"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Judging">Achievement</a></li>
 +
                <li id="w_Lab"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Lab</a></li>
 +
                <li id="w_Safety"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Safety">Safety</a></li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
    <div id="w_content" style="width:100%;">
 +
        <div id="w_Panel" style="text-align:left;">
 +
            <ul id="w_menu">
 +
                <li id="w_menu1"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Team">Team</a></li>
 +
                <li id="w_menu2"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Notebook">Notebook</a></li>
 +
                <li id="w_menu3"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Experiments">Protocol</a></li>
 +
                <li id="w_menu4"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Attributions">Attributions</a></li>
 +
                <li id="w_menu4"><a class="w_a" href="https://2017.igem.org/Team:BNU-China/Acknowlegement">Acknowlegement</a></li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</body>
  
−
#HQ_page{
 
−
margin-left:0 !important;
 
−
}
 
−
 
−
#globalWrapper,#content{
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
}
 
−
 
−
#HQ_page p {
 
−
text-align: inherit!important;
 
−
}
 
−
 
−
#HQ_page table,ul {
 
−
margin-left: 0 !important;
 
−
}
 
−
 
−
#content{
 
−
line-height:normal;
 
−
}
 
−
 
−
.mw-content-ltr ul {
 
−
  margin: 0  !important;
 
−
}
 
−
 
−
* {
 
−
  -webkit-box-sizing: border-box;!important
 
−
-moz-box-sizing: border-box;!important
 
−
  box-sizing: border-box;!important
 
−
}
 
−
 
−
#w_Panel>ul>li>a:visited{
 
−
  color: rgb(247,237,183);
 
−
  text-decoration:none;
 
−
}
 
−
 
−
#w_Panel>ul>li>a:hover{
 
−
  color: rgb(247,237,183);
 
−
  text-decoration:none;
 
−
}
 
−
 
−
#w_Panel>ul>li>a:focus{
 
−
  color: rgb(247,237,183);
 
−
  text-decoration:none;
 
−
}
 
−
</style>
 
−
<script type="text/javascript">
 
−
var navWidth;
 
−
var navFontSize;
 
−
var navTop;
 
−
$(document).ready(function(){
 
−
<!--导航栏自适应-->
 
−
$("#top_title").hide();
 
−
$("#sideMenu").hide();
 
−
if($(window).width()>=480){
 
−
$("#w_nav>div").hide();
 
−
}
 
−
if($(window).width()<480){
 
−
$("#w_nav>ul").hide();
 
−
$("#w_nav>div>ul").hide();
 
−
}
 
−
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25});
 
−
$("#w_nav>ul").css({"top":$(window).width()/1280*(-41)});
 
−
$("#w_nav>div>ul").css({"top":$(window).width()/1280*(-41)});
 
−
navWidth=$(window).width();
 
−
navFontSize=$("#w_nav>ul>li>a").css("font-size");
 
−
navTop=$("#w_nav>ul").css("top");
 
−
 
−
$("#w_nav>div>p").click(function(){
 
−
$("#w_nav>div>ul").slideToggle();
 
−
});
 
−
<!--侧栏自适应-->
 
−
$("#w_menu>li>ul").hide().click(function(event){
 
−
event.stopPropagation();
 
−
});
 
−
 
−
$("#w_menu>li").click(function(){
 
−
var menuFlag=true;
 
−
if($(this).find('ul').is(":visible"))
 
−
menuFlag=false;
 
−
$("#w_menu>li>ul:visible").slideUp();
 
−
if(menuFlag)
 
−
$(this).find('ul').slideToggle();
 
−
});
 
−
 
−
$("#w_menu>li>ul>li>p").click(function(){
 
−
var x=$(this).data("id");
 
−
$('html').animate({scrollTop:$(x).offset().top-$("#w_nav").height()*2/3},500);
 
−
});
 
−
<!--悟空眼睛-->
 
−
$(document).mousemove(function(e){
 
−
  var x=$("#eye").width()/2;
 
−
  var y=$("#eye").height()/2;
 
−
  $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
 
−
});
 
−
 
−
});
 
−
<!--导航栏首页故事自适应-->
 
−
$(window).resize(function(){
 
−
if($(window).width()>=480){
 
−
$("#w_nav>div").hide();
 
−
$("#w_nav>ul").show();
 
−
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth)),"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 
−
$("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 
−
$("#w_nav>div>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 
−
navWidth=$(window).width();
 
−
navFontSize=$("#w_nav>ul>li>a").css("font-size");
 
−
navTop=$("#w_nav>ul").css("top");
 
−
}
 
−
else{
 
−
$("#w_nav>ul").hide();
 
−
$("#w_nav>div").show();
 
−
$("#w_nav>div>ul").hide();
 
−
}
 
−
});
 
−
</script>
 
−
</head>
 
−
<body style="background-color:rgb(247,237,183);">
 
−
<div id="w_nav" style="top:15px;">
 
−
<img src="https://static.igem.org/mediawiki/2017/6/60/T--BNU-China--index2.1.png" alt="Sorry, the image is not spupported by your browser.">
 
−
  <img id="eye" src="https://static.igem.org/mediawiki/2017/5/53/T--BNU-China--index1.jpg" alt="Sorry, the image is not spupported by your browser." style="width:100;position:absolute;top:-3px;">
 
−
  <ul>
 
−
<li id="w_Project"><a class="w_a" href="#">Project</a></li>
 
−
<li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
 
−
<li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
 
−
<li id="w_home"><a class="w_a" style="opacity:0;" href="#">Home</a></li>
 
−
<li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
 
−
<li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
 
−
<li id="w_Safety"><a class="w_a" href="#">Safety</a></li>
 
−
  </ul>
 
−
<div id="w_navMenu" style="text-align:right;margin-top:500px;">
 
−
<p>Menu▼</p>
 
−
<ul id="w_navMenuContent">
 
−
<li id="w_Project"><a class="w_a" href="#">Project</a></li>
 
−
<li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
 
−
<li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
 
−
<li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
 
−
<li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
 
−
<li id="w_Safety"><a class="w_a" href="#">Safety</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
<div id="w_content" style="width:100%;">
 
−
  <div id="w_Panel" style="text-align:left;">
 
−
<ul id="w_menu">
 
−
  <li id="w_menu1"><a class="w_a" href="#">Background</a>
 
−
<ul>
 
−
  <li><p data-id = "#title1">title1</p></li>
 
−
  <li><p>title2</p></li>
 
−
  <li><p>title3</p></li>
 
−
</ul>
 
−
  </li>
 
−
  <li id="w_menu2"><a class="w_a" href="#">Design</a>
 
−
<ul>
 
−
  <li><p href="#">overview</p></li>
 
−
  <li><p href="#">microtubule</p></li>
 
−
  <li><p href="#">flagellar filament</p></li>
 
−
</ul>
 
−
  </li>
 
−
  <li id="w_menu5"><a class="w_a" href="#">Results</a></li>
 
−
</ul>
 
−
  </div>
 
−
  <div id="w_text">
 
−
<ul class="group-list">
 
−
<li data-group="all">All</li>
 
−
<li data-group="lab">Lab</li>
 
−
<li data-group="wiki">Wiki</li>
 
−
<li data-group="hp">hp</li>
 
−
<li data-group="graphic">graphic</li>
 
−
</ul>
 
−
<div class="team-row">
 
−
<div class="team-member lab" name="rongnan">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/e/e1/T--BNU-China--rn1.jpg" />
 
−
<h1 class="member-name">Nan Rong</h1>
 
−
<p class="member-intro">The leader of BNU-China 2017. She is a junior student majoring in biotechnology and has deep interests in Synthetic Biology. She gave all her enthusiasm and energy to iGEM. Responsible for the design of the project and lab management and many other works.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="houyutong">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/7/77/T--BNU-China--hyt1.jpg" />
 
−
<h1 class="member-name">Yutong Hou</h1>
 
−
<p class="member-intro">Yutong Hou is a junior student majoring in Biotechnology, doing her best to the team. As a vice leader of BNU-China, she arranges the routine works in lab, and never gives up to find any possible solution for the project and stays optimistic between failure and failure.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="zengxiaomin">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/2/2e/T--BNU-China--zxm1.jpg" />
 
−
<h1 class="member-name">Xiaomin Zeng</h1>
 
−
<p class="member-intro">Hello, it’s xiaomin here, one of three deputy team leaders of BNU-iGEM. She’s in charge of financial affairs and takes part in wet experiments. It’s one of her most memorable experience in the undergraduate days to be an iGEMer and work with many excellent peers in BNU.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab hp" name="lvsuyue">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/7/7b/T--BNU-China--lvsuyue1.jpg" />
 
−
<h1 class="member-name">Suyue Lv</h1>
 
−
<p class="member-intro">Suyue Lyu is a junior student studying biotechnology with interests in biological pharmaceutical. She’s done plenty of lab work, and meanwhile she’s in charge of human practice module. She’s truly thankful to all her companions for this wonderful journey together.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="guoyucong">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/3/36/T--BNU-China--gyc1.jpg" />
 
−
<h1 class="member-name">Yucong Guo</h1>
 
−
<p class="member-intro">A junior biology student. She participated in wet experiments and also took part in financial team. It is an unforgettable experience for her to be a member of BNU-China, where she made great progress in experiments and met so many excellent peers.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="xingjiawei">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/f/f1/T--BNU-China--xjw1.jpg" />
 
−
<h1 class="member-name">Jiawei Xing</h1>
 
−
<p class="member-intro">Jiawei Xing is in charge of the improvement, and he also participates in other wet experiments. He always has a passion for biological sciences, and he always does his best in any experiments. The experience in iGEM will become one of his greatest experiences.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="yujundan">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/6/6a/T--BNU-China--yjd1.jpg" />
 
−
<h1 class="member-name">Jundan Yu</h1>
 
−
<p class="member-intro">Jundan Yu is a junior student majoring in Biotechnology. In BNU-China, he develops the molecular biology section in wet lab. He is very grateful to his teammates for his help, and he gains not only the scientific experimental skills.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab hp" name="xinglinqing">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/5/5a/T--BNU-China--xlq1.jpg" />
 
−
<h1 class="member-name">Linqing Xing</h1>
 
−
<p class="member-intro">A junior student from Beijing normal university. She is interested in many aspects of life science, especially those which will benefit human health. She mainly partcipated in the construction of the carriers as well as some work in Human Practice.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab graphic hp" name="chuhuanhuan">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/1/12/T--BNU-China--chh1.jpg" />
 
−
<h1 class="member-name">Huanhuan Chu</h1>
 
−
<p class="member-intro">Huanhuan Chu is a junior student majoring in bioscience who is responsible for human practice this year. She also focuses on the molecular biology section in wet lab. Her positive nature engages everyone she meets. A responsible and nice biology teacher in the future!</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<!-- <div class="team-member lab model" name="caolei">
 
−
<img class="member-img" src="" />
 
−
<h1 class="member-name">Lei Cao</h1>
 
−
<p class="member-intro">Lei Cao is the heaviest junior student in the team. He becomes a member of BNU-iGem because he wants to learn more about modeling and interesting ideas. He wants to be a rich and humorous man in the future, or maybe, at least, a rich man……</p>
 
−
<p class="member-cute"></p>
 
−
</div> -->
 
−
<div class="team-member model" name="lishangyang">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/6/61/T--BNU-China--lsy1.jpg" />
 
−
<h1 class="member-name">Shangyang Li</h1>
 
−
<p class="member-intro">Shangyang Li is a junior student majoring in Physics, who mainly focuses on the modelling and research in Biophysics and Condensed Matter Physics. As a big fan of Kyrie Irving, he can’t wait to watch the NBA game between Celtics and Lakers in TD Garden this year!</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member model" name="tiangengshuo">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/9/9c/T--BNU-China--tgs1.jpg" />
 
−
<h1 class="member-name">Gengshuo Tian</h1>
 
−
<p class="member-intro">Gengshuo Tian is a junior student majoring in mathematics. In BNU-China, he develops mathematical models to assist the team's endeavors. He is a firm believer of quantitative analysis in biological sciences and enjoys working with teammates from various disciplines.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<!-- <div class="team-member lab hp" name="liruoran">
 
−
<img class="member-img" src="" />
 
−
<h1 class="member-name">Ruoyan Li</h1>
 
−
<p class="member-intro">Ruoyan Li is a freshman majoring in mathematics. Resulting from her enthusiasm about biology, she became a member of the big family. Thanks to seniors’ help, she has gined both experimental skills and communication skills during vector construction and HP. She appreciates every teammate sincerely. </p>
 
−
<p class="member-cute"></p>
 
−
</div> -->
 
−
<div class="team-member lab hp" name="dongxiyu">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/2/2e/T--BNU-China--dxy1.jpg" />
 
−
<h1 class="member-name">Xiyu Dong</h1>
 
−
<p class="member-intro">Xiyu Dong is the tallest girl in the team. She's a young and naive 'chemistryer' who loves biology as well as chemistry. Learned a lot of experimental skills with the help of seniors. Did the investigation on biological enzyme preparation as a member of the HP group. </p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab" name="zhaorongwei">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/2/29/T--BNU-China--zrw1.jpg" />
 
−
<h1 class="member-name">Rongwei Zhao</h1>
 
−
<p class="member-intro">Rongwei Zhao is in her third year of bioscience. She carries on wet lab experiments， being confident to handle well with various tasks and making efforts to catch up with our project. She is delighted to be an igemer and honor to be a member of this passionate family. </p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<!-- <div class="team-member lab" name="cheminhua">
 
−
<img class="member-img" src="" />
 
−
<h1 class="member-name">Minhua Che</h1>
 
−
<p class="member-intro">Minhua Che is a junior bio-science student of Beijing Normal University. She mainly worked for wet lab part including designing the experiment, expressing the proteins and validating the proteins functions. It’s a wonderful experience for her to join the BNU-China iGEM family!</p>
 
−
<p class="member-cute"></p>
 
−
</div> -->
 
−
<!-- <div class="team-member lab" name="yaowenxi">
 
−
<img class="member-img" src="" />
 
−
<h1 class="member-name">Wenxi Yao</h1>
 
−
<p class="member-intro">Wenxi Yao is a humorous girl who majors in bioscience. She gains a lot this year, such as experimental techniques and friendship with teammates. She does some work in wet lab and tries her best to contribute to WIKI. It’s an unforgettable experience for her to join BNU-China!</p>
 
−
<p class="member-cute"></p>
 
−
</div> -->
 
−
<div class="team-member lab hp" name="wanyuanqiang">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/7/7b/T--BNU-China--wyq1.jpg" />
 
−
<h1 class="member-name">Yuanqiang Wan</h1>
 
−
<p class="member-intro">Now, it is Yuanqiang Wan’s show time. WYQ is a junior student who major in physical geography. In our team, he mainly work in wet experiment and human practice. He has deep interests in biogeography. And then he joins in BNU-China without rhyme.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab graphic" name="mijunhui">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/b/b7/T--BNU-China--mjh1.jpg" />
 
−
<h1 class="member-name">Junhui Mi</h1>
 
−
<p class="member-intro">She is MI Jun-Hui at BNU-China majoring in Bioscience. She is a wet lab member as well as an art designer in the team. She enjoys working with many outstanding partners from different aspects in the iGEM team. She also likes painting and photographing in her spare time.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab graphic" name="gufei">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/3/3e/T--BNU-China--gf1.jpg" />
 
−
<h1 class="member-name">Fei Gu</h1>
 
−
<p class="member-intro">Though he majors in psychology, he participates in iGEM due to interest in biology. Mainly working for wet lab part, he has also taught applications of synthetic biology in Bayi high school for human practice part, which will be precious memories.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member lab graphic" name="wangmengmeng">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/4/4f/T--BNU-China--wmm1.jpg" />
 
−
<h1 class="member-name">Mengmeng Wang</h1>
 
−
<p class="member-intro">Wang Mengmeng is a guy who is responsible for art designing. After drawing many pictures,she is just like a dried herring now. The crowning point of the girl is that she can finish work on time and doesn't need to modify her drawing again and again. </p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member wiki" name="liuziyu">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/e/ee/T--BNU-China--lzy1.jpg" />
 
−
<h1 class="member-name">Ziyu Liu</h1>
 
−
<p class="member-intro">Ziyu Liu is a sophomore majoring in Computer Science. As the leader of wiki group, she takes charge of building web pages and cooperating with other groups. Working with excellent people from various disciplines in iGEM will be the most memorable experience in her college career.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member wiki" name="wangzhaodong">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/d/df/T--BNU-China--wzd1.jpg" />
 
−
<h1 class="member-name">Zhaodong Wang</h1>
 
−
<p class="member-intro">Zhaodong Wang is a sophomore major in computer science. Due to his interest in coding, he became a member of the big family. During these months' study, he has been able to make some magic to his pages. He enjoys the time with the team and he is willing to learn more algorithms  to make more attractive websites.</p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
<div class="team-member wiki" name="zhangxizong">
 
−
<img class="member-img" src="https://static.igem.org/mediawiki/2017/6/66/T--BNU-China--zxz1.jpg" />
 
−
<h1 class="member-name">Xizong Zhang</h1>
 
−
<p class="member-intro">Xizong Zhang, a sophomore student majoring in Computer Science and Technology. He has keen interest in the Internet and Web Design. In BNU-China, he is a member of the wiki group, and works with his excellent teammates to construct pretty websites. </p>
 
−
<p class="member-cute"></p>
 
−
</div>
 
−
</div>
 
−
  </div>
 
−
</div>
 
−
<script>
 
−
var links = {
 
−
"rongnan" : ["https://static.igem.org/mediawiki/2017/e/e1/T--BNU-China--rn1.jpg", "https://static.igem.org/mediawiki/2017/9/9a/T--BNU-China--rn2.jpg", "https://static.igem.org/mediawiki/2017/d/d3/T--BNU-China--rn3.jpg"],
 
−
"gufei" : ["https://static.igem.org/mediawiki/2017/3/3e/T--BNU-China--gf1.jpg", "https://static.igem.org/mediawiki/2017/1/1b/T--BNU-China--gf2.jpg", "https://static.igem.org/mediawiki/2017/7/75/T--BNU-China--gf3.jpg"],
 
−
"tiangengshuo" : ["https://static.igem.org/mediawiki/2017/9/9c/T--BNU-China--tgs1.jpg", "https://static.igem.org/mediawiki/2017/6/66/T--BNU-China--tgs2.jpg", "https://static.igem.org/mediawiki/2017/7/79/T--BNU-China--tgs3.jpg"],
 
−
"chuhuanhuan" : ["https://static.igem.org/mediawiki/2017/1/12/T--BNU-China--chh1.jpg", "https://static.igem.org/mediawiki/2017/5/57/T--BNU-China--chh2.jpg", "https://static.igem.org/mediawiki/2017/3/34/T--BNU-China--chh3.jpg"],
 
−
"xingjiawei" : ["https://static.igem.org/mediawiki/2017/f/f1/T--BNU-China--xjw1.jpg", "https://static.igem.org/mediawiki/2017/8/83/T--BNU-China--xjw2.jpg", "https://static.igem.org/mediawiki/2017/d/d3/T--BNU-China--xjw3.jpg"],
 
−
"yujundan" : ["https://static.igem.org/mediawiki/2017/6/6a/T--BNU-China--yjd1.jpg", "https://static.igem.org/mediawiki/2017/5/5c/T--BNU-China--yjd2.jpg", "https://static.igem.org/mediawiki/2017/4/49/T--BNU-China--yjd3.jpg"],
 
−
"mijunhui" : ["https://static.igem.org/mediawiki/2017/b/b7/T--BNU-China--mjh1.jpg", "https://static.igem.org/mediawiki/2017/b/b9/T--BNU-China--mjh2.jpg", "https://static.igem.org/mediawiki/2017/7/7d/T--BNU-China--mjh3.jpg"],
 
−
"xinglinqing" : ["https://static.igem.org/mediawiki/2017/5/5a/T--BNU-China--xlq1.jpg", "https://static.igem.org/mediawiki/2017/3/32/T--BNU-China--xlq2.jpg", "https://static.igem.org/mediawiki/2017/9/98/T--BNU-China--xlq3.jpg"],
 
−
"wangmengmeng" : ["https://static.igem.org/mediawiki/2017/4/4f/T--BNU-China--wmm1.jpg", "https://static.igem.org/mediawiki/2017/6/63/T--BNU-China--wmm2.jpg", "https://static.igem.org/mediawiki/2017/7/76/T--BNU-China--wmm3.jpg"],
 
−
"zhaorongwei" : ["https://static.igem.org/mediawiki/2017/2/29/T--BNU-China--zrw1.jpg", "https://static.igem.org/mediawiki/2017/6/68/T--BNU-China--zrw2.jpg", "https://static.igem.org/mediawiki/2017/e/e5/T--BNU-China--zrw3.jpg"],
 
−
"lishangyang" : ["https://static.igem.org/mediawiki/2017/6/61/T--BNU-China--lsy1.jpg", "https://static.igem.org/mediawiki/2017/c/c3/T--BNU-China--lsy2.jpg", "https://static.igem.org/mediawiki/2017/5/5b/T--BNU-China--lsy3.jpg"],
 
−
"lvsuyue" : ["https://static.igem.org/mediawiki/2017/7/7b/T--BNU-China--lvsuyue1.jpg", "https://static.igem.org/mediawiki/2017/5/5f/T--BNU-China--lvsuyue2.jpg", "https://static.igem.org/mediawiki/2017/c/ca/T--BNU-China--lvsuyue3.jpg"],
 
−
"zengxiaomin" : ["https://static.igem.org/mediawiki/2017/2/2e/T--BNU-China--zxm1.jpg", "https://static.igem.org/mediawiki/2017/e/e0/T--BNU-China--zxm2.jpg", "https://static.igem.org/mediawiki/2017/d/dc/T--BNU-China--zxm3.jpg"],
 
−
"dongxiyu" : ["https://static.igem.org/mediawiki/2017/2/2e/T--BNU-China--dxy1.jpg", "https://static.igem.org/mediawiki/2017/2/22/T--BNU-China--dxy2.jpg", "https://static.igem.org/mediawiki/2017/9/98/T--BNU-China--dxy3.jpg"],
 
−
"zhangxizong" : ["https://static.igem.org/mediawiki/2017/6/66/T--BNU-China--zxz1.jpg", "https://static.igem.org/mediawiki/2017/1/11/T--BNU-China--zxz2.jpg", "https://static.igem.org/mediawiki/2017/5/55/T--BNU-China--zxz3.jpg"],
 
−
"wanyuanqiang" : ["https://static.igem.org/mediawiki/2017/7/7b/T--BNU-China--wyq1.jpg", "https://static.igem.org/mediawiki/2017/f/fa/T--BNU-China--wyq2.jpg", "https://static.igem.org/mediawiki/2017/6/62/T--BNU-China--wyq3.jpg"],
 
−
"liuziyu" : ["https://static.igem.org/mediawiki/2017/e/ee/T--BNU-China--lzy1.jpg", "https://static.igem.org/mediawiki/2017/0/06/T--BNU-China--lzy2.jpg", "https://static.igem.org/mediawiki/2017/8/88/T--BNU-China--lzy3.jpg"],
 
−
"guoyucong" : ["https://static.igem.org/mediawiki/2017/3/36/T--BNU-China--gyc1.jpg", "https://static.igem.org/mediawiki/2017/2/26/T--BNU-China--gyc2.jpg", "https://static.igem.org/mediawiki/2017/d/db/T--BNU-China--gyc3.jpg"],
 
−
"houyutong" : ["https://static.igem.org/mediawiki/2017/7/77/T--BNU-China--hyt1.jpg", "https://static.igem.org/mediawiki/2017/0/00/T--BNU-China--hyt2.jpg", "https://static.igem.org/mediawiki/2017/9/99/T--BNU-China--hyt3.jpg"],
 
−
"wangzhaodong" : ["https://static.igem.org/mediawiki/2017/d/df/T--BNU-China--wzd1.jpg", "https://static.igem.org/mediawiki/2017/2/23/T--BNU-China--wzd2.jpg", "https://static.igem.org/mediawiki/2017/c/cd/T--BNU-China--wzd3.jpg"]
 
−
}
 
−
window.onload = function() {
 
−
var teamElemList = document.getElementsByClassName("team-member");
 
−
for(var i = 0;i < teamElemList.length;i ++) {
 
−
// console.log(teamElemList[i].getAttribute("name"));
 
−
teamElemList[i].addEventListener("mouseover", changeImageOver);
 
−
teamElemList[i].addEventListener("mouseout", revertImageOut);
 
−
teamElemList[i].addEventListener("mousedown", changeImageDown);
 
−
teamElemList[i].addEventListener("mouseup", revertImageUp);
 
−
}
 
−
var group = document.querySelector(".group-list");
 
−
var groupList = group.children;
 
−
for(var i =0;i < groupList.length;i ++) {
 
−
groupList[i].addEventListener("click", displaySelectedGroup);
 
−
}
 
−
}
 
−
function changeImageOver() {
 
−
var teamElem = this;
 
−
var temp = teamElem.querySelector(".member-img");
 
−
temp.src = links[teamElem.getAttribute("name")][1];
 
−
temp.style.opacity = 0.4;
 
−
temp = teamElem.querySelector(".member-name");
 
−
//temp.style.display = "block";
 
−
temp.style.opacity = 1;
 
−
temp = teamElem.querySelector(".member-intro");
 
−
temp.style.display = "block";
 
−
temp.style.opacity = 1;
 
−
temp.style.transition = "opacity 2s";
 
−
teamElem.style.cursor = "pointer";
 
−
}
 
−
function revertImageOut() {
 
−
var teamElem = this;
 
−
var temp = teamElem.querySelector(".member-img");
 
−
temp.src = links[teamElem.getAttribute("name")][0];
 
−
temp.style.opacity = 1;
 
−
temp = teamElem.querySelector(".member-name");
 
−
temp.style.opacity = 1;
 
−
// temp.style.display = "none";
 
−
temp = teamElem.querySelector(".member-intro");
 
−
// temp.style.display = "none";
 
−
temp.style.opacity = 0;
 
−
temp.style.transition = "opacity 0s";
 
−
teamElem.style.cursor = "auto";
 
−
}
 
−
function changeImageDown() {
 
−
var teamElem = this;
 
−
var temp = teamElem.querySelector(".member-img");
 
−
temp.src = links[teamElem.getAttribute("name")][2];
 
−
temp = teamElem.querySelector(".member-name");
 
−
temp.style.display = "none";
 
−
temp = teamElem.querySelector(".member-intro");
 
−
temp.style.display = "none";
 
−
temp = teamElem.querySelector(".member-cute");
 
−
temp.style.display = "block";
 
−
teamElem.style.cursor = "auto";
 
−
}
 
−
function revertImageUp() {
 
−
var teamElem = this;
 
−
var temp = teamElem.querySelector(".member-img");
 
−
temp.src = links[teamElem.getAttribute("name")][1];
 
−
temp.style.opacity = 0.4;
 
−
temp = teamElem.querySelector(".member-name");
 
−
temp.style.display = "block";
 
−
temp = teamElem.querySelector(".member-intro");
 
−
temp.style.display = "block";
 
−
temp = teamElem.querySelector(".member-cute");
 
−
temp.style.display = "none";
 
−
teamElem.style.cursor = "pointer";
 
−
}
 
−
function displaySelectedGroup() {
 
−
var displayGroupName = this.getAttribute("data-group");
 
−
var team = document.querySelector(".team-row");
 
−
var teamList = team.children;
 
−
if(displayGroupName == "all") {
 
−
for(var i = 0;i < teamList.length;i ++) {
 
−
teamList[i].style.display = "inline-block";
 
−
}
 
−
} else {
 
−
for(var i = 0;i < teamList.length;i ++) {
 
−
teamList[i].style.display = "none";
 
−
}
 
−
var displayGroups = team.getElementsByClassName(displayGroupName);
 
−
for(var i = 0;i < displayGroups.length;i ++) {
 
−
displayGroups[i].style.display = "inline-block";
 
−
}
 
−
}
 
−
}
 
−
</script>
 
−
</body>
 
 
</html>
 
</html>

Revision as of 03:22, 7 October 2017

BNU-China