Team:NEFU China/Team

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
-
<style type="text/css">
+
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
+
-
display: none;
+
-
}
+
-
html,body {
+
-
padding:0;
+
-
height:100%;
+
-
}
+
-
#p1, #p2, #p3, .left {
+
-
height:100%;
+
-
}
+
-
.fixed-nav {
+
-
background:#074386 url(../img/leftbar.png) no-repeat;
+
-
height:100%;
+
-
}
+
-
.left-nav, .nav, .nav-name {
+
-
font-family:"Segoe Script", "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
+
-
}
+
-
.left-nav {
+
-
padding-top:181px;
+
-
margin:auto;
+
-
text-align:center;
+
-
color:#FFF;
+
-
font-size:1.2em;
+
-
}
+
-
.fixed-nav-fixed {
+
-
position:fixed;
+
-
top:0;
+
-
}
+
-
.left-nav a {
+
-
color:#FFF;
+
-
}
+
-
.left-nav-active {
+
-
background-color:rgba(255,255,255,.5);
+
-
}
+
-
.left, .right {
+
-
padding:0;
+
-
margin:0;
+
-
}
+
-
.right {
+
-
margin-top:18px;
+
-
}
+
-
.navbar {
+
-
margin-bottom:0;
+
-
border:none;
+
-
border-radius:0;
+
-
}
+
-
.nav, .navbar {
+
-
background-color:#00BEBF;
+
-
color:#FFF;
+
-
}
+
-
.nav li a {
+
-
color:#FFF;
+
-
}
+
-
.navbar-nav .active a {
+
-
background-color:transparent;
+
-
}
+
-
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus,.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
+
-
color:#FFF;
+
-
background-color:transparent;
+
-
}
+
-
.navbar  ul li {
+
-
float:left;
+
-
padding:0 20px;
+
-
text-align:center;
+
-
height:40px;
+
-
line-height:40px;
+
-
}
+
-
.curBg {
+
-
background:#80DFDF;
+
-
height:5px;
+
-
position:absolute;
+
-
bottom:0;
+
-
width:68px;
+
-
left:0px;
+
-
}
+
-
.instructors {
+
-
margin-top:30px;
+
-
}
+
-
.people-card {
+
-
padding-left:224px;
+
-
height:150px;
+
-
word-wrap:break-word;
+
-
word-spacing:normal;
+
-
position:relative;
+
-
padding-top:19px;
+
-
}
+
-
.nav-name {
+
-
position:absolute;
+
-
top:0;
+
-
left:0;
+
-
width:150px;
+
-
height:150px;
+
-
background:#FFF url(../img/team_flag.png) no-repeat;
+
-
}
+
-
.cat {
+
-
width:150px;
+
-
height:150px;
+
-
display:table-cell;
+
-
vertical-align:middle;
+
-
text-align:center;
+
-
font-size:1.5em;
+
-
color:#FFF;
+
-
}
+
-
.first-people-photo {
+
-
position:absolute;
+
-
top:19px;
+
-
left:150px;
+
-
}
+
-
.biography {
+
-
background-color:#F4F4F4;
+
-
height:112px;
+
-
padding:10px;
+
-
overflow:hidden;
+
-
}
+
-
.people-card-a {
+
-
padding-left:224px;
+
-
word-wrap:break-word;
+
-
word-spacing:normal;
+
-
position:relative;
+
-
padding-top:19px;
+
-
}
+
-
.biography-a {
+
-
background-color:#F4F4F4;
+
-
padding:10px;
+
-
}
+
-
</style>
+
-
<div class="container-fluid" id="p1">
+
-
  <div class="row" id="p2">
+
-
    <div class="col-xs-1"></div>
+
-
    <div class="col-xs-10" id="p3">
+
-
      <div class="left col-xs-2">
+
-
        <div class="fixed-nav">
+
-
          <ul class="list-unstyled left-nav">
+
-
            <li><a href="#introduction">Introduction</a></li>
+
-
            <li><a href="#instructor">Instructors</a></li>
+
-
            <li><a href="#student">Students</a></li>
+
-
            <li><a href="#advisor">Advisors</a></li>
+
-
            <li><a href="https://igem.org/Team.cgi?year=2014">Team Profile</a></li>
+
-
          </ul>
+
-
        </div>
+
-
      </div>
+
-
      <div class="right col-xs-10">
+
-
        <nav class="navbar navbar-default" role="navigation">
