Team:NJU NJUT China/team

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
/* hiding the top section*/
+
<title>main</title>
-
body{position:absolute; top:0px; width:100%; height:1380px;}
+
<style type="text/css">
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 22: Line 22:
     overflow:hide;
     overflow:hide;
}
}
-
#footer{height:0px;
+
#footer{
 +
position:absolute;
 +
z-index:-5;
 +
    height:0px;
     border:none;
     border:none;
     width:0px;
     width:0px;
Line 70: Line 73:
     }
     }
/* end of global setting*/
/* end of global setting*/
-
 
+
#cover{
-
/*hide footer*/
+
     width:100%;
-
#footer{height:0px;
+
height:100%;
-
     border:none;
+
position:absolute;
-
    width:0px;
+
top:0px;
-
    margin:0 auto;
+
left:0px;
-
    padding:0 0 0 0;
+
     z-index:-10;
-
    background-color:transparent;
+
-
     overflow:hide;
+
}
}
-
/*end of footer*/
+
#cover img{
-
 
+
width:100%;
-
/*guide*/
+
height:100%;
-
ul#navigation {
+
-
    position: absolute;
+
-
left: 197px;
+
-
    top: 242px;
+
-
    margin: 0px;
+
-
    padding: 0px;
+
-
    right: 10px;
+
-
    list-style: none;
+
-
    z-index:3;
+
-
    width:960px;
+
}
}
-
ul#navigation li {
+
#guide0
-
  width:100px;
+
{
-
    display:inline;
+
position:absolute;
-
    float:left;  
+
width:11%;
 +
height:16%;
 +
left:60%;
 +
top:4.5%;
 +
z-index:10;
}
}
-
ul#navigation li a {
+
#guide1
-
    display: block;
+
{
-
width:100px;
+
position:absolute;
-
    float:left;
+
width:11%;
-
    margin-top: -2px;
+
height:16%;
-
    background-color:#FF0000;
+
left:70%;
-
    background-repeat:no-repeat;
+
top:4.5%;
-
    background-position:50% 10px;
+
z-index:10;
-
    border:1px solid #BDDCEF;
+
-
    -moz-border-radius:0px 0px 10px 10px;
+
-
    -webkit-border-bottom-right-radius: 10px;
+
-
    -webkit-border-bottom-left-radius: 10px;
+
-
    -khtml-border-bottom-right-radius: 10px;
+
-
    -khtml-border-bottom-left-radius: 10px;
+
-
    text-decoration:none;
+
-
    text-align:center;
+
-
    padding-top:80px;
+
-
    opacity: 0.7;
+
-
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
+
}
}
-
ul#navigation li a:hover{
+
#guide2
-
    background-color:#CAE3F2;
+
{
 +
position:absolute;
 +
width:11%;
 +
height:16%;
 +
left:81%;
 +
top:4%;
 +
z-index:10;
}
}
-
ul#navigation li a span{
+
#guide3
-
    letter-spacing:2px;
+
{
-
    font-size:11px;
+
position:absolute;
-
    color:#000000;
+
width:14%;
-
    text-shadow: 0 -1px 1px #fff;    
+
height:16%;
 +
left:80%;
 +
top:19%;
 +
z-index:10;
}
}
-
ul#navigation .home a{
+
#guide4
-
    background-image: url(http://igem.3vfree.us/images/home.png);
+
{
 +
position:absolute;
 +
width:14%;
 +
height:16%;
 +
left:80%;
 +
top:34%;
 +
z-index:10;
}
}
-
ul#navigation .about a      {
+
#guide5
-
    background-image: url(http://igem.3vfree.us/images/team.png);
+
{
 +
position:absolute;
 +
width:13.5%;
 +
height:16%;
 +
left:80%;
 +
top:49%;
 +
z-index:10;
}
}
-
ul#navigation .search a      {
+
#guide6
-
    background-image: url(http://igem.3vfree.us/images/search.png);
+
{
-
}
+
position:absolute;
-
ul#navigation .podcasts a      {
+
width:13.5%;
-
    background-image: url(http://igem.3vfree.us/images/ipod.png);
+
height:16%;
-
}
+
left:80%;
-
ul#navigation .rssfeed a  {
+
top:63.5%;
-
    background-image: url(http://igem.3vfree.us/images/rss.png);
+
-
}
+
-
ul#navigation .photos a    {
+
-
    background-image: url(http://igem.3vfree.us/images/camera.png);
+
-
}
+
-
ul#navigation .contact a    {
+
-
    background-image: url(http://igem.3vfree.us/images/mail.png);
+
-
}
+
-
 
+
-
/*end of guide*/
+
-
 
+
-
 
+
-
/*----*/
+
-
*{
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
body {
+
-
margin: 0;
+
-
padding: 0;
+
-
background:url(http://igem.3vfree.us/images/bg1.jpg) repeat-x top left;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
color: #787878;
+
-
}
+
-
 
+
-
h1, h2, h3 {
+
-
margin: 0;
+
-
padding: 0;
+
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
font-weight: normal;
+
-
color: #181818;
+
-
}
+
-
 
+
-
h1 {
+
-
font-size: 2em;
+
-
}
+
-
 
+
-
h2 {
+
-
font-size: 1.8em;
+
-
font-family:Verdana, Geneva, sans-serif;
+
-
}
+
-
 
+
-
h3 {
+
-
font-size: 1.6em;
+
-
}
+
-
 
+
-
p, ul, ol {
+
-
margin-top: 0;
+
-
line-height: 180%;
+
-
}
+
-
 
+
-
ul, ol {
+
-
}
+
-
 
+
-
a {
+
-
text-decoration: none;
+
-
color: #B94E0E;
+
-
}
+
-
 
+
-
a:hover {
+
-
}
+
-
 
+
-
#wrapper {
+
-
margin: 0 auto;
+
-
padding: 0;
+
-
background:url(http://igem.3vfree.us/images/img05.jpg) repeat-x top left;
+
-
}
+
-
 
+
-
/* Header */
+
-
 
+
-
#header-wrapper {
+
z-index:10;
z-index:10;
}
}
-
 
+
#mycontent{
-
 
+
width:63.9%;;/*63.9%*/
-
#header {
+
height:60.6%;
-
position: absolute;
+
position:absolute;
-
left:197px;
+
top:24.8%;
-
list-style: none;
+
left:13.1%;
-
z-index:10;
+
z-index:5;
-
width: 960px;
+
overflow:scroll;
-
height: 240px;
+
-
margin: 0 auto;
+
-
background:url(http://igem.3vfree.us/images/logo2.jpg) no-repeat left top;
+
-
top: 1px;
+
}
}
-
/* Logo */
+
.teammemberimg { float:left; height:150px; width:105px; margin:5px 50px 5px 30px;}
-
 
