Difference between revisions of "Team:CPU CHINA/Team"

 
(40 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{:Team:CPU_CHINA/Templates/NavFoot}}
 
{{:Team:CPU_CHINA/Templates/NavFoot}}
<html>
+
<html style="background-color:rgb(250, 246, 243)">
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
Line 12: Line 12:
  
 
<style type="text/css">
 
<style type="text/css">
 +
html
 +
{
 +
background-color:rgb(250, 246, 243);
 +
}
 +
 
#foot-c116
 
#foot-c116
 
{height:3.1% !important;z-index:1;}
 
{height:3.1% !important;z-index:1;}
 
.btn-group
 
.btn-group
 
{
 
{
top:1.4% !important;
+
top:0.8% !important;
 
}
 
}
 
button.myButton {
 
button.myButton {
Line 113: Line 118:
 
}
 
}
 
.member-photo{
 
.member-photo{
   width:10%;
+
   width:17%;
 
   margin-left:2%;
 
   margin-left:2%;
 +
}
 +
.pi-photo{
 +
  width:17%;
 +
  margin-left:4%;
 +
  float:left;
 
}
 
}
 
.member-text{
 
.member-text{
Line 122: Line 132:
 
   left:20%;
 
   left:20%;
 
   text-align:left !important;
 
   text-align:left !important;
   font-size:2rem;
+
   font-size:1.8rem;
 
   font-family:"new Times Roman";
 
   font-family:"new Times Roman";
 
   word-wrap: break-word !important;
 
   word-wrap: break-word !important;
Line 140: Line 150:
 
   height:100%;
 
   height:100%;
 
}
 
}
 +
h4{font-size:2rem !important;}
 
</style>
 
</style>
  
Line 196: Line 207:
 
</div>
 
</div>
  
<div class="myButton" style="left:19%;">
 
  <button id="6" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Shuyao Zhou-p')"></button>
 
  <div id="Txt6" class="Txt">Hello, my name is  Shuyao Zhou.
 
  </div>
 
</div>
 
  
 
<div class="myButton" style="left:22%;">
 
<div class="myButton" style="left:22%;">
 
   <button id="7" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Kexin Cao-p')"></button>
 
   <button id="7" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Kexin Cao-p')"></button>
   <div id="Txt7" class="Txt">Hello, my name is  Kexin Cao.
+
   <div id="Txt7" class="Txt">Hello, my name is  Shuyao Zhou.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 210: Line 216:
 
<div class="myButton" style="left:25%;">
 
<div class="myButton" style="left:25%;">
 
   <button id="8" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Junqing Zhang-p')"></button>
 
   <button id="8" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Junqing Zhang-p')"></button>
   <div id="Txt8" class="Txt">Hello, my name is  Junqing Zhang.
+
   <div id="Txt8" class="Txt">Hello, my name is  Kexin Cao.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 216: Line 222:
 
<div class="myButton" style="left:27%;">
 
<div class="myButton" style="left:27%;">
 
   <button id="9" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Xingnuo Cheng-p')"></button>
 
   <button id="9" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Xingnuo Cheng-p')"></button>
   <div id="Txt9" class="Txt">Hello, my name is  Xingnuo Cheng.
+
   <div id="Txt9" class="Txt">Hello, my name is  Junqing Zhang.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 222: Line 228:
 
<div class="myButton" style="left:28%;">
 
<div class="myButton" style="left:28%;">
 
   <button id="10" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Hongyu Wang-p')"></button>
 
   <button id="10" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Hongyu Wang-p')"></button>
   <div id="Txt10" class="Txt">Hello, my name is  Hongyu Wang.
+
   <div id="Txt10" class="Txt">Hello, my name is  Xingnuo Cheng.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 228: Line 234:
 
<div class="myButton" style="left:30%;">
 
<div class="myButton" style="left:30%;">
 
   <button id="11" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
 
   <button id="11" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
   <div id="Txt11" class="Txt">Hello, my name is  Wanli Zhang.
+
   <div id="Txt11" class="Txt">Hello, my name is  Hongyu Wang.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 234: Line 240:
 
<div class="myButton" style="left:33%;">
 
<div class="myButton" style="left:33%;">
 
   <button id="12" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Nannan Liu-p')"></button>
 
   <button id="12" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Nannan Liu-p')"></button>
   <div id="Txt12" class="Txt" style="width:500% !important;">Hello, my name is Nannan Liu.
