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

 
(131 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
+
{{: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 8: Line 8:
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/bootstrap_style_css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/bootstrap_style_css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/navfoot_style_css?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Team:CPU_CHINA/navfoot_style_css?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:CPU_CHINA/log_style_css?action=raw&ctype=text/css">
+
 
 
</head>
 
</head>
  
 
<style type="text/css">
 
<style type="text/css">
 +
html
 +
{
 +
background-color:rgb(250, 246, 243);
 +
}
 +
 +
#foot-c116
 +
{height:3.1% !important;z-index:1;}
 +
.btn-group
 +
{
 +
top:0.8% !important;
 +
}
 
button.myButton {
 
button.myButton {
     text-align:center !important;
+
     background-color:rgba(0,0,0,0);
     word-wrap: break-word !important;
+
     border:none;
     word-break: break-all !important;
+
     width:100%;
     white-space: normal !important;
+
     height:100%;
 
}
 
}
 
#content{
 
#content{
Line 25: Line 36:
 
}
 
}
 
.mw-content-ltr {
 
.mw-content-ltr {
    background: url(https://static.igem.org/mediawiki/2018/6/60/T--CPU_CHINA--log-background.png) center 29px;position:relative;
 
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
 
}
 
}
button:hover{background-color:#400080;}
+
 
 
a:visited{color:purple;}
 
a:visited{color:purple;}
 +
 
div.myButton
 
div.myButton
 
{
 
{
Line 35: Line 46:
 
     background-color:yellow;
 
     background-color:yellow;
 
     position:relative;
 
     position:relative;
     top:400px;
+
     top:60%;
 
     width:5%;height:100px;
 
     width:5%;height:100px;
 +
    float:left;
 +
    border:none;
 +
    background-color:rgba(0, 0, 0, 0);
 +
    text-align:center !important;
 +
    word-wrap: break-word !important;
 +
    word-break: break-all !important;
 +
    white-space: normal !important;
 
}
 
}
 
+
.Txt{
button.myButton
+
    position:relative;
{
+
    top:-160px !important;
 
+
    left:-100px;
 +
    width:600% !important;
 +
    word-break:normal;
 +
    display:none;
 +
    border:1px solid black;
 +
    border-radius:10px;
 +
    background-color:white;
 +
    color:#4232bf;
 +
    font-size:30px;
 
}
 
}
  
Line 69: Line 95:
 
color:rgb(189,190,176);text-decoration:none;
 
color:rgb(189,190,176);text-decoration:none;
 
}
 
}
button:hover{}
 
a:visited{color:purple;}
 
  
  #anniu {
+
  .anniu {
 
       position: relative;
 
       position: relative;
 
       top: 70px;
 
       top: 70px;
 
       transition: top 0.2s;
 
       transition: top 0.2s;
      left: 35%;
 
 
       margin: 0 0 0 -50px;
 
       margin: 0 0 0 -50px;
 
     }
 
     }
  
     #anniu>img {
+
     .anniu>img {
 
       height: 50px;
 
       height: 50px;
 
     }
 
     }
  
     #anniu:hover {
+
     .anniu:hover {
 
       top: 90px;
 
       top: 90px;
 
     }
 
     }
  
 +
.member-block{
 +
  position:relative;
 +
  top:100% !important;
 +
  overflow:hidden;
 +
  margin-bottom:10%;
 +
}
 +
.member-photo{
 +
  width:17%;
 +
  margin-left:2%;
 +
}
 +
.pi-photo{
 +
  width:17%;
 +
  margin-left:4%;
 +
  float:left;
 +
}
 +
.member-text{
 +
  width:60%;
 +
  position:absolute;
 +
  top:20%;
 +
  left:20%;
 +
  text-align:left !important;
 +
  font-size:1.8rem;
 +
  font-family:"new Times Roman";
 +
  word-wrap: break-word !important;
 +
  white-space: normal !important; 
 +
}
 +
.member-name{
 +
  width:40%;
 +
  position:absolute;
 +
  float:right;
 +
  left:20%;
 +
  top:1%;
 +
  font-size:3rem;
 +
  font-family:"new Times Roman";
 +
}
 +