+
-
          <div class="container-fluid">
+
-
            <!-- Collect the nav links, forms, and other content for toggling -->
+
-
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
-
              <ul class="nav navbar-nav">
+
-
                <li><a href="#">Home</a></li>
+
-
                <li class="active"><a href="#">Team</a></li>
+
-
                <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
+
-
                  <ul class="dropdown-menu" role="menu">
+
-
                    <li><a href="#">Balabala</a></li>
+
-
                    <li><a href="#">Balabala</a></li>
+
-
                    <li><a href="#">Balabala</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li><a href="#">Balabala</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li><a href="#">Balabala</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
                <li><a href="#">Model</a></li>
+
-
                <li><a href="#">Party</a></li>
+
-
                <li><a href="#">Safety</a></li>
+
-
                <li><a href="#">Human Practice</a></li>
+
-
              </ul>
+
-
            </div>
+
-
            <!-- /.navbar-collapse -->
+
-
          </div>
+
-
          <!-- /.container-fluid -->
+
-
          <div class="curBg"></div>
+
-
          <div class="cls"></div>
+
-
        </nav>
+
-
        <div class="content">
+
-
          <div class="photowall"> <a id="itspy" name="introduction">
+
-
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
-
              <!-- Indicators -->
+
-
              <ol class="carousel-indicators">
+
-
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
-
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
-
              </ol>
+
-
             
+
-
              <!-- Wrapper for slides -->
+
-
              <div class="carousel-inner" role="listbox">
+
-
                <div class="item active"> <img src="img/slider/nivo_slider1.jpg" alt="...">
+
-
                  <div class="carousel-caption"> ... </div>
+
-
                </div>
+
-
                <div class="item"> <img src="img/slider/nivo_slider3.jpg" alt="...">
+
-
                  <div class="carousel-caption"> ... </div>
+
-
                </div>
+
-
              </div>
+
-
             
+
-
              <!-- Controls -->
+
-
              <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div>
+
-
            </a> </div>
+
-
          <div class="members">
+
-
            <div class="col-xs-1"></div>
+
-
            <div class="col-xs-10">
+
-
              <div class="instructors">
+
-
                <div class="people-card">
+
-
                  <div class="nav-name"> <a id="ispy" name="instructor">
+
-
                    <div class="cat">Instructors</div>
+
-
                    </a> </div>
+
-
                  <div class="first-people-photo"> <img src="img/team/dzc.jpg" height="112"><span class="shine"></span></div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="environmental microbiology; azo dye decolorization; protein separation and purification">
+
-
                    <p>Daizong Cui Ph.D.</p>
+
-
                    <p>Lecturer</p>
+
-
                    <p><strong>Research:</strong>environmental microbiology; azo dye decolorization; protein separation and purification</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/yw.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="Light signal transduction in plant, Plant Functional Genomics">
+
-
                    <p>Yu Wang Ph.D. (PI)</p>
+
-
                    <p>Lecturer</p>
+
-
                    <p><strong>Research:</strong>Light signal transduction in plant, Plant Functional Genomics</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/dw.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="Forest ecology; Environmental microbiology">
+
-
                    <p>Di Wu Ph.D.</p>
+
-
                    <p>Lecturer</p>
+
-
                    <p><strong>Research:</strong>Forest ecology; Environmental microbiology</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/ycz.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="Differentiation and Development of Stem cells; Function of microRNAs; Regulation of Gene expression; Regenerative Medicine and Gene therapy">
+
-
                    <p>Yicheng Zhao Ph.D.</p>
+
-
                    <p>Lecturer</p>
+
-
                    <p><strong>Research:</strong>Differentiation and Development of Stem cells; Function of microRNAs; Regulation of Gene expression; Regenerative Medicine and Gene therapy </p>
+
-
                  </div>
+
-
                </div>
+
-
              </div>
+
-
              <div class="students">
+
-
                <div class="people-card">
+
-
                  <div class="nav-name"> <a id="sspy" name="student">
+
-
                    <div class="cat">Students</div>
+
-
                    </a> </div>
+
-
                  <div class="first-people-photo"> <img src="img/team/lt.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="He is the leader of NEFU team for iGEM 2014. He devotes to designing gene CP25 and Flocculation.He manages the communication between advisers and students in and out of the team and other public affairs. He’s also in charge of the laboratory safety management. He always looks at the bright side and encourages his crew.">