+
.teammemberinfo{float:left; width:auto;}
-
#logo {
+
-
float: left;
+
-
height: 240px;
+
-
margin: 0;
+
-
padding: 0px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
#logo h1, #logo p {
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#logo h1 {
+
-
float: left;
+
-
padding-left: 25px;
+
-
letter-spacing: -1px;
+
-
font-size: 2.6em;
+
-
}
+
-
 
+
-
#logo p {
+
-
float: left;
+
-
margin: 0;
+
-
padding: 12px 0 0 10px;
+
-
font: normal 14px Georgia, "Times New Roman", Times, serif;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
#logo a {
+
-
    position: relative;
+
-
    left: 350px;
+
-
border: none;
+
-
background: none;
+
-
text-decoration: none;
+
-
color: #000000;
+
-
}
+
-
 
+
-
 
+
-
/* Search */
+
-
 
+
-
 
+
-
 
+
-
/* Menu */
+
-
 
+
-
 
+
-
/* Page */
+
-
 
+
-
#page {
+
-
    position: absolute;
+
-
top:705px;
+
-
left:194px;
+
-
width: 960px;
+
-
margin: 0 auto;
+
-
padding: 0;
+
-
background:url(https://static.igem.org/mediawiki/igem.org/d/d1/NJU_NJUT_CHINA_img04.jpg) repeat-y left top;
+
-
}
+
-
 
+
-
#page-bgtop {
+
-
}
+
-
 
+
-
#page-bgbtm {
+
-
padding: 30px 20px 0px 20px;
+
-
}
+
-
 
+
-
/* Content */
+
-
 
+
-
#content {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
float: left;
+
-
width: 640px;
+
-
padding: 0;
+
-
}
+
-
 
+
-
.post {
+
-
}
+
-
 
+
-
.post .title {
+
-
height: 38px;
+
-
padding: 12px 0 0 20px;
+
-
letter-spacing: -.5px;
+
-
 
+
-
color: #181818;
+
-
}
+
-
 
+
-
.post .title a {
+
-
color: #181818;
+
-
font-family:Verdana, Geneva, sans-serif;
+
-
border: none;
+
-
}
+
-
 
+
-
.post .meta {
+
-
margin-top: -10px;
+
-
padding-bottom: 5px;
+
-
padding-left: 20px;
+
-
text-align: left;
+
-
}
+
-
 
+
-
.post .meta a {
+
-
}
+
-
 
+
-
.post .entry {
+
-
text-align: justify;
+
-
margin-bottom: 25px;
+
-
padding: 30px 20px 10px 20px;
+
-
}
+
-
 
+
-
.links {
+
-
display: block;
+
-
width: 130px;
+
-
margin: 20px 0px;
+
-
padding: 5px;
+
-
background:#669;
+
-
border-left: 20px solid #666;
+
-
text-align: center;
+
-
text-transform: uppercase;
+
-
font-size: 10px;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/* Sidebar */
+
-
 
+
-
#sidebar {
+
-
position:absolute;
+
-
left:678px;
+
-
top:24px;
+
-
float: right;
+
-
width: 272px;
+
-
padding: 10px 0px 0px 0px;
+
-
color: #787878;
+
-
height: 665px;
+
-
}
+
-
 
+
-
#sidebar ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
 
+
-
#sidebar li {
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#sidebar li ul {
+
-
margin: 0px 15px;
+
-
padding-bottom: 30px;
+
-
}
+
-
 
+
-
#sidebar li li {
+
-
line-height: 35px;
+
-
border-bottom: 1px dashed #D1D1D1;
+
-
padding-left: 15px;
+
-
}
+
-
 
+
-
#sidebar li li span {
+
-
display: block;
+
-
margin-top: -20px;
+
-
padding: 0;
+
-
font-size: 11px;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
#sidebar h2 {
+
-
height: 38px;
+
-
padding: 12px 0 0 15px;
+
-
letter-spacing: -.5px;
+
-
color: #181818;
+
-
}
+
-
 
+
-
#sidebar p {
+
-
margin: 0 0px;
+
-
padding: 0px 20px 20px 20px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#sidebar a {
+
-
border: none;
+
-
color: #B94E0E;
+
-
}
+
-
 
+
-
#sidebar a:hover {
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
/* Calendar */
+
-
 
+
-
#calendar {
+
-
}
+
-
 
+
-
#calendar_wrap {
+
-
padding: 20px;
+
-
}
+
-
 
+
-
#calendar table {
+
-
width: 100%;
+
-
}
+
-
 
+
-
#calendar tbody td {
+
-
text-align: center;
+
-
}
+
-
 
+
-
#calendar #next {
+
-
text-align: right;
+
-
}
+
-
 
+
-
/* Footer */
+
-
 
+
-
#myfooter-wrapper {
+
-
position:absolute;
+
-
bottom:-1286px;
+
-
width: 100%;
+
-
background: #231202;
+
-
left: 193px;
+
-
}
+
-
 
+
-
#myfooter {
+
-
position:absolute;
+
-
width: 960px;
+
-
height: 100px;
+
-
margin: 0 auto;
+
-
padding: 0px 0 15px 0;
+
-
background: url(http://igem.3vfree.us/images/img01.jpg) repeat-x left top;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
left: 0px;
+
-
}
+
-
 
+
-
#myfooter p {
+
-
margin: 0;
+
-
padding-top: 40px;
+
-
line-height: normal;
+
-
font-size: 9px;
+
-
text-transform: uppercase;
+
-
text-align: center;
+
-
color: #D78983;
+
-
}
+
-
 
+
-
#myfooter a {
+
-
color: #FFDBD9;
+
-
}
+
-
 
+
-
 
+
-
/*----*/
+
-
 
+
-
/*--------------------team image-------------------------------*/
+
-
 
+
-
.teammemberimg { float:left; height:150px; width:105px; margin-left:20px;}
+
-
.teammemberinfo{float:left;}
+
.teammemberinfo p{ margin-bottom:-6px;}
.teammemberinfo p{ margin-bottom:-6px;}
-
 
-
/*-------------------------------------------------------------*/
 
</style>
</style>
-
 