+
   <div id="Txt12" class="Txt" style="width:500% !important;">Hello, my name is Wanli Zhang.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 240: Line 246:
  
 
<!-- ******************************************成员介绍*************************************** -->
 
<!-- ******************************************成员介绍*************************************** -->
 +
<div class="member-block" id="Huandi Xu-p">
 +
  <div class="member-photo">
 +
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/d/d8/T--CPU_CHINA--team-Huandi_Xu.png">
 +
  </div>
 +
  <div class="member-name" id="Huandi Xu-n">Huandi Xu</div>
 +
  <div class="member-text" id="Huandi Xu-t">Hello there, this is Huandi of CPU_CHINA, glad to meet you!I play the most “boresome” role in the team since my duty is contacting with my colleagues to guarantee everything are heading the right direction(Lab, wiki and all that stuff). I also do some lab and human practice as well. Participate in iGEM is an interesting experience, we have learned a lot from conducting our project. Hope to see you in Boston!
 +
  </div>
 +
</div>
 +
 +
<div class="member-block">
 +
  <div class="member-photo">
 +
      <img id="Shuyao Zhou-p" class="member-img" src="https://static.igem.org/mediawiki/2018/2/25/T--CPU_CHINA--team-Shuyao_Zhou.jpg">
 +
  </div>
 +
  <div class="member-name" id="Shuyao Zhou-n">Shuyao Zhou</div>
 +
  <div class="member-text" id="Shuyao Zhou-t">Hello, I’m Shuyao. I kind of came up with this idea of conditional RNA interference, so, you’re welcome. Then I take control of the other ideas, such as the wiki, human practice and stuff. I make sure that the whole team is being creative and productive. But I don’t really do the lab work here, so you’ll have to contact other people for that. Currently I’m studying in Leiden, and if things go well I’ll do my master’s somewhere in Canada. I’ve evolved a lot from preparing for the competition and I hope you do, too.
 +
  </div>
 +
</div>
 +
 
<div class="member-block">
 
<div class="member-block">
 
   <div class="member-photo">
 
   <div class="member-photo">
Line 249: Line 273:
 
</div>
 
</div>
  
<!--<div class="member-block">
+
<div class="member-block">
 
   <div class="member-photo">
 
   <div class="member-photo">
       <img id="Kexin Cao-p" class="member-img" src="https://static.igem.org/mediawiki/2018/2/2b/T--CPU_CHINA--team-Kexin_Cao.png">
+
       <img id="Kexin Cao-p" class="member-img" src="https://static.igem.org/mediawiki/2018/0/01/T--CPU_CHINA--hp-self.jpg">
 
   </div>
 
   </div>
 
   <div class="member-name" id="Kexin Cao-n">Kexin Cao</div>
 
   <div class="member-name" id="Kexin Cao-n">Kexin Cao</div>
 
   <div class="member-text" id="Kexin Cao-t">Hi, guys! This is Kexin Cao from CPU_CHINA, a senior student majoring in Traditional Chinese Pharmacy at China Pharmaceutical University. It's my fortune to be a member of CPU Bio-X Club  and work together with these excellent person. It is there I just realize how marvellous life science is, especially immunology. I participate in the lab and HP in our team. I think you will find something interesting in our project—Rig!Wish every team good luck and look forward to see you at the jamboree!
 
   <div class="member-text" id="Kexin Cao-t">Hi, guys! This is Kexin Cao from CPU_CHINA, a senior student majoring in Traditional Chinese Pharmacy at China Pharmaceutical University. It's my fortune to be a member of CPU Bio-X Club  and work together with these excellent person. It is there I just realize how marvellous life science is, especially immunology. I participate in the lab and HP in our team. I think you will find something interesting in our project—Rig!Wish every team good luck and look forward to see you at the jamboree!
  </div>
 