+
-
                    <p>Tong Li</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>He is the leader of NEFU team for iGEM 2014. He devotes to designing gene CP25 and Flocculation.He manages the communication between advisers and students in and out of the team and other public affairs. He’s also in charge of the laboratory safety management. He always looks at the bright side and encourages his crew.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/yjl.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members of NEFU team for iGEM 2014. She is responsible for doing the human practice. To be more specific, she helps to formulate the questionnaire and analyzes the data collected by the questionnaire. Moreover, she also participates in other wet lab work.">
+
-
                    <p>Yajin Li</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members of NEFU team for iGEM 2014. She is responsible for doing the human practice. To be more specific, she helps to formulate the questionnaire and analyzes the data collected by the questionnaire. Moreover, she also participates in other wet lab work.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/zl.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members of NEFU team for iGEM 2014. She is in charge of financial affairs and is responsible for the detection of the Cd ions.At the same time,she manages the further development for the iGEM encyclopedia as well as helps maintain the operation of the laboratory.">
+
-
                    <p>Zhi Li</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members of NEFU team for iGEM 2014. She is in charge of financial affairs and is responsible for the detection of the Cd ions.At the same time,she manages the further development for the iGEM encyclopedia as well as helps maintain the operation of the laboratory.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/zql.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members of NEFU team for iGEM 2014. She’s responsible for the construction of the designed plasmids about BCP. As a good technician, She takes the experimental diary and do some technique trainings to make sure the procedure of each respect of the experiment and promote the experimental quality.">
+
-
                    <p>Zhiqi Liu</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members of NEFU team for iGEM 2014. She’s responsible for the construction of the designed plasmids about BCP. As a good technician, She takes the experimental diary and do some technique trainings to make sure the procedure of each respect of the experiment and promote the experimental quality.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/bjl.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members in NEFU team for iGEM 2014. She is an excellent primer designer and takes charge of the sequencing works. Her approval of the primary genes is essential for the subsequent experiments. As a junior student, she has a strong thirst for knowledge and is always hard-working through all the project.">
+
-
                    <p>Baojie Lv</p>
+
-
                    <p>Grade:Junior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members in NEFU team for iGEM 2014. She is an excellent primer designer and takes charge of the sequencing works. Her approval of the primary genes is essential for the subsequent experiments. As a junior student, she has a strong thirst for knowledge and is always hard-working through all the project.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/dhm.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members in NEFU team for iGEM 2014. As a senior, she takes charge of the safety training and the daily maintenance of all equipment in laboratory. She is outstanding in theoretical foundation and contributes to the design of the parallel program.">
+
-
                    <p>Danhui Ma</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members in NEFU team for iGEM 2014. As a senior, she takes charge of the safety training and the daily maintenance of all equipment in laboratory. She is outstanding in theoretical foundation and contributes to the design of the parallel program.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/yws.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members in NEFU team for iGEM 2014. The expression of the interested proteins in each vital step of the project attributes a lot to her dedication. She’s in charge of the SDS-PAGE through all the project. Her steady performance in the wet lab is a great example of others.">
+
-
                    <p>Yuwei Sun</p>
+
-
                    <p>Grade:Junior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members in NEFU team for iGEM 2014. The expression of the interested proteins in each vital step of the project attributes a lot to her dedication. She’s in charge of the SDS-PAGE through all the project. Her steady performance in the wet lab is a great example of others.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/hmw.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="He is one of the members in NEFU team for iGEM 2014. As an efficient practitioner, he is responsible for the standardization and submission of all our unique parts, shifting the parts into pSB1C3 and send them out. He also takes charge of the storage of the strains, plasmids and all needed chemical reagents.">
+
-
                    <p>Heming Wang</p>
+
-
                    <p>Grade:Junior</p>
+
-
                    <p><strong>Attribution:</strong>He is one of the members in NEFU team for iGEM 2014. As an efficient practitioner, he is responsible for the standardization and submission of all our unique parts, shifting the parts into pSB1C3 and send them out. He also takes charge of the storage of the strains, plasmids and all needed chemical reagents.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/ly.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="Wiki design">
+
-
                    <p>Li Yao</p>
+
-
                    <p>Grade:Sophomore</p>
+
-
                    <p><strong>Attribution:</strong>Wiki design</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/hz.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members in NEFU team for iGEM 2014. She takes charge of the construction works of designed plasmids and the experiments related to BRP and contributes to the structure of the project. At the same time, she is responsible for the detection of the Cd ions. She’s a warmest helper and hardest worker in the team.">