+
<script type="text/javascript">
 +
        function nTabs(thisObj, Num) {
 +
            if (thisObj.className == "active") return;
 +
            var tabList = document.getElementById("myTab").getElementsByTagName("li");
 +
            for (i = 0; i < tabList.length; i++) {//点击之后,其他tab变成灰色,内容隐藏,只有点击的tab和内容有属性
 +
                if (i == Num) {
 +
                    thisObj.className = "active";
 +
                    document.getElementById("myTab_Content" + i).style.display = "block";
 +
                } else {
 +
                    tabList[i].className = "normal";
 +
                    document.getElementById("myTab_Content" + i).style.display = "none";
 +
                }
 +
            }
 +
        }
 +
    </script>
 +
    <style type="text/css">
 +
        *
 +
        {
 +
            margin: 0;
 +
            padding: 0;
 +
            list-style: none;
 +
            font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
color: #000000;
 +
        }
 +
p, ul, ol {
 +
margin-top: 0;
 +
line-height: 180%;
 +
}
 +
        .nTab
 +
        {
 +
            width:80%;
 +
            height:auto;
 +
            margin: 20px auto;
 +
            border: 1px solid #333;
 +
        }
 +
        .none
 +
        {
 +
            display: none;
 +
        }
 +
        .nTab .TabTitle li
 +
        {
 +
            float: left;
 +
            cursor: pointer;
 +
            height: 35px;
 +
            line-height: 35px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 124px;
 +
        }
 +
        .nTab .TabTitle li a
 +
        {
 +
            text-decoration: none;
 +
        }
 +
        .nTab .TabTitle .active
 +
        {
 +
            background: black;
 +
            color: #336699;
 +
        }
 +
        .nTab .TabTitle .normal
 +
        {
 +
            color: #CC0099;
 +
        }
 +
        .nTab .TabContent
 +
        {
 +
            clear: both;
 +
            padding: 5px;
 +
            display: block;
 +
            height:auto;
 +
        }
 +
.prod img
 +
{ width:50px;
 +
  height:200px;
 +
}
 +
 +
#cont{
 +
float:left; width:60%;
 +
}
 +
    </style>
 +
<style>
 +
/*---滚动条默认显示样式--*/
 +