</div> -->
 
 
<div class="member-block">
 
  <div class="member-photo">
 
      <img id="Shuyao Zhou-p" class="member-img" src="https://static.igem.org/mediawiki/2018/2/25/T--CPU_CHINA--team-Shuyao_Zhou.jpg">
 
  </div>
 
  <div class="member-name" id="Shuyao Zhou-n">Shuyao Zhou</div>
 
  <div class="member-text" id="Shuyao Zhou-t">Hello, I’m Shuyao. I kind of came up with this idea of conditional RNA interference, so, you’re welcome. Then I take control of the other ideas, such as the wiki, human practice and stuff. I make sure that the whole team is being creative and productive. But I don’t really do the lab work here, so you’ll have to contact other people for that. Currently I’m studying in Leiden, and if things go well I’ll do my master’s somewhere in Canada. I’ve evolved a lot from preparing for the competition and I hope you do, too.
 
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 286: Line 301:
 
</div>
 
</div>
  
<div class="member-block" id="Huandi Xu-p">
 
  <div class="member-photo">
 
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/d/d8/T--CPU_CHINA--team-Huandi_Xu.png">
 
  </div>
 
  <div class="member-name" id="Huandi Xu-n">Huandi Xu</div>
 
  <div class="member-text" id="Huandi Xu-t">Hello there, this is Huandi of CPU_CHINA, glad to meet you!I play the most “boresome” role in the team since my duty is contacting with my colleagues toguaranteeeverything are heading the right direction(Lab, wiki and all that stuff). I also do some lab and human practice as well. Participate in iGEM is an interesting experience, we have learned a lot from conducting our project. Hope to see you in Boston!
 
  </div>
 
</div>
 
  
 
<div class="member-block" id="Hongyu Wang-p" >
 
<div class="member-block" id="Hongyu Wang-p" >
Line 300: Line 307:
 
   </div>
 
   </div>
 
   <div class="member-name" id="Hongyu Wang-n">Hongyu Wang</div>
 
   <div class="member-name" id="Hongyu Wang-n">Hongyu Wang</div>
   <div class="member-text" id="Hongyu Wang-t">Hello everyone, This Is Hongyu Wang, a junior student from China Pharmaceutical University. I am very glad to be involved in CPU_China and be responsible for the human practice! There are so many wonderful ideas in synthetic biology that make me feel very excited!I hope to inspire people's interest in synthetic biology and I think we have an obligation to educate the public about cancer and Medicine. Looking forward to creating a better future together!   
+
   <div class="member-text" id="Hongyu Wang-t">Hello everyone, This Is Hongyu Wang, a junior student from China Pharmaceutical University. I am very glad to be involved in CPU_CHINA and be responsible for the human practice! There are so many wonderful ideas in synthetic biology that make me feel very excited!I hope to inspire people's interest in synthetic biology and I think we have an obligation to educate the public about cancer and Medicine. Looking forward to creating a better future together!   
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 318: Line 325:
 
   </div>
 
   </div>
 
   <div class="member-name" id="Peng Sun-n">Peng Sun</div>
 
   <div class="member-name" id="Peng Sun-n">Peng Sun</div>
   <div class="member-text" id="Peng Sun-t">Hey guys! I'm a junior in China Pharmaceutical University, major in Infomation Management and System Program. It's my pleasure to be involved in CPU-CHINA. In our team, I am responsible for making and editing vdieos. What's more, I am in charge of animation productions. During the procession of preparation, not only my practical ability but also communicative ability has improved. It is my honor that we can make great progress together. And I will treasure this excellent experience working with so many great minds.
+
   <div class="member-text" id="Peng Sun-t">Hey guys! I'm a junior in China Pharmaceutical University, major in Information Management and System Program. It's my pleasure to be involved in CPU-CHINA. In our team, I am responsible for making and editing vdieos. What's more, I am in charge of animation productions. During the procession of preparation, not only my practical ability but also communicative ability has improved. It is my honor that we can make great progress together. And I will treasure this excellent experience working with so many great minds.
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 326: Line 333:
 
       <img  class="member-img" src="https://static.igem.org/mediawiki/2018/c/c4/T--CPU_CHINA--team-Xingnuo_Cheng.jpeg">
 
       <img  class="member-img" src="https://static.igem.org/mediawiki/2018/c/c4/T--CPU_CHINA--team-Xingnuo_Cheng.jpeg">
 
   </div>
 
   </div>
   <div class="member-name" id="Xingnuo_Cheng-n">Xingnuo_Cheng</div>