.member-img{
 +
  width:100%;
 +
  height:100%;
 +
}
 +
h4{font-size:2rem !important;}
 
</style>
 
</style>
  
 
<body>
 
<body>
  
<div class="btn-group"style="border:none;background-color:transparent;width: 80px;height:45px;position:relative;top: 60px;left: 200px;">
+
<video id="team-video" style="width:90%;margin-left:5%;position:relative;top:200px;display:block"loop="false"preload="preload">
                <button id="home"type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="border:none;background-color:transparent;width: 100%;height:45px;" onclick="returnHome()"></button>
+
    <source src="https://static.igem.org/mediawiki/2018/8/87/T--CPU_CHINA--TV1.mp3" type="video/mp3"/>
 +
    <source src="https://static.igem.org/mediawiki/2018/a/a5/T--CPU_CHINA--TV2.mp4" type="video/mp4"/>
 +
    <source src="https://static.igem.org/mediawiki/2018/b/b9/T--CPU_CHINA--TV3.webm" type="video/webm"/>
 +
    Your browser does not support the video tag.
 +
</video>
 +
 
 +
<div id="team-video-photo" style="width:67%;margin-left:16.5%;position:relative;top:200px;display:none">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/8a/T--CPU_CHINA--DSC00367.jpg" style="width:100%;"/>
 +
<div>
 +
 
 +
<div id="anniu1" class="anniu" style="top:150px;">
 +
      <center>
 +
            <a href="#photo1">
 +
              <img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif">
 +
            </a>
 +
      </center>
 
</div>
 
</div>
<script>
 
function returnHome(){
 
  window.location.href="https://2018.igem.org/Team:CPU_CHINA"
 
}
 
</script>
 
  
<!--*******************************************头部代码***************************************-->
+
<div id="photo1" style="position:relative;top:150px;margin-left:5%;background:url(https://static.igem.org/mediawiki/2018/6/62/T--CPU_CHINA--team-DSC00344.png);background-repeat:no-repeat;background-size:cover;">
<div class="btn-group"style="border:none;background-color:transparent;width: 80px;height:45px;position:relative;top: 60px;left: 15%;">
+
 
                <button id="home"type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="border:none;background-color:transparent;width: 100%;height:45px;" onclick="returnHome()"></button>
+
<!-- **************************************照片按钮**************************************-->
 +
<div class="myButton" style="left:9%;">
 +
  <button id="1" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Yiyang Zhu-p')"></button>
 +
  <div id="Txt1" class="Txt">Hello, my name is  Yiyang Zhu.
 +
  </div>
 
</div>
 
</div>
<script>
 
function returnHome(){
 
  window.location.href="https://2018.igem.org/Team:CPU_CHINA"
 
}
 
</script>
 
  
<div class="btn-group" style="border:none;background-color:transparent;width: 100px;height:45px;position:relative;float:right;top: 60px;left: -70%;">
+
<div class="myButton" style="left:10%;">
                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="border:none;background-color:transparent;width: 100%;height:45px;">
+
  <button id="2" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Peng Sun-p')"></button>
                </button>
+
  <div id="Txt2" class="Txt">Hello, my name is  Peng Sun.
                <ul class="dropdown-menu" style="background:url(https://static.igem.org/mediawiki/2018/d/d3/T--CPU_CHINA--dropdown1.png)">
+
  </div>
                    <li style="margin-top:23px">  </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Background">Background</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Experiments">Experiments</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Results">Results</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Part">Part</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Interlab">Interlab</a>
+
                    </li>
+
                </ul>
+
 
</div>
 
</div>
  
 +
<div class="myButton" style="left:13%;">
 +
  <button id="3" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Yali Wu-p')"></button>
 +
  <div id="Txt3" class="Txt">Hello, my name is  Yali Wu.
 +
  </div>
 +
</div>
  
            <div class="btn-group" style="border:none;background-color:transparent;width: 190px;height:45px;position:relative;float:right;top: 60px;left: -48%;">