::-webkit-scrollbar-thumb{ 
 +
  background-color:#999900; 
 +
  height:50px; 
 +
  outline-offset:-2px; 
 +
  outline:0px solid #fff; 
 +
  -webkit-border-radius:4px; 
 +
  border: 0px solid #fff; 
 +
 +
/*---鼠标点击滚动条显示样式--*/ 
 +
::-webkit-scrollbar-thumb:hover{ 
 +
  background-color:#993300; 
 +
  height:50px; 
 +
  -webkit-border-radius:4px; 
 +
 +
/*---滚动条大小--*/ 
 +
::-webkit-scrollbar{ 
 +
  width:12px; 
 +
  height:8px; 
 +
 +
/*---滚动框背景样式--*/ 
 +
::-webkit-scrollbar-track-piece{ 
 +
  background-color:#CC9900;
 +
  -webkit-border-radius:0; 
 +
}
 +
</style>
</head>
</head>
-
 
<body>
<body>
-
<div id="wrapper">
+
<div id="cover">
-
<div id="header">
+
  <img src="images/team.jpg" />
-
      <div id="logo">
+
  <div id="guide0">
-
+
<a href="../html/index.html" > <img  src="https://static.igem.org/mediawiki/igem.org/2/26/NJU_NJUT_CHINA_Home.jpg" /></a>
-
  </div>
+
</div>
-
</div>
+
<div id="guide1">
-
</div>
+
<a href="team1.html" target="team" ><img  src="https://static.igem.org/mediawiki/igem.org/3/31/NJU_NJUT_CHINA_Teamb.jpg "/></a>
</div>
</div>
-
<!-- end #header -->
+
<div id="guide2">
-
        <ul id="navigation">
+
<a href="../project/project.html" target="team"><img src="https://static.igem.org/mediawiki/igem.org/3/32/NJU_NJUT_CHINA_Project.jpg" border="0"  > </a></div>
-
            <li class="home" style="width: 100px;"><a href="https://2013.igem.org/Team:NJU_NJUT_China"><span>Home</span></a></li>
+
<div id="guide3">
-
            <li class="about" style="width: 115px;"><a href="" style="width:115px;"><span>TEAM</span></a></li>
+
<a href="../project/project.html" target="team" ><img src="https://static.igem.org/mediawiki/igem.org/5/59/NJU_NJUT_CHINA_Model.jpg"/> </a>
-
            <li class="search" style="width: 135px;"><a href="https://2013.igem.org/Team:NJU_NJUT_China/project" style="width:135px;"><span>PROJECT</span></a></li>
+
</div>
-
            <li class="photos" style="width: 150px;"><a href="" style="width:150px;"><span>MODELING</span></a></li>
+
<div id="guide4">
-
            <li class="rssfeed" style="width: 115px;"><a href="" style="width:115px;"><span>DATA</span></a></li>
+
<a href=""><img src="https://static.igem.org/mediawiki/igem.org/8/80/NJU_NJUT_CHINA_Data.jpg"/></a>
-
            <li class="podcasts" style="width: 125px;"><a href=""style="width:125px;"><span>SFATY</span></a></li>
+
</div>
-
            <li class="contact" style="width: 205px;"><a href=""style="width:205px;"><span>HUMANPRACTICE</span></a></li>
+
<div id="guide5">
-
  </ul>
+
<a href=""><img src="https://static.igem.org/mediawiki/igem.org/1/16/NJU_NJUT_CHINA_Safety.jpg"/></a>
-
+
</div>
-
<div style="clear: both;">&nbsp;</div>
+
<div id="guide6">
-
<!-- end #menu -->
+
<a href=""><img src="https://static.igem.org/mediawiki/igem.org/4/44/NJU_NJUT_CHINA_Hump.jp"/></a>
-
<div id="page" style=" position:absolute;top:270px">
+
</div>
-
<div id="page-bgtop">
+
  <div id="mycontent">
-
<div id="page-bgbtm">
+
  <div class="nTab">
-
  <div id="content">
+
        <div class="TabTitle">
-
     
+
            <ul id="myTab">
-
     
+
                <li class="active" onclick="nTabs(this,0);">team production</li>
-
<div class="post">
+
                <li class="normal" onclick="nTabs(this,1);">member</li>
-
  <h2 class="title"><a href="#" >Team Introduction</a></h2>
+
                <li class="normal" onclick="nTabs(this,2);">adviser</li>
-
<p class="meta"></p>
+
            </ul>
-
  <div class="entry">
+
        </div>
-
<img src="https://static.igem.org/mediawiki/igem.org/1/19/NJU_NJUT_CHINA_Team.jpg" width="600px" height="400px" />
+
        <div class="TabContent">
-
<hr />
+
            <div id="myTab_Content0">
 +
<div id="prod">
 +
<div>  
 +
            <img src="images/pic1.jpg" width="647" height="259" style="float:left"  />  
 +
                          <p>&nbsp;</p>
 +
                          <p>&nbsp;</p>
 +
                          <p>&nbsp;</p>
 +
                          <p>Combing the outstanding students from Nanjing University and Nanjing University of Technology, we are trying to make the CRISPR/Cas systems work in the eukaryote cell with the help of the synthetic biology methods. Furthermore, considering the spacers' sequence as the result of evolution, our team is developing a highly-probable algorithm to direct the synthesis and seeking of spacers or proto-spacers.                       </p>
 +
</div>
  </div>
  </div>
-
</div>
+
  </div>
 +
  </div>
 +
            <div id="myTab_Content1" class="none">
 +
<div id="memb">
 +
            <div>  
<div class="post">
<div class="post">
-
  <h2 class="title"><a href="#">Team Members</a> </h2>
+
<div>
-
  <p>&nbsp;</p>
+
  <div><a name="Jin Ruitao"><img src="images/team/jinruitao.jpg"   style="margin:5px 50px 5px 30px;height:150px; width:105px;"/></a></div>
-
  <div>  
+
<div id="cont">
-
 
+
                           <br />
-
    <div><a name="CaoZhe"><img src="https://static.igem.org/mediawiki/2013/c/c5/Caozhe.jpg
+
  <p>Ruitao Jin, I am the leader of our team. As a junior studying biophysics at Nanjing University, I have learned life sciences for two years. I undertake the task for making the team come into existence and I am the major participator in envisaging the blueprint for our experiments, revising the protocols and conducting the experiments. When I am not in the lab, I always enjoy myself by learning physics.</p>
-
" class="teammemberimg"/> </a></div>
+
  </div>
-
<div class="teammemberinfo">
+
              </div>
-
                           <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: Cao Zhe   </p>
+
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;University: Nanjing University</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Major: Life Sciences</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hobby: basketball, movie and music</p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Research interest: cellular signal transduction</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Role: Major coodinator and participant of the experiment, research, financing and</p> <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;presentation.</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Remark: For the essence of discovery.</p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
-
+
-
  <p>&nbsp;</p>
+
-
</div>
+
-
              </div>
+
                 <div style="clear: both;"></div>
                 <div style="clear: both;"></div>
                 <br />
                 <br />
                 <hr />
                 <hr />
-
    </div>
+
</div>
 +
              <div class="post">
 +
              <br />
 +
    <div><a name="CaoZhe"><img src="https://static.igem.org/mediawiki/igem.org/3/3f/NJU_Caozhe.jpg" class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/> </a></div>
 +
<div  id="cont">
 +
                          <p>Cao Zhe, I’m a junior from Nanjing University majoring in Life Sciences. Like most guys in 20s, I’m a big fan of sports, movie and computer games. Also like most guys around at the similar age, I’m still perplexed about my future plan. To be rough, I’m fancy with the basic cellular signal and transduction, which related closely to the synthetic biology. In our team, my job is to coordinate the experiment, research, financing and presentation affairs. Considering the purpose when taking part in this contest, always, the essence of discovery gives us the priority. We might pursue after different directions after all of this, but the 10-month journey for the iGEM can always be inspiring and referential when starting our long or short, but always tough research career.</p>
 +
</div>
 +
            </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
    </div>
         <br />
         <br />
-
+
<div class="post">
-
                <div class="post">
+
<div>
<div>
-
  <div><a name="LeiLin"><img src="https://static.igem.org/mediawiki/2013/b/b8/Leilin.jpg"  class="teammemberimg"/></a></div>
+
  <div><a name="LeiLin"><img src="https://static.igem.org/mediawiki/igem.org/d/d1/NJU_Leilin.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/></a></div>
-
<div class="teammemberinfo">
+
<div id="cont">
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: Lei Lin </p>
+
<br />
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;University: Nanjing University</p>
+
  <p>This is Lin Lei, a junior from Nanjing University majoring in Life Sciences. He is interested in electrochemistry and biomedical engineering research. Impressed by the mechanism of CRISPER system, he decided to join the team.  Outside the lab, he is a heavy soccer fan. During the program, he found systems biology became part of his motivation to continue pursuing his Ph.D degree.;</p>
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Major: Life Sciences </p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Description:I am interested in electrochemistry and biomedical engineering research. </p>
+
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Impressed by the mechanism of CRISPER system, he decided to join the team.  Outside </p>
+
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the lab, he is a heavy soccer fan. During the program, he found systems biology became </p>
+
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;part of his motivation to continue pursuing his Ph.D degree. </p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
-
  <p>&nbsp;</p>
+
</div>
</div>
                   </div>
                   </div>
Line 571: Line 352:
                 <br />
                 <br />
                 <hr />
                 <hr />
-
  </div>
+
              </div>
-
             
+
               <br />
               <br />
    
    
               <div class="post">
               <div class="post">
<div>
<div>
-
  <div><a name="MinXi"><img src="https://static.igem.org/mediawiki/2013/9/99/Minxi.jpg"  class="teammemberimg"/>            </a></div>
+
  <div><a name="MinXi"><img src="https://static.igem.org/mediawiki/igem.org/5/5f/NJU_Minxi.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
-
<div class="teammemberinfo">
+
<div id="cont">
                           <br />
                           <br />
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: Min Xi </p>
+
  <p>Min Xi, 20 year-old student in Department of Laws, Nanjing University. He enjoy reading, badminton in my daily life and he’s fascinated in the world of biochemistry and synthetic biology. He play a role of major designer and coordinator of the scheme, experiment and presentation during this project.</p>
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;University: Nanjing University</p>
+
  </div>
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Major: Life Sciences </p>
+
                </div>
-
  <p>&nbsp;</p>
+
                <div style="clear: both;"></div>
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hobby:Reading&nbsp;&nbsp;Biochemistry&nbsp;&nbsp;Badminton </p>
+
                <br />
-
                           <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Role: Major designer and coordinator of the scheme,experiment and presentation. </p>
+
                <hr />
-
  <p>&nbsp;</p>
+
  </div>
-
  <p>&nbsp;</p>
+
             
-
  <p>&nbsp;</p>
+
              <br />
 +
  <div class="post">
 +
<div>
 +
  <div><a name="Li Tian"><img src="images/team/litian.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>I am Tian Li, a third year student,who comes from Nanjing University. I study life science in university. I like comic and reading. iGEM is the best competition that I have ever participated in. It made me fully aware the hardships and charm of science. And I made lots of friend during the experiment.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="He Sitong"><img src="images/team/hesitong.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>I’m Sitong He, a 21 years old girl from Nanjing University. I’m majoring Life Science. My interests are electrophoresis, Er Hu(a traditional Chinese instrument) and landscape ecological planning. In our IGEM team, I am in charge of conducting the experiment and controlling the outflow of funds. Moreover, I do some work for broadcasting and for our website.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Luan Xiali"><img src="images/team/luanxiali.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>I'm Xiali Luan, a sophomore student majoring in Life Sciences, studying in Nanjing University now. I like my major and I also like geographical science. Except doing scientific research, I also like doing some hand-working and sports like basketball. My job in the team is helping doing some experiments and conducting public diplomacy programs.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="He Yunyun"><img src="images/team/heyunyun.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>Yunyun He, I am a year 3 undergraduate in school of life sciences, NJU. To be honest, I had few lab experiences before this project. However, as a initial member of out team, I forced myself to swallow bunches of new knowledge, new information and new technology throughout the past few months. As the superintendent for a time, I learnt how to arrange our lab time to ensure efficiency and how to design detailed experiment to test an idea or to find out why it didn’t work. All of these experiences will be of great help in my study life later. I like basketball, and I also would like to work out in the gym. Besides, I am a super fun of cycling. I would like to enjoy my leisure time in a healthy way.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Meng Ning"><img src="images/team/mengning.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                           <br />
 +
  <p>I'm Ning Meng, 20 years old, a junior student of Nanjing University, majoring Life Science. This is my first time to participate in iGEM, even my first to take part in a whole, complex experiment. I’m glad to conduct the experiment with other team members and reach some achievement at last. As I am interest in Photoshop, photography and video editing, I also take responsibility of designing website, logo and video.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Tangjie"><img src="https://static.igem.org/mediawiki/igem.org/6/65/NJU_Tangjie.png"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>My name is Jie Tang, a junior at Nanjing University studying life science. I am really interested in biochemistry and molecular biology. Besides, I love basketball, movies and computer games in my leisure time. I mainly help with experiments and collecting information. This is my first year participating in the iGEM competition.</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Fengchi"><img src="images/team/fengchi.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>His name is Chi Feng.He is a fourth grade student of Nanjing university of technology, majoring in biological engineering. He once said “I'll take my attempts in event-related designs of experiment, and presentation, also promotion, in the next round. I'm glad to coorperate with my teammates, in the hope of a great teamwork in IGEM ”</p>
 +
  </div>
 +
                </div>
 +
                <div style="clear: both;"></div>
 +
                <br />
 +
                <hr />
 +
  </div>
 +
             
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Ni Jialiang"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/NJUT_Nijialiang.JPG"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>            </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>My name is Jialiang Ni.I'm a junior coming from Nanjing University of Technology. And I  major in information and computing science.Data mining is my merit  and I am quite familiar with C++ and java Language.My chief  responsibility is  to design and update the wiki of our team.</p>
  </div>
  </div>
                 </div>
                 </div>
Line 600: Line 477:
               <div class="post">
               <div class="post">
<div>
<div>
-
  <div>  <a name="TangJie"><img src="
+
  <div>  <a name="Chengkun Li"><img src="images/team/lichengkun.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/></a></div>
-
https://static.igem.org/mediawiki/2013/5/51/Tangjie.png"  class="teammemberimg"/></a></div>
+
<div id="cont">
-
<div class="teammemberinfo">
+
                           <br />
                           <br />
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: Tang Jie </p>
+
  <p>My name is Chengkun Li.I'm a junior coming from Nanjing University of Technology. And I major in information and computing science. Mathematical modeling is my merit and all kinds of computer programs are my favorite. I pay most of my attention to design and update the wiki of our team. Advertising our project is my main job.</p>
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;University: Nanjing University</p>
+
  </div>
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Major: Life Sciences </p>
+
                </div>
-
  <p>&nbsp;</p>
+
                <div style="clear: both;"></div>
-
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hobby:basketball &nbsp;&nbsp;movies &nbsp;&nbsp;Badminton </p>
+
</div>
-
                          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Role: I mainly help with experiments and collecting information.  </p>
+
</div>
-
  <p>&nbsp;</p>
+
</div>
-
  <p>&nbsp;</p>
+
</div>
-
  <p>&nbsp;</p>
+
            <div id="myTab_Content2" class="none" style="width:80%">
 +
<div style="position:relative; left:12%; border: 1px solid #333;">
 +
              <br /><div class="post">
 +
<div>
 +
  <div><a name="Ou"><img src="https://static.igem.org/mediawiki/igem.org/a/a6/NJUT_Ouyang.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>           </a></div>
 +
<div  id="cont">
 +
                          <br />
 +
  <p>Pingkai Oyang, he is the president of Nanjing University of Technology and he is an Academician of the Chinese Academy of Engineering.</p>
  </div>
  </div>
                 </div>
                 </div>
Line 619: Line 502:
                 <hr />
                 <hr />
  </div>
  </div>
-
+
             
-
  </div>
+
              <br />              <br /><div class="post">
-
</div>
+
<div>
-
+
  <div><a name="Yang"><img src="https://static.igem.org/mediawiki/igem.org/1/1f/NJU_Yangyonghua.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>           </a></div>
-
<div style="clear: both;">&nbsp;</div>
+
<div id="cont">
-
  </div>
+
                          <br />
-
<!-- end #content -->
+
  <p>Yonghua Yang, he is a professor of the Department of Biological Science, Nanjing University. His main research interests are Plant Stress Physiology and Biotechnology in Agriculture Plant-Microbe Interaction, Diversity and Molecular Ecology and Biochemistry and Biotechnology of Natural Products.</p>
-
<div id="sidebar">
+
  </div>
-
<ul>
+
                </div>
-
<li>
+
                <div style="clear: both;"></div>
-
<h2>Team Information</h2>
+
                <br />
-
<p><strong></strong>Combing the outstanding students from Nanjing University with the excellent students from Nanjing University of Technology, we are going to make the CRISPR/Cas systems work in the yeast cell with the help of the synthetic biology methods and show what we got in our wiki. That is why our team has anothor name-Bioally_Nanjing- except for NJU_NJUT_China.  
+
                <hr />
-
</p>
+
  </div>
-
  </li>
+
             
-
<li> </li>
+
              <br /><br />
-
<li>
+
              <div class="post">
-
<h2>Team Member</h2>
+
              <div><a name="Chengyilu"><img src="https://static.igem.org/mediawiki/igem.org/1/18/NJUT_Chenyilu.jpg"  class="teammemberimg" style="margin:5px 50px 5px 30px;height:150px; width:105px;"/>           </a></div>
-
<ul>
+
<div>
-
<li><a href="#CaoZhe">Cao Zhe</a></li>
+
-
<li><a href="#MinXi">Min Xi</a></li>
+
<div  id="cont">
-
<li><a href="#LeiLin">Lei Lin</a></li>
+
                          <br />
-
<li><a href="#TangJie">Tang Jie</a></li>
+
  <p>Yilu Chen, Professor, College of Biological and Pharmaceutical Engineering, Nanjing University of Technology.  Yilu Chen graduated with B.Eng in bioengineering at Nanjing University of Technology in 2004 and pursued M.Phil and Ph.D in epidemiology and biostatistics at University of Cambridge from 2004 to 2009. She worked as a lecturer in medical statistics/epidemiology at University of Nottingham from 2009 to 2010 and has been working in the field of bioengineering and biostatistics at Nanjing University of Technology since 2010. Yilu Chen is an advisor in this iGEM team.</p>
-
<li><a href="#JinRuiTao">Jin Rui Tao</a></li>
+
  </div>
-
<li><a href="#CaoZhe">Cao Zhe</a></li>
+
                </div>
-
</ul>
+
                <div style="clear: both;"></div>
-
</li>
+
                <br />
-
</ul>
+
                <hr />
 +
  </div>
 +
             
 +
              <br />
 +
</div>
 +
              </div>
     </div>
     </div>
-
<!-- end #sidebar -->
 
-
  <div style="clear: both;"></div>
 
-
    <div id="myfooter">
 
-
<p><a href="#">NJU_NJUT_CHINA</a>.</p>
 
-
  </div>
 
-
<!-- end #footer -->
 
</div>
</div>
-
</div>
 
-
</div>
 
-
</div>
 
-
<!-- end #page -->
 
-
</div>
 
-
 
-
 
-
 
-
<!-- The JavaScript -->
 
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 
-
        <script type="text/javascript">
 
-
(function($) {
 
-
$.fn.parallaxSlider = function(options) {
 
-
var opts = $.extend({}, $.fn.parallaxSlider.defaults, options);
 
-
return this.each(function() {
 
-
var $pxs_container = $(this),
 
-
o = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;
 
-
 
-
//the main slider
 
-
var $pxs_slider = $('.pxs_slider',$pxs_container),
 
-
//the elements in the slider
 
-
$elems = $pxs_slider.children(),
 
-
//total number of elements
 
-
total_elems = $elems.length,
 
-
//the navigation buttons
 
-
$pxs_next = $('.pxs_next',$pxs_container),
 
-
$pxs_prev = $('.pxs_prev',$pxs_container),
 
-
//the bg images
 
-
$pxs_bg1 = $('.pxs_bg1',$pxs_container),
 
-
$pxs_bg2 = $('.pxs_bg2',$pxs_container),
 
-
$pxs_bg3 = $('.pxs_bg3',$pxs_container),
 
-
//current image
 
-
current = 0,
 
-
//the thumbs container
 
-
$pxs_thumbnails = $('.pxs_thumbnails',$pxs_container),
 
-
//the thumbs
 
-
$thumbs = $pxs_thumbnails.children(),
 
-
//the interval for the autoplay mode
 
-
slideshow,
 
-
//the loading image
 
-
$pxs_loading = $('.pxs_loading',$pxs_container),
 
-
$pxs_slider_wrapper = $('.pxs_slider_wrapper',$pxs_container);
 
-
 
-
//first preload all the images
 
-
var loaded = 0,
 
-
$images = $pxs_slider_wrapper.find('img');
 
-
 
-
$images.each(function(){
 
-
var $img = $(this);
 
-
$('<img/>').load(function(){
 
-
++loaded;
 
-
if(loaded == total_elems*2){
 
-
$pxs_loading.hide();
 
-
$pxs_slider_wrapper.show();
 
-
 
-
//one images width (assuming all images have the same sizes)
 
-
var one_image_w = $pxs_slider.find('img:first').width();
 
-
 
-
/*
 
-
need to set width of the slider,
 
-
of each one of its elements, and of the
 
-
navigation buttons
 
-
*/
 
-
setWidths($pxs_slider,
 
-
$elems,
 
-
total_elems,
 
-
$pxs_bg1,
 
-
$pxs_bg2,
 
-
$pxs_bg3,
 
-
one_image_w,
 
-
$pxs_next,
 
-
$pxs_prev);
 
-
 
-
/*
 
-
set the width of the thumbs
 
-
and spread them evenly
 
-
*/
 
-
$pxs_thumbnails.css({
 
-
'width' : one_image_w + 'px',
 
-
'margin-left' : -one_image_w/2 + 'px'
 
-
});
 
-
var spaces = one_image_w/(total_elems+1);
 
-
$thumbs.each(function(i){
 
-
var $this = $(this);
 
-
var left = spaces*(i+1) - $this.width()/2;
 
-
$this.css('left',left+'px');
 
-
 
-
if(o.thumbRotation){
 
-
var angle = Math.floor(Math.random()*41)-20;
 
-
$this.css({
 
-
'-moz-transform' : 'rotate('+ angle +'deg)',
 
-
'-webkit-transform' : 'rotate('+ angle +'deg)',
 
-
'transform' : 'rotate('+ angle +'deg)'
 
-
});
 
-
}
 
-
//hovering the thumbs animates them up and down
 
-
$this.bind('mouseenter',function(){
 
-
$(this).stop().animate({top:'-10px'},100);
 
-
}).bind('mouseleave',function(){
 
-
$(this).stop().animate({top:'0px'},100);
 
-
});
 
-
});
 
-
 
-
//make the first thumb be selected
 
-
highlight($thumbs.eq(0));
 
-
 
-
//slide when clicking the navigation buttons
 
-
$pxs_next.bind('click',function(){
 
-
++current;
 
-
if(current >= total_elems)
 
-
if(o.circular)
 
-
current = 0;
 
-
else{
 
-
--current;
 
-
return false;
 
-
}
 
-
highlight($thumbs.eq(current));
 
-
slide(current,
 
-
$pxs_slider,
 
-
$pxs_bg3,
 
-
$pxs_bg2,
 
-
$pxs_bg1,
 
-
o.speed,
 
-
o.easing,
 
-
o.easingBg);
 
-
});
 
-
$pxs_prev.bind('click',function(){
 
-
--current;
 
-
if(current < 0)
 
-
if(o.circular)
 
-
current = total_elems - 1;
 
-
else{
 
-
++current;
 
-
return false;
 
-
}
 
-
highlight($thumbs.eq(current));
 
-
slide(current,
 
-
$pxs_slider,
 
-
$pxs_bg3,
 
-
$pxs_bg2,
 
-
$pxs_bg1,
 
-
o.speed,
 
-
o.easing,
 
-
o.easingBg);
 
-
});
 
-
 
-
/*
 
-
clicking a thumb will slide to the respective image
 
-
*/
 
-
$thumbs.bind('click',function(){
 
-
var $thumb = $(this);
 
-
highlight($thumb);
 
-
//if autoplay interrupt when user clicks
 
-
if(o.auto)
 
-
clearInterval(slideshow);
 
-
current = $thumb.index();
 
-
slide(current,
 
-
$pxs_slider,
 
-
$pxs_bg3,
 
-
$pxs_bg2,
 
-
$pxs_bg1,
 
-
o.speed,
 
-
o.easing,
 
-
o.easingBg);
 
-
});
 
-
 
-
 
-
 
-
/*
 
-
activate the autoplay mode if
 
-
that option was specified
 
-
*/
 
-
if(o.auto != 0){
 
-
o.circular = true;
 
-
slideshow = setInterval(function(){
 
-
$pxs_next.trigger('click');
 
-
},o.auto);
 
-
}
 
-
 
-
/*
 
-
when resizing the window,
 
-
we need to recalculate the widths of the
 
-
slider elements, based on the new windows width.
 
-
we need to slide again to the current one,
 
-
since the left of the slider is no longer correct
 
-
*/
 
-
$(window).resize(function(){
 
-
w_w = $(window).width();
 
-
setWidths($pxs_slider,$elems,total_elems,$pxs_bg1,$pxs_bg2,$pxs_bg3,one_image_w,$pxs_next,$pxs_prev);
 
-
slide(current,
 
-
$pxs_slider,
 
-
$pxs_bg3,
 
-
$pxs_bg2,
 
-
$pxs_bg1,
 
-
1,
 
-
o.easing,
 
-
o.easingBg);
 
-
});
 
-
 
-
}
 
-
}).error(function(){
 
-
alert('here')
 
-
}).attr('src',$img.attr('src'));
 
-
});
 
-
 
-
 
-
 
-
});
 
-
};
 
-
 
-
//the current windows width
 
-
var w_w = $(window).width();
 
-
 
-
var slide = function(current,
 
-
$pxs_slider,
 
-
$pxs_bg3,
 
-
$pxs_bg2,
 
-
$pxs_bg1,
 
-
speed,
 
-
easing,
 
-
easingBg){
 
-
var slide_to = parseInt(-w_w * current);
 
-
$pxs_slider.stop().animate({
 
-
left : slide_to + 'px'
 
-
},speed, easing);
 
-
$pxs_bg3.stop().animate({
 
-
left : slide_to/2 + 'px'
 
-
},speed, easingBg);
 
-
$pxs_bg2.stop().animate({
 
-
left : slide_to/4 + 'px'
 
-
},speed, easingBg);
 
-
$pxs_bg1.stop().animate({
 
-
left : slide_to/8 + 'px'
 
-
},speed, easingBg);
 
-
}
 
-
 
-
var highlight = function($elem){
 
-
$elem.siblings().removeClass('selected');
 
-
$elem.addClass('selected');
 
-
}
 
-
 
-
var setWidths = function($pxs_slider,
 
-
$elems,
 
-
total_elems,
 
-
$pxs_bg1,
 
-
$pxs_bg2,
 
-
$pxs_bg3,
 
-
one_image_w,
 
-
$pxs_next,
 
-
$pxs_prev){
 
-
/*
 
-
the width of the slider is the windows width
 
-
times the total number of elements in the slider
 
-
*/
 
-
var pxs_slider_w = w_w * total_elems;
 
-
$pxs_slider.width(pxs_slider_w + 'px');
 
-
//each element will have a width = windows width
 
-
$elems.width(w_w + 'px');
 
-
/*
 
-
we also set the width of each bg image div.
 
-
The value is the same calculated for the pxs_slider
 
-
*/
 
-
$pxs_bg1.width(pxs_slider_w + 'px');
 
-
$pxs_bg2.width(pxs_slider_w + 'px');
 
-
$pxs_bg3.width(pxs_slider_w + 'px');
 
-
 
-
/*
 
-
both the right and left of the
 
-
navigation next and previous buttons will be:
 
-
windowWidth/2 - imgWidth/2 + some margin (not to touch the image borders)
 
-
*/
 
-
var position_nav = w_w/2 - one_image_w/2 + 3;
 
-
$pxs_next.css('right', position_nav + 'px');
 
-
$pxs_prev.css('left', position_nav + 'px');
 
-
}
 
-
 
-
$.fn.parallaxSlider.defaults = {
 
-
auto : 0, //how many seconds to periodically slide the content.
 
-
//If set to 0 then autoplay is turned off.
 
-
speed : 1000,//speed of each slide animation
 
-
easing : 'jswing',//easing effect for the slide animation
 
-
easingBg : 'jswing',//easing effect for the background animation
 
-
circular : true,//circular slider
 
-
thumbRotation : true//the thumbs will be randomly rotated
 
-
};
 
-
//easeInOutExpo,easeInBack
 
-
})(jQuery);
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
$(function() {
 
-
var $pxs_container = $('#pxs_container');
 
-
$pxs_container.parallaxSlider();
 
-
});
 
-
        </script>
 
-
<script type="text/javascript">
 
-
            $(function() {
 
-
                var d=300;
 
-
                $('#navigation a').each(function(){
 
-
                    $(this).stop().animate({
 
-
                        'marginTop':'-80px'
 
-
                    },d+=150);
 
-
                });
 
-
 
-
                $('#navigation > li').hover(
 
-
                function () {
 
-
                    $('a',$(this)).stop().animate({
 
-
                        'marginTop':'-2px'
 
-
                    },200);
 
-
                },
 
-
                function () {
 
-
                    $('a',$(this)).stop().animate({
 
-
                        'marginTop':'-80px'
 
-
                    },200);
 
-
                }
 
-
            );
 
-
            });
 
-
 
-
 
-
 
-
 
-
function $aa(obj)
 
-
{
 
-
if(obj.className == "aa")
 
-
{
 
-
obj.className = "bb";
 
-
}
 
-
else
 
-
obj.className = "aa";
 
-
}
 
-
function unfold(element){
 
-
var temp=document.getElementById(element);
 
-
$aa(temp);
 
-
}
 
-
        </script>
 
</body>
</body>
-
 
</html>
</html>

Revision as of 11:20, 27 September 2013

main

  • team production
  • member
  • adviser

 

 

 

Combing the outstanding students from Nanjing University and Nanjing University of Technology, we are trying to make the CRISPR/Cas systems work in the eukaryote cell with the help of the synthetic biology methods. Furthermore, considering the spacers' sequence as the result of evolution, our team is developing a highly-probable algorithm to direct the synthesis and seeking of spacers or proto-spacers.


Ruitao Jin, I am the leader of our team. As a junior studying biophysics at Nanjing University, I have learned life sciences for two years. I undertake the task for making the team come into existence and I am the major participator in envisaging the blueprint for our experiments, revising the protocols and conducting the experiments. When I am not in the lab, I always enjoy myself by learning physics.




Cao Zhe, I’m a junior from Nanjing University majoring in Life Sciences. Like most guys in 20s, I’m a big fan of sports, movie and computer games. Also like most guys around at the similar age, I’m still perplexed about my future plan. To be rough, I’m fancy with the basic cellular signal and transduction, which related closely to the synthetic biology. In our team, my job is to coordinate the experiment, research, financing and presentation affairs. Considering the purpose when taking part in this contest, always, the essence of discovery gives us the priority. We might pursue after different directions after all of this, but the 10-month journey for the iGEM can always be inspiring and referential when starting our long or short, but always tough research career.





This is Lin Lei, a junior from Nanjing University majoring in Life Sciences. He is interested in electrochemistry and biomedical engineering research. Impressed by the mechanism of CRISPER system, he decided to join the team. Outside the lab, he is a heavy soccer fan. During the program, he found systems biology became part of his motivation to continue pursuing his Ph.D degree.;





Min Xi, 20 year-old student in Department of Laws, Nanjing University. He enjoy reading, badminton in my daily life and he’s fascinated in the world of biochemistry and synthetic biology. He play a role of major designer and coordinator of the scheme, experiment and presentation during this project.





I am Tian Li, a third year student,who comes from Nanjing University. I study life science in university. I like comic and reading. iGEM is the best competition that I have ever participated in. It made me fully aware the hardships and charm of science. And I made lots of friend during the experiment.





I’m Sitong He, a 21 years old girl from Nanjing University. I’m majoring Life Science. My interests are electrophoresis, Er Hu(a traditional Chinese instrument) and landscape ecological planning. In our IGEM team, I am in charge of conducting the experiment and controlling the outflow of funds. Moreover, I do some work for broadcasting and for our website.





I'm Xiali Luan, a sophomore student majoring in Life Sciences, studying in Nanjing University now. I like my major and I also like geographical science. Except doing scientific research, I also like doing some hand-working and sports like basketball. My job in the team is helping doing some experiments and conducting public diplomacy programs.





Yunyun He, I am a year 3 undergraduate in school of life sciences, NJU. To be honest, I had few lab experiences before this project. However, as a initial member of out team, I forced myself to swallow bunches of new knowledge, new information and new technology throughout the past few months. As the superintendent for a time, I learnt how to arrange our lab time to ensure efficiency and how to design detailed experiment to test an idea or to find out why it didn’t work. All of these experiences will be of great help in my study life later. I like basketball, and I also would like to work out in the gym. Besides, I am a super fun of cycling. I would like to enjoy my leisure time in a healthy way.





I'm Ning Meng, 20 years old, a junior student of Nanjing University, majoring Life Science. This is my first time to participate in iGEM, even my first to take part in a whole, complex experiment. I’m glad to conduct the experiment with other team members and reach some achievement at last. As I am interest in Photoshop, photography and video editing, I also take responsibility of designing website, logo and video.





My name is Jie Tang, a junior at Nanjing University studying life science. I am really interested in biochemistry and molecular biology. Besides, I love basketball, movies and computer games in my leisure time. I mainly help with experiments and collecting information. This is my first year participating in the iGEM competition.





His name is Chi Feng.He is a fourth grade student of Nanjing university of technology, majoring in biological engineering. He once said “I'll take my attempts in event-related designs of experiment, and presentation, also promotion, in the next round. I'm glad to coorperate with my teammates, in the hope of a great teamwork in IGEM ”





My name is Jialiang Ni.I'm a junior coming from Nanjing University of Technology. And I major in information and computing science.Data mining is my merit and I am quite familiar with C++ and java Language.My chief responsibility is to design and update the wiki of our team.





My name is Chengkun Li.I'm a junior coming from Nanjing University of Technology. And I major in information and computing science. Mathematical modeling is my merit and all kinds of computer programs are my favorite. I pay most of my attention to design and update the wiki of our team. Advertising our project is my main job.



Pingkai Oyang, he is the president of Nanjing University of Technology and he is an Academician of the Chinese Academy of Engineering.






Yonghua Yang, he is a professor of the Department of Biological Science, Nanjing University. His main research interests are Plant Stress Physiology and Biotechnology in Agriculture Plant-Microbe Interaction, Diversity and Molecular Ecology and Biochemistry and Biotechnology of Natural Products.






Yilu Chen, Professor, College of Biological and Pharmaceutical Engineering, Nanjing University of Technology. Yilu Chen graduated with B.Eng in bioengineering at Nanjing University of Technology in 2004 and pursued M.Phil and Ph.D in epidemiology and biostatistics at University of Cambridge from 2004 to 2009. She worked as a lecturer in medical statistics/epidemiology at University of Nottingham from 2009 to 2010 and has been working in the field of bioengineering and biostatistics at Nanjing University of Technology since 2010. Yilu Chen is an advisor in this iGEM team.