+
   <div class="member-name" id="Xingnuo_Cheng-n">Xingnuo Cheng</div>
 
   <div class="member-text" id="Xingnuo_Cheng-t">Hi, this is Xingnuo Cheng, a student from China Pharmaceutical University.  It is such a wonderful experience to participate in the iGEM and meet fellow brilliant students.  During the experiment, I have learnt a lot and I am glad to share the experience with you!
 
   <div class="member-text" id="Xingnuo_Cheng-t">Hi, this is Xingnuo Cheng, a student from China Pharmaceutical University.  It is such a wonderful experience to participate in the iGEM and meet fellow brilliant students.  During the experiment, I have learnt a lot and I am glad to share the experience with you!
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div class="member-block" id="Peiyuan Gao-p">
+
<div class="member-block" id="Wanli Zhang-p">
 
   <div class="member-photo">
 
   <div class="member-photo">
       <img class="member-img" src="https://static.igem.org/mediawiki/2018/e/e3/T--CPU_CHINA--team-Peiyuan_Gao.jpeg">
+
       <img class="member-img" src="https://static.igem.org/mediawiki/2018/4/4b/T--CPU_CHINA--hp-self2.png">
 +
  </div>
 +
  <div class="member-name" id="Wanli Zhang-n">Wanli Zhang</div>
 +
  <div class="member-text" id="Wanli Zhang-t">Hello,everyone! This is Wanli Zhang,you can also call me rabbit.During the competition, I have successfully completed my undergraduate studies from China Pharmaceutical University and continue to pursue postgraduate studies at the school. As a member of CPU-CHINA, I am honored to join the team and contribute to this through my own efforts. During the period, I was mainly responsible for the progress and arrangement of the experiment. In the process, I learned a lot of new knowledge and skills, and more importantly, I know a group of people who have dreams. I look forward to colliding with other iGEMers in Boston in the near future.
 
   </div>
 
   </div>
  <div class="member-name" id="Peiyuan Gao-n">Peiyuan Gao</div>
 
  <div class="member-text" id="Peiyuan Gao-t">                                             
 
Hello, guys. I’m PeiYuan Gao , a simple students who just crowed into the platform nine and three-quarters at King's Cross, waiting for the train to the amazing biology school. Being full of Enthusiasm, I’m already about to meet new friends and take distinct challenges. Hoping to see you in the uncharted world of science.</div>
 
 
</div>
 
</div>
  
 
+
<div class="member-block" id="Ying Miao-p">
<div class="member-block" id="Nannan_Liu-p">
+
 
   <div class="member-photo">
 
   <div class="member-photo">
       <img class="member-img" src="https://static.igem.org/mediawiki/2018/c/c6/T--CPU_CHINA--team-Nannan_Liu.jpeg">
+
       <img class="member-img" src="https://static.igem.org/mediawiki/2018/e/ee/T--CPU_CHINA--hp-self1.png">
 +
  </div>
 +
  <div class="member-name" id="Ying Miao-n">Ying Miao</div>
 +
  <div class="member-text" id="Ying Miao-t">Hello,everybody! This is Ying Miao, a senior student in China Pharmaceutical University, major in Information Management and Information System. I am interested in computer technology, design, as well as biology. And it brings me great fun to working and studing together with other members of Team CPU-China. I am mainly responsible for the wiki design in my team, from which process I get something amazing and also have a lot of fun. For all the efforts we made, best wishes to us!
 
   </div>
 
   </div>
  <div class="member-name" id="Nannan_Liu-n">Nannan_Liu</div>
 
  <div class="member-text" id="Nannan_Liu-t"></div>
 
 
</div>
 
</div>
  
 +
 +
<br>
 +
<h1 class="member-block">PI and Instructors</h1>
 +
<br>
 +
<br>
 +
<br>
 +
 +