+
<div class="myButton" style="left:14%;">
                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"style="border:none;background-color:transparent;width:100%;height:45px;">
+
  <button id="4" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Yunge Lou-p')"></button>
                </button>
+
  <div id="Txt4" class="Txt">Hello, my name is  Yunge Lou.
                <ul class="dropdown-menu" style="background:url(https://static.igem.org/mediawiki/2018/4/4a/T--CPU_CHINA--dropdown2.png)">
+
  </div>
                    <li style="margin-top:23px">  </li>
+
</div>
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/HP/Silver">Silver HP</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/HP/Gold_Integrated">Intergrated and Gold HP</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Engagement">Education and Public Engagement</a>
+
                    </li>
+
                </ul>
+
            </div>
+
  
 +
<div class="myButton" style="left:16%;">
 +
  <button id="5" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Huandi Xu-p')"></button>
 +
  <div id="Txt5" class="Txt">Hello, my name is  Huandi Xu.
 +
  </div>
 +
</div>
  
            <div class="btn-group"  style="border:none;background-color:transparent;width: 105px;height:45px;position:relative;float:right;top: 60px;left: -16%;">
 
              <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"style="border:none;background-color:transparent;width:100%;height:45px;"></button>
 
             
 
            </div>
 
  
            <div class="btn-group" style="border:none;background-color:transparent;width: 105px;height:45px;position:relative;float:right;top: 60px;left: 3%;">
+
<div class="myButton" style="left:22%;">
                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="border:none;background-color:transparent;width:100%;height:45px;"></button>
+
  <button id="7" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Kexin Cao-p')"></button>
                <ul class="dropdown-menu" style="background:url(https://static.igem.org/mediawiki/2018/a/a5/T--CPU_CHINA--dropdown3.png)">
+
  <div id="Txt7" class="Txt">Hello, my name is  Shuyao Zhou.
                    <li style="margin-top:23px">  </li>
+
  </div>
                    <li>
+
</div>
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Notebook/Log">Log</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Safety">Safety</a>
+
                    </li>
+
            </div>
+
  
            <div class="btn-group" style="border:none;background-color:transparent;width: 95px;height:45px;position:relative;float:right;top: 60px;left: 20%;">
+
<div class="myButton" style="left:25%;">
                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="border:none;background-color:transparent;width:100%;height:45px;"></button>
+
  <button id="8" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Junqing Zhang-p')"></button>
                <ul class="dropdown-menu" style="background:url(https://static.igem.org/mediawiki/2018/c/c5/T--CPU_CHINA--dropdown4.png)">
+
  <div id="Txt8" class="Txt">Hello, my name is  Kexin Cao.
                    <li style="margin-top:23px">  </li>
+
  </div>
                    <li>
+
</div>
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Team">Team</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Attributions">Attributions</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:CPU_CHINA/Collborations">Collaborations</a>
+
                    </li>
+
            </div>
+
  
 +
<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>
 +
  <div id="Txt9" class="Txt">Hello, my name is  Junqing Zhang.
 +
  </div>
 +
</div>
  
<video id="team-video" style="width:90%;margin-left:5%;position:relative;top:200px;" controls="controls" preload="preload" loop="loop">
+
<div class="myButton" style="left:28%;">
    <source src="https://static.igem.org/mediawiki/2018/c/cf/T--CPU_CHINA--Team_video.mp3" type="video/mp3"/>
+
  <button id="10" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('#Hongyu Wang-p')"></button>
    <source src="https://static.igem.org/mediawiki/2018/f/fa/T--CPU_CHINA--team_video.mp4" type="video/mp4"/>
+
  <div id="Txt10" class="Txt">Hello, my name is  Xingnuo Cheng.
    <source src="https://static.igem.org/mediawiki/2018/4/4c/T--CPU_CHINA--team-video.webm" type="video/webm"/>
+
  </div>
    <source src="https://2018.igem.org/File:T--CPU_CHINA--team-video.ogg" type="video/ogg"/>
+
</div>
    Your browser does not support the video tag.