+
-
                    <p>He Zhang</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members in NEFU team for iGEM 2014. She takes charge of the construction works of designed plasmids and the experiments related to BRP and contributes to the structure of the project. At the same time, she is responsible for the detection of the Cd ions. She’s a warmest helper and hardest worker in the team.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/wxz.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="He is one of the members of NEFU team for iGEM 2014. As a student of mathematics and applied mathematics, he is responsible for designing our mathematical modeling and a part of data analysis.">
+
-
                    <p>Weixuan Zhao</p>
+
-
                    <p>Grade:Senior</p>
+
-
                    <p><strong>Attribution:</strong>He is one of the members of NEFU team for iGEM 2014. As a student of mathematics and applied mathematics, he is responsible for designing our mathematical modeling and a part of data analysis.</p>
+
-
                  </div>
+
-
                </div>
+
-
                <div class="people-card">
+
-
                  <div class="first-people-photo"> <img src="img/team/xz.jpg" height="112"> </div>
+
-
                  <div class="biography" data-toggle="tooltip" data-placement="left" title="She is one of the members in NEFU team for iGEM 2014. As a junior student, she is a fast learner. She assists YU WEI to complete the expression work of the interested proteins. She also helps to circulate and check the questionnaires.">
+
-
                    <p>Xin Zhao</p>
+
-
                    <p>Grade:Junior</p>
+
-
                    <p><strong>Attribution:</strong>She is one of the members in NEFU team for iGEM 2014. As a junior student, she is a fast learner. She assists YU WEI to complete the expression work of the interested proteins. She also helps to circulate and check the questionnaires.</p>
+
-
                  </div>
+
-
                </div>
+
-
              </div>
+
-
              <div class="instructors">
+
-
                <div class="people-card-a">
+
-
                  <div class="nav-name"> <a id="ispy" name="advisor">
+
-
                    <div class="cat">Advisors</div>
+
-
                    </a> </div>
+
-
                  <div class="first-people-photo">  </div>
+
-
                  <div class="biography-a">
+
-
                    <dl>
+
-
                    <dt>Qian Wang</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Guangchao Sui</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Zukai Liu</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Haoxian Wang</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Yuhua Li</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Haoxian Wang</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Jingying Wang</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Chunbo Teng</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Shengnan Zhu</dt>
+
-
                        <dd>balabala</dd>
+
-
                        <dt>Chen Li</dt>
+
-
                        <dd>balabala</dd>
+
-
                    </dl>
+
-
                  </div>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <div class="col-xs-1"></div>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
    <div class="col-xs-1"></div>
+
-
  </div>
+
-
</div>
+
-
<script>
+
-
$(".biography").tooltip();
+
-
$(document).ready(function(){
+
-
var $liCur = $(".navbar ul li.active");
+
-
curP = $liCur.position().left,
+
-
curW = $liCur.outerWidth(true),
+
-
$slider = $(".curBg"),
+
-
$navBox = $(".nav");
+
-
$targetEle = $(".navbar ul li a"),
+
-
$slider.animate({
+
-
"left":curP,
+
-
"width":curW
+
-
});
+
-
$targetEle.mouseenter(function () {
+
-
var $_parent = $(this).parent(),
+
-
_width = $_parent.outerWidth(true),
+
-
posL = $_parent.position().left;
+
-
$slider.stop(true, true).animate({
+
-
"left":posL,
+
-
"width":_width
+
-
  }, "fast");
+
-
});
+
-
$navBox.mouseleave(function (cur, wid) {
+
-
cur = curP;
+
-
wid = curW;
+
-
$slider.stop(true, true).animate({
+
-
"left":cur,
+
-
"width":wid
+
-
}, "fast");
+
-
});
+
-
$(".left-nav li").click(function(){
+
-
$(this).addClass("left-nav-active").siblings().removeClass("left-nav-active");
+
-
});
+
-
window.onscroll = function (){
+
-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
+
-
var width = $(".left").width();
+
-
      if(top>0){
+
-
$(".fixed-nav").addClass("fixed-nav-fixed").width(width);
+
-
}else{
+
-
$(".fixed-nav").removeClass("fixed-nav-fixed");
+
-
}
+
-
}
+
-
})
+
-
</script>
+

Revision as of 03:31, 14 September 2014

Retrieved from "http://2014.igem.org/Team:NEFU_China/Team"