Team:NEFU China/Team

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<link rel="stylesheet" href="css/bootstrap.css">
+
<style>
-
<link rel="stylesheet" href="css/zmnetworks.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="container-fluid" id="p1">
   <div class="row" id="p2">
   <div class="row" id="p2">
Line 251: Line 376:
   </div>
   </div>
</div>
</div>
-
<script src="js/jquery.min.js"></script>
 
-
<script src="js/bootstrap.js"></script>
 
-
<script src="js/zmnetworks.js"></script>
 
<script>
<script>
$(".biography").tooltip();
$(".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>
</script>

Revision as of 03:29, 14 September 2014

<style>

  1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {

display: none; } html,body { padding:0; height:100%; }

  1. 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>

  • <a href="#introduction">Introduction</a>
  • <a href="#instructor">Instructors</a>
  • <a href="#student">Students</a>
  • <a href="#advisor">Advisors</a>
  • <a href="https://igem.org/Team.cgi?year=2014">Team Profile</a>
       <nav class="navbar navbar-default" role="navigation">
       </nav>
<a id="itspy" name="introduction"> </a>
<img src="img/team/dzc.jpg" height="112">

Daizong Cui Ph.D.

Lecturer

Research:environmental microbiology; azo dye decolorization; protein separation and purification

<img src="img/team/yw.jpg" height="112">

Yu Wang Ph.D. (PI)

Lecturer

Research:Light signal transduction in plant, Plant Functional Genomics

<img src="img/team/dw.jpg" height="112">

Di Wu Ph.D.

Lecturer

Research:Forest ecology; Environmental microbiology

<img src="img/team/ycz.jpg" height="112">

Yicheng Zhao Ph.D.

Lecturer

Research:Differentiation and Development of Stem cells; Function of microRNAs; Regulation of Gene expression; Regenerative Medicine and Gene therapy

<img src="img/team/lt.jpg" height="112">

Tong Li

Grade:Senior

Attribution: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.

<img src="img/team/yjl.jpg" height="112">

Yajin Li

Grade:Senior

Attribution: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.

<img src="img/team/zl.jpg" height="112">

Zhi Li

Grade:Senior

Attribution: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.

<img src="img/team/zql.jpg" height="112">

Zhiqi Liu

Grade:Senior

Attribution: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.

<img src="img/team/bjl.jpg" height="112">

Baojie Lv

Grade:Junior

Attribution: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.

<img src="img/team/dhm.jpg" height="112">

Danhui Ma

Grade:Senior

Attribution: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.

<img src="img/team/yws.jpg" height="112">

Yuwei Sun

Grade:Junior

Attribution: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.

<img src="img/team/hmw.jpg" height="112">

Heming Wang

Grade:Junior

Attribution: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.

<img src="img/team/ly.jpg" height="112">

Li Yao

Grade:Sophomore

Attribution:Wiki design

<img src="img/team/hz.jpg" height="112">

He Zhang

Grade:Senior

Attribution: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.

<img src="img/team/wxz.jpg" height="112">

Weixuan Zhao

Grade:Senior

Attribution: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.

<img src="img/team/xz.jpg" height="112">

Xin Zhao

Grade:Junior

Attribution: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.

                   
Qian Wang</dt>
balabala</dd>
Guangchao Sui</dt>
balabala</dd>
Zukai Liu</dt>
balabala</dd>
Haoxian Wang</dt>
balabala</dd>
Yuhua Li</dt>
balabala</dd>
Haoxian Wang</dt>
balabala</dd>
Jingying Wang</dt>
balabala</dd>
Chunbo Teng</dt>
balabala</dd>
Shengnan Zhu</dt>
balabala</dd>
Chen Li</dt>
balabala</dd>

<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>