+
</video>
+
  
<div id="anniu" style="top:150px;">
+
<div class="myButton" style="left:30%;">
      <a href="#photo1">
+
  <button id="11" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
        <img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif">
+
  <div id="Txt11" class="Txt">Hello, my name is  Hongyu Wang.
      </a>
+
  </div>
 
</div>
 
</div>
  
<div id="photo1" style="position:relative;top:150px;margin-left:5%;background:url(https://static.igem.org/mediawiki/2018/6/62/T--CPU_CHINA--team-DSC00344.png);background-repeat:no-repeat;background-size:cover;">
+
<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>
 +
  <div id="Txt12" class="Txt" style="width:500% !important;">Hello, my name is Wanli Zhang.
 +
  </div>
 +
</div>
  
<!-- **************************************照片按钮**************************************-->
+
 
<div class="myButton" style="left:5%;">
+
<!-- ******************************************成员介绍*************************************** -->
   <button id="1" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
<div class="member-block" id="Huandi Xu-p">
   <div id="Txt1" class="Txt">Hello, my name is Yiyang Zhu.
+
   <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>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block">
  <button id="2" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
  <div class="member-photo">
   <div id="Txt2" class="Txt">Hello, my name is Yiyang Zhu.
+
      <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>
  
<div class="myButton" style="float:right;">
+
<div class="member-block">
  <button id="3" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
  <div class="member-photo">
   <div id="Txt3" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img id="Junqing Zhang-p" class="member-img" src="https://static.igem.org/mediawiki/2018/3/30/T--CPU_CHINA--team-Junqing_Zhang.png">
 +
  </div>
 +
  <div class="member-name" id="Junqing Zhang-n">Junqing Zhang</div>
 +
   <div class="member-text" id="Junqing Zhang-t">Hello, iGEMers! I'm Junqing Zhang, a senior student in China Pharmaceutical University, and major in Pharmaceutical Analysis. It's my pleasure to be involved in CPU_CHINIA and the last couple of months were such an enjoyable and meaningful time for me. In our team, I was responsible for the plasmid design. And more, I participated in some graphic design such as team logo and schematic diagram. It is my honor that we can make great progress together. I'm so glad to have this excellent experience working with such a lot of great minds. Last but not least, hope we can achieve what we deserve.
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block">
  <button id="4" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
  <div class="member-photo">
   <div id="Txt4" class="Txt">Hello, my name is Yiyang Zhu.
+
      <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 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>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block">
  <button id="5" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
  <div class="member-photo">
   <div id="Txt5" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img id="Yali Wu-p" class="member-img" src="https://static.igem.org/mediawiki/2018/4/44/T--CPU_CHINA--team-Yali_Wu.jpg">
 +
  </div>
 +
  <div class="member-name" id="Yali Wu-n">Yali Wu</div>
 +
   <div class="member-text" id="Yali Wu-t">Hey guys,what's up!
 +
I am Yali Wu from CPU_CHINA and I am responsible for the modeling part this year. I show great interest in Math and that is why I become an iGEMer in this year's team. That is really a great time to work with so many excellent future-researchers!
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Yiyang Zhu-p">
   <button id="6" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
   <div id="Txt6" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/2/2f/T--CPU_CHINA--team-Yiyang_Zhu.png">
 +
  </div>
 +
  <div class="member-name" id="Yiyang Zhu-n">Yiyang Zhu</div>
 +
   <div class="member-text" id="Yiyang Zhu-t">Hello, iGEMers! I am Yiyang Zhu, and you can also call me Ryan. I help with the wiki-building for our team. I show great interest in coding and I'm good at many programming languages. I hope our team will make great achievements this year and I am very gald to help you if you need.
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
 
   <button id="7" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
<div class="member-block" id="Hongyu Wang-p" >
   <div id="Txt7" class="Txt">Hello, my name is Yiyang Zhu.