<div class="member-block" id="Hong Tian-p">
 +
  <div class="pi-photo">
 +
      <img id="hongtian" class="member-img" src="https://static.igem.org/mediawiki/2018/7/70/T--CPU_CHINA--team-Hong_Tian.png">
 +
      <h3>Hong Tian</h3>
 +
      <h5>School of Life Science and Technology</h5>
 +
      <h5>China Pharmaceutical University</h5>
 +
  </div>
 +
 +
  <div class="pi-photo">
 +
      <img id="xiaodasong" class="member-img" src="https://static.igem.org/mediawiki/2018/9/9d/T--CPU_CHINA--team-Xiaoda_Song.png">
 +
      <h3>Xiaoda Song</h3>
 +
      <h5>School of Life Science and Technology</h5>
 +
      <h5>China Pharmaceutical University</h5>
 +
  </div>
 +
 +
  <div class="pi-photo">
 +
      <img id="huihuang" class="member-img" src="https://static.igem.org/mediawiki/2017/7/70/T--CPU_CHINA--member_HH.png">
 +
      <h3>Hui Huang</h3>
 +
      <h5>School of Science</h5>
 +
      <h5>China Pharmaceutical University</h5>
 +
  </div>
 +
 +
  <div class="pi-photo">
 +
      <img id="yanhuang" class="member-img" src="https://static.igem.org/mediawiki/2018/8/8c/T--CPU_CHINA--team-Yan_Huang.png">
 +
      <h3>Yan Huang</h3>
 +
      <h5>School of Pharmacy</h5>
 +
      <h5>China Pharmaceutical University</h5>
 +
  </div>
 +
</div>
 +
 +
 +
</div>
  
 
</body>
 
</body>
Line 366: Line 412:
  
  
$(document).ready(function(){
+
window.onload=function(){
 +
    $(".mw-content-ltr").show()
 
     setVideo();
 
     setVideo();
 
     setPhoto();
 
     setPhoto();
 
     $(".mw-content-ltr").css("width",$(window).width()+"px");
 
     $(".mw-content-ltr").css("width",$(window).width()+"px");
     $(".mw-content-ltr").css("height",document.body.scrollHeight+"px");
+
     $(".mw-content-ltr").css("height",document.body.scrollHeight+1000+"px");
  
 
     $(".member-block").css("width",$(window).width()+"px");
 
     $(".member-block").css("width",$(window).width()+"px");
Line 383: Line 430:
 
         $("#team-video-photo").show();
 
         $("#team-video-photo").show();
 
     }, false);
 
     }, false);
})
+
}
  
 
/****************************填充视频********************************/
 
/****************************填充视频********************************/
Line 443: Line 490:
 
   var parent=document.getElementById("mw-content-text");
 
   var parent=document.getElementById("mw-content-text");
 
   var zjq=document.getElementById("Junqing Zhang");
 
   var zjq=document.getElementById("Junqing Zhang");
   //var ckq=document.getElementById("Kexin Cao");
+
   var ckq=document.getElementById("Kexin Cao");
 
   var zsy=document.getElementById("Shuyao Zhou");
 
   var zsy=document.getElementById("Shuyao Zhou");
 
   var wyl=document.getElementById("Yali Wu");
 
   var wyl=document.getElementById("Yali Wu");
Line 450: Line 497:
 
   var gpy=document.getElementById("Peiyuan Gao");
 
   var gpy=document.getElementById("Peiyuan Gao");
 
   var lnn=document.getElementById("Nannan Liu");
 
   var lnn=document.getElementById("Nannan Liu");
+
  var my=document.getElementById("Ying Miao");
 +
  var zwl=document.getElementById("Wanli Zhang");
 +
 
 +
 
 
   parent.appendChild(zjq);
 
   parent.appendChild(zjq);
   //parent.appendChild(ckq);
+
   parent.appendChild(ckq);
 
   parent.appendChild(zsy);
 
   parent.appendChild(zsy);
 
   parent.appendChild(wyl);
 
   parent.appendChild(wyl);
Line 459: Line 509:
 
   parent.appendChild(gpy);
 
   parent.appendChild(gpy);
 
   parent.appendChild(lnn);
 
   parent.appendChild(lnn);
 +
  parent.appendChild(my);
 +
  parent.appendChild(zwl);
 +
  $(".mw-content-ltr").css("height",document.body.scrollHeight+1000+"px");
 
}
 
}
 +
 +
$(this).scroll(function(){
 +
  $("#xiaodasong").css("height",$("#hongtian").height()+"px");
 +
  $("#huihuang").css("height",$("#hongtian").height()+"px");
 +
  $("#yanhuang").css("height",$("#hongtian").height()+"px");
 +
})
 
</script>
 
</script>
 +
 +
 +
 
</html>
 
</html>

Latest revision as of 03:20, 8 December 2018