+
   <div class="member-photo">
 +
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/6/6d/T--CPU_CHINA--team-Hongyu_Wang.png">
 +
  </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>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Yunge Lou-p">
   <button id="8" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
   <div id="Txt8" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/4/45/T--CPU_CHINA--team-Yunge_Lou.png">
 +
  </div>
 +
  <div class="member-name" id="Yunge Lou-n">Yunge Lou</div>
 +
   <div class="member-text" id="Yunge Lou-t">Hello everyone! I am Yunge Lou, a senior student major in pharmaceutical preparation. It is my great honor to be a member of CPU-CHINA. In our team, I am mainly responsible for modeling and some experiment jobs. Create a micro system using BioBrick and control it fighting cancer is so amazing. I am so glad to work together with my teammates on this project.Looking forward to encounter interesting ideas andpersonsat the jamboree.
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Peng Sun-p">
   <button id="9" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
   <div id="Txt9" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/6/68/T--CPU_CHINA--team-Peng_Sun.png">
 +
  </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 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>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Xingnuo Cheng-p">
   <button id="10" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
   <div id="Txt10" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img  class="member-img" src="https://static.igem.org/mediawiki/2018/c/c4/T--CPU_CHINA--team-Xingnuo_Cheng.jpeg">
 +
  </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>
 
   </div>
 
</div>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Wanli Zhang-p">
   <button id="11" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
   <div id="Txt11" class="Txt">Hello, my name is Yiyang Zhu.
+
      <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>
 
</div>
  
<div class="myButton" style="float:right;">
+
<div class="member-block" id="Ying Miao-p">
   <button id="12" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button>
+
   <div class="member-photo">
  <div id="Txt12" class="Txt">Hello, my name is Yiyang Zhu.
+
      <img class="member-img" src="https://static.igem.org/mediawiki/2018/e/ee/T--CPU_CHINA--hp-self1.png">
 
   </div>
 
   </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>
 +
 +
 +
<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>
 
</div>
  
Line 291: 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("height",$(window).height()*0.8+"px");
 +
 
 +
    var v=document.getElementById("team-video");
 +
    v.loop=false;
 +
    v.play();
 +
    v.addEventListener('ended', function () { 
 +
        $("#team-video").hide();
 +
        $("#team-video-photo").css('height',$(window).height()*0.7+"px");
 +
        $("#team-video-photo").show();
 +
    }, false);
 +
}
  
 
/****************************填充视频********************************/
 
/****************************填充视频********************************/
Line 304: Line 437:
 
   var parent=document.getElementById("mw-content-text");
 
   var parent=document.getElementById("mw-content-text");
 
   var child1=document.getElementById("team-video");
 
   var child1=document.getElementById("team-video");
   var child2=document.getElementById("anniu");
+
   var child2=document.getElementById("anniu1");
 +
  //var child3=document.getElementById("anniu2");
  
 
   parent.appendChild(child1);
 
   parent.appendChild(child1);
 
   parent.appendChild(child2);
 
   parent.appendChild(child2);
 +
  //parent.appendChild(child3);
 
}
 
}
  
Line 350: Line 485:
  
 
}
 
}
 +
 +
/****************************填充成员介绍********************************/
 +
function setMember(){
 +
  var parent=document.getElementById("mw-content-text");
 +
  var zjq=document.getElementById("Junqing Zhang");
 +
  var ckq=document.getElementById("Kexin Cao");
 +
  var zsy=document.getElementById("Shuyao Zhou");
 +
  var wyl=document.getElementById("Yali Wu");
 +
  var zyy=document.getElementById("Yiyang Zhu");
 +
  var cxn=document.getElementById("Xingnuo Cheng");
 +
  var gpy=document.getElementById("Peiyuan Gao");
 +
  var lnn=document.getElementById("Nannan Liu");
 +
  var my=document.getElementById("Ying Miao");
 +
  var zwl=document.getElementById("Wanli Zhang");
 +
 +
 +
  parent.appendChild(zjq);
 +
  parent.appendChild(ckq);
 +
  parent.appendChild(zsy);
 +
  parent.appendChild(wyl);
 +
  parent.appendChild(zyy);
 +
  parent.appendChild(cxn);
 +
  parent.appendChild(gpy);
 +
  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