Team:SJTU-Software/Team

From 2014.igem.org

(Difference between revisions)
 
(388 intermediate revisions not shown)
Line 5: Line 5:
<!--main content -->
<!--main content -->
-
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
 
-
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
 
-
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">
 
-
<table width="70%" align="center">
 
-
<!-- welcomebox的一句话///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
<p>
-
<!--welcome box -->
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
-
<tr>
+
<style type="text/css">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h3 >阿根廷必胜</h3>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:SJTU-Software/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
 
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
.container {
-
<!--navigation menu -->
+
    height: 5px;
-
<td align="center" colspan="3">
+
    margin: 1.6% auto 0 14.5%;
 +
    width: 71%;
 +
    align: center;
 +
}
 +
#nav,#nav ul {
 +
    list-style: none outside none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#nav {
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c7/Sjtu_software_menu_bg2.png')no-repeat scroll 0 0 transparent ;
 +
    clear: both;
 +
    font-size: 16px;
 +
    height: 58px;
 +
    padding: 0 0 0 0px;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
#nav ul {
 +
    background-color: #222;
 +
    border:1px solid #222;
 +
    border-radius: 0 5px 5px 5px;
 +
    border-width: 0 1px 1px;
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
 +
    left: -9999px;
 +
    overflow: hidden;
 +
    position: absolute;
 +
    top: -9999px;
 +
    z-index: 2;
-
<table  width="100%">
+
    -moz-transform: scaleY(0);
-
<tr heigth="15px"></tr>
+
    -ms-transform: scaleY(0);
-
<tr heigth="75px">
+
    -o-transform: scaleY(0);
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
    /*-moz-transform-origin: 0 0;
 +
    -ms-transform-origin: 0 0;
 +
    -o-transform-origin: 0 0;
 +
    -webkit-transform-origin: 0 0;
 +
    transform-origin: 0 0;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
    -moz-transition: -moz-transform 0.1s linear;
-
<a href="https://2014.igem.org/Team:SJTU-Software"style="color:#000000">Home </a> </td>
+
    -ms-transition: -ms-transform 0.1s linear;
 +
    -o-transition: -o-transform 0.1s linear;
 +
    -webkit-transition: -webkit-transform 0.1s linear;
 +
    transition: transform 0.1s linear;*/
 +
}
 +
#nav li {
 +
    background: url('https://static.igem.org/mediawiki/2014/9/9d/Sjtu_software_menu_line.png') no-repeat scroll right 5px transparent;
 +
    float: left;
 +
    position: relative;
 +
}
 +
#nav li a {
 +
    color: #FFFFFF;
 +
    display: block;
 +
    float: left;
 +
    font-weight: normal;
 +
    height: 30px;
 +
    padding: 18px 20px 0;
 +
    position: relative;
 +
    text-decoration: none;
 +
    text-shadow: 1px 1px 1px #000000;
 +
}
 +
#nav li:hover > a {
 +
    color: #00B4FF;
 +
}
 +
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
 +
    background: none repeat scroll 0 0 #121212;
 +
    outline: 0 none;
 +
}
 +
#nav li:hover ul.subs {
 +
    left: 0;
 +
    top: 48px;
 +
    width: 180px;
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
 +
}
 +
#nav ul li {
 +
    background: none;
 +
    width: 100%;
 +
    padding: 0px 100px 10px 0px;
 +
   
 +
}
 +
#nav ul li a {
 +
    float: none;
 +
    height: 30px;
 +
}
 +
#nav ul li:hover > a {
 +
    background-color: #121212;
 +
    color: #00B4FF;
 +
}
 +
#lavalamp {
 +
    background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent;
 +
    height: 16px;
 +
    left: 415px;
 +
    position: absolute;
 +
    top: 0px;
 +
    width: 64px;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    -moz-transition: all 300ms ease;
-
<a href="https://2014.igem.org/Team:SJTU-Software/Team"style="color:#000000"> Team </a> </td>
+
    -ms-transition: all 300ms ease;
 +
    -o-transition: all 300ms ease;
 +
    -webkit-transition: all 300ms ease;
 +
    transition: all 300ms ease;
 +
}
 +
#lavalamp:hover {
 +
    -moz-transition-duration: 3000s;
 +
    -ms-transition-duration: 3000s;
 +
    -o-transition-duration: 3000s;
 +
    -webkit-transition-duration: 3000s;
 +
    transition-duration: 3000s;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#nav li:nth-of-type(1):hover ~ #lavalamp {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SJTU-Software"style="color:#000000"> Official Team Profile </a></td>
+
    left: 6px;
 +
}
 +
#nav li:nth-of-type(2):hover ~ #lavalamp {
 +
    left: 93px;
 +
}
 +
#nav li:nth-of-type(3):hover ~ #lavalamp {
 +
    left: 195px;
 +
}
 +
#nav li:nth-of-type(4):hover ~ #lavalamp {
 +
    left: 310px;
 +
}
 +
#nav li:nth-of-type(5):hover ~ #lavalamp {
 +
    left: 415px;
 +
}
 +
#nav li:nth-of-type(6):hover ~ #lavalamp {
 +
    left: 467px;
 +
}
 +
#nav li:nth-of-type(7):hover ~ #lavalamp {
 +
    left: 557px;
 +
}
 +
#nav li:nth-of-type(8):hover ~ #lavalamp {
 +
    left: 647px;
 +
}
 +
</style>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<style type="text/css">
-
<a href="https://2014.igem.org/Team:SJTU-Software/Project"style="color:#000000"> Project</a></td>
+
.firstHeading {
 +
width: 0px;
 +
        height: 0px;
 +
margin: -38px auto;
 +
padding-top: 0px;
 +
margin-bottom: 0px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*returnTop*/
-
<a href="https://2014.igem.org/Team:SJTU-Software/Parts"style="color:#000000"> Parts</a></td>
+
p#back-to-top{
 +
    position:fixed;
 +
    display:none;
 +
    bottom:50px;
 +
    right:30px;
 +
}
 +
p#back-to-top a{
 +
    text-align:center;
 +
    text-decoration:none;
 +
    color:#d1d1d1;
 +
    display:block;
 +
    width:112px;
 +
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
    -moz-transition:color 1s;
 +
    -webkit-transition:color 1s;
 +
    -o-transition:color 1s;
 +
}
 +
p#back-to-top a:hover{
 +
    color:#979797;
 +
}
 +
p#back-to-top a span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
    border-radius:6px;
 +
    display:block;
 +
    height:40px;
 +
    width:112px;
 +
    margin-bottom:5px;
 +
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
 +
    -moz-transition:background 1s;
 +
    -webkit-transition:background 1s;
 +
    -o-transition:background 1s;
 +
}
 +
#back-to-top a:hover span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
}
 +
</style>
 +
</p>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
   
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png);background-position:center; background-repeat:repeat-y repeat-x">-->
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions"style="color:#000000"> Attributions </a></td>
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
-
</tr>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
</tr>
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
</td>
+
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/cameramin.js%20?action=raw&ctype=text/js"></script>
 +
  <script>
 +
jQuery(function(){
 +
 +
jQuery('#camera_wrap_1').camera({
 +
thumbnails: true
 +
});
 +
});
 +
</script>
 +
  </head>
 +
<body class="background">
 +
         
 +
  <div class="container" position:relative z-index:999>
 +
            <ul id="nav">
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman">User Study</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li>
 +
                       
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
 +
                     
 +
                    </ul>
 +
                </li>
 +
               
 +
                <div id="lavalamp"></div>
 +
            </ul>
-
<br>
+
        </div>
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
</tr>
+
<div align=center>
 +
    <div class="container2" style="height:3450px;width:71%;background-color:#004B97;margin:4.4% 0 0 0;">
 +
<div align=left  >
 +
                          <br>
 +
                          <br>
 +
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:100%;float:top; display:inline;" >
 +
                            <p class="text"  style="margin:0% 5% auto"><font face="Microsoft YaHei" size="4px"  color="#C6A300">SJTU-Software Teammember 2014</font></p><br>
 +
                            <center>
 +
                           
 +
                          <hr width="91%" style="margin-top:-5px;border:0.5px solid #C6A300;"/>
 +
                            </center>
 +
                          <div  class="container2" style="margin:2% 0 0 5%;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/4/48/SJTU_Software_yangjiabei2.jpg"  style="padding:30px 0 0 25px;float:left;width:136px;height:170px"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:250px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Jiabei Yang<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Jiabei Yang is the team leader of SJTU-Software. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology. <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">As the first team leader of software team in SJTU, she made contacts with teachers in school to get support at the beginning of the project. She built up the team and recruited most members of team. She has kept a close eye on the development of the project, and is responsible for database construction and the establishment of biobrick assessment model. She wrote most of the document of the project.
 +
</font></p>
 +
                          </div>
-
<div class="container">
+
 
-
<div class="row clearfix">
+
<div class="container2" style="margin:2% 0 0 5%;height:250px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
<div class="col-md-6 column">
+
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Yibai Chen<br><br></font></p>
-
<img alt="140x140" src="http://lorempixel.com/140/140/">
+
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Yibai Chen is the last programmer to join us yet he is the most important designer of Easy BBK. He is a senior student majoring in bioengineering in school of life science and biotechnology. <br><br>
-
</div>
+
</font></p>
-
<div class="col-md-6 column">
+
                            <p class="text"  style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">Although he majored in bioengineering, he studies computer science as his second major. He wrote the whole background program of Easy BBK and API documentation. Also, he communicates well with all those on our team who wrote GUI to connect the interface with data center and demonstrate ability to cooperate with others.
-
<h2>
+
</font></p></div>
-
Heading
+
<div  class="container2" style="margin:2% 0 0 0;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</h2>
+
 
-
<p>
+
                            <img src="https://static.igem.org/mediawiki/2014/1/1c/SJTU_Software_chyb.jpg" style="padding:30px 0 0 25px;float:left;width:144px;height:180px"></img>
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
                         
-
</p>
+
                         
-
<p>
+
                          </div>
-
<a class="btn" href="#">View details »</a>
+
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</p>
+
                            <img src="https://static.igem.org/mediawiki/2014/5/55/SJTU_Software_laisinan.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
</div>
+
                          </div>
-
</div>
+
                          <div class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
<div class="row clearfix">
+
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Sinan Lai<br><br></font></p>
-
<div class="col-md-6 column">
+
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Sinan Lai is the only graduate student on the team majoring in communicating engineering. He is responsible for GUI of "search", "compare" and "upload" page. It was really a big contribution. <br><br>
-
<img alt="140x140" src="http://lorempixel.com/140/140/">
+
</font></p>
-
</div>
+
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">As the only senior in team, he set a model for us, that is, throughout the summer vacation, he was always the first one to attend our discussion meeting and the last one to leave.
-
<div class="col-md-6 column">
+
</font></p>
-
<h2>
+
                          </div>
-
Heading
+
 
-
</h2>
+
 
-
<p>
+
<div  class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Chang Liu<br><br></font></p>
-
</p>
+
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Chang Liu takes the responsibility of composing GUI of the “present” page and connecting with data center composed by Yibai Chen. He is a junior student majoring in biomedical engineering.<br><br>
-
<p>
+
</font></p>
-
<a class="btn" href="#">View details »</a>
+
                            <p class="text"  style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">Moreover, he is talented in communicating with others. Chang Liu has kept a good relationship with other teams and it has turned out that he has done a great job.
-
</p>
+
</font></p></div>
-
</div>
+
<div class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</div>
+
 
-
<div class="row clearfix">
+
                            <img src="https://static.igem.org/mediawiki/2014/6/62/SJTU_Software_liuchang.JPG"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
<div class="col-md-6 column">
+
                         
-
<img alt="140x140" src="http://lorempixel.com/140/140/">
+
                         
-
</div>
+
                          </div>
-
<div class="col-md-6 column">
+
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
<h2>
+
                            <img src="https://static.igem.org/mediawiki/2014/0/0d/SJTU_Software_caowei.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
Heading
+
                          </div>
-
</h2>
+
                          <div class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
<p>
+
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Wei Cao<br><br></font></p>
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Wei Cao is mainly responsible for the maintenance of database. He is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.<br><br>
-
</p>
+
</font></p>
-
<p>
+
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">Thanks to his bioinformatics background, he cooperates well with Jiabei Yang and Jingzhi Pang to set up the Easy BBK database and assessment model.
-
<a class="btn" href="#">View details »</a>
+
</font></p>
-
</p>
+
                          </div>
-
</div>
+
 
-
</div>
+
 
-
<div class="row clearfix">
+
<div  class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
<div class="col-md-6 column">
+
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Weijian Cao<br><br></font></p>
-
<img alt="140x140" src="http://lorempixel.com/140/140/">
+
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Weijian Cao composed the background program of upload. He is a senior student majoring in electronic information engineering in school of electronics information and electrical engineering. <br><br>
-
</div>
+
</font></p>
-
<div class="col-md-6 column">
+
                            <p class="text"  style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">He has a great sense of humor. Working with him is quite enjoyable. What’s more, he is talented in video edit and Photoshop.
-
<h2>
+
</font></p></div>
-
Heading
+
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</h2>
+
 
-
<p>
+
                            <img src="https://static.igem.org/mediawiki/2014/a/a1/SJTU_Software_caoweijian.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
                         
-
</p>
+
                         
-
<p>
+
                          </div>
-
<a class="btn" href="#">View details »</a>
+
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</p>
+
                            <img src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_han.JPG"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
</div>
+
                          </div>
-
</div>
+
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Jianhua Han<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Jianhua Han is responsible for our team’s wiki. He is the youngest member on SJTU-Software and he is a junior student majoring in computer science in School of Electronics Information and Electrical Engineering.<br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">He’s really a cute boy and hard-working. The final wiki’s source code was mainly composed by him.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Jingzhi Pang<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Jingzhi Pang is responsible for the application of "Blastn" function and do pre-research work for our project. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.  <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">As one of the first team members on team, she made great contributions to establishing contacts with teachers and professors in our university. She enjoys working with other members on SJTU-Software.
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/d/d9/SJTU_Software_pangjingzhi.JPG"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
                          <div class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/8/8e/SJTU_Software_wuyeting.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Yeting Wu <br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Yeting Wu is the art designer on our team who joined us at the last minute. She is a sophomore majoring in communications from school of media and design. <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">She designed everything related to our team including the interface of the software, wiki of our wiki, banner, poster and so on. It was quite lucky for our team to have her as a team member.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Yue Wu<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Yue Wu took responsibility of part of GUI of Easy BBK. She is a senior student majoring in automation in School of Electronics Information and Electrical Engineering <br><br>
 +
</font></p>
 +
                            </div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/6/66/SJTU_Software_wuyue.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
  <div class="container2" style="margin:3.5% 0 0 4.5%;height:50px;width:91%;float:left; display:inline;background-color:#004B97" >        
 +
<p class="text"  style="padding:10% 5% auto"><font face="Microsoft YaHei" size="4px"  color="#C6A300">SJTU-Software Instructor 2014</font></p><br>
 +
                            <center>
 +
                           
 +
                          <hr width="100%" style="margin-top:-5px;border:0.5px solid #C6A300;"/>
 +
                            </center></div>
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/3/30/SJTU_Software_ccwei.JPG"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div class="container2" style="margin:2% 0 0 0;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Chaochun Wei<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Professor <br>
 +
Department of Bioinformatics and Biostatistics,  School of Life Science and Biotechnology<br>
 +
E-mail: ccwei@sjtu.edu.cn<br><br>
 +
</font></p>
 +
                         
 +
                          </div>
 +
 
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Hongyu Ou<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Professor, Principle Investigator<br>
 +
School of Life Science and Biotechnology<br>
 +
Email: hyou@sjtu.edu.cn<br>
 +
<br><br>
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/8/86/SJTU_Software_hongyuou.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/5/56/SJTU_Software_fengchen.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Feng Chen<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Professor<br>
 +
School of Life Science and Biotechnology<br>
 +
Email:cf2001@tom.com<br>
 +
<br><br>
 +
</font></p>
 +
                       
 +
                          </div>
 +
 
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Guangyu Yang<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Researcher<br>
 +
School of Life Science and Biotechnology<br>
 +
Email:yanggy@sjtu.edu.cn <br><br>
 +
</font></p>
 +
                            </div><div  class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/d/da/SJTU_Software_Guangyuyang.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>            
 +
           
 +
                          </div>
 +
   
</div>
</div>
-
<td></td>
+
</div>
-
<td width="45%"  valign="top"> </td>
+
 
 +
</div>
 +
<div align=center>
 +
    <div  class="container2" style="margin:0.5%;height:150px;width:71%;background-color: #272727;" >
 +
          <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
 +
<div style=" float:left;margin:3% auto auto 4%;">     
 +
<a href="http://www.sjtu.edu.cn"target="_blank">   
 +
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div>
 +
 
 +
 
 +
<div  style="float:left;margin:3% auto auto 4%;">   
 +
<a href="http://life.sjtu.edu.cn"target="_blank">       
 +
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/09/Sjtu_software_Life-logo.png"></img></a></div>
 +
 
 +
<div  style=" float:left;margin:3% auto auto 4%;">
 +
<a href="http://www.seiee.sjtu.edu.cn/"target="_blank">       
 +
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div>
 +
         
 +
 
 +
 
 +
<div  style="float:left;margin:3% auto auto 4%;">
 +
<a href="http://bme.sjtu.edu.cn/"target="_blank">
 +
<img  style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div>
 +
 
 +
<div  style=" float:left;margin:3% auto auto 4%;">
 +
<a href="http://skmml.sjtu.edu.cn/"target="_blank">         
 +
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div>
 +
 
 +
 
 +
 
 +
 
 +
            <div  class="container2" style="height:80px;width:100%;background-color:#272727;float:left; display:inline;" >
 +
<div align=center style="margin:-10px ">
 +
                          <br>
 +
                          <br>
 +
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
 +
                          <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
 +
                         
 +
                         
 +
                        </div>
 +
          </div>
 +
</div>
 +
</div>
 +
    <p id="back-to-top" ><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p>
 +
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
<script>
 +
$(function(){
 +
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
 +
        $(function () {
 +
            $(window).scroll(function(){
 +
                if ($(window).scrollTop()>10){
 +
                    $("#back-to-top").fadeIn(1500);
 +
                }
 +
                else
 +
                {
 +
                    $("#back-to-top").fadeOut(1500);
 +
                }
 +
            });
 +
 
 +
            //当点击跳转链接后，回到页面顶部位置
 +
 
 +
            $("#back-to-top").click(function(){
 +
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
-
</tr>
 
-
</table>
+
</body>
</html>
</html>

Latest revision as of 19:55, 17 October 2014




SJTU-Software Teammember 2014


Jiabei Yang

Jiabei Yang is the team leader of SJTU-Software. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

As the first team leader of software team in SJTU, she made contacts with teachers in school to get support at the beginning of the project. She built up the team and recruited most members of team. She has kept a close eye on the development of the project, and is responsible for database construction and the establishment of biobrick assessment model. She wrote most of the document of the project.

Yibai Chen

Yibai Chen is the last programmer to join us yet he is the most important designer of Easy BBK. He is a senior student majoring in bioengineering in school of life science and biotechnology.

Although he majored in bioengineering, he studies computer science as his second major. He wrote the whole background program of Easy BBK and API documentation. Also, he communicates well with all those on our team who wrote GUI to connect the interface with data center and demonstrate ability to cooperate with others.

Sinan Lai

Sinan Lai is the only graduate student on the team majoring in communicating engineering. He is responsible for GUI of "search", "compare" and "upload" page. It was really a big contribution.

As the only senior in team, he set a model for us, that is, throughout the summer vacation, he was always the first one to attend our discussion meeting and the last one to leave.

Chang Liu

Chang Liu takes the responsibility of composing GUI of the “present” page and connecting with data center composed by Yibai Chen. He is a junior student majoring in biomedical engineering.

Moreover, he is talented in communicating with others. Chang Liu has kept a good relationship with other teams and it has turned out that he has done a great job.

Wei Cao

Wei Cao is mainly responsible for the maintenance of database. He is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

Thanks to his bioinformatics background, he cooperates well with Jiabei Yang and Jingzhi Pang to set up the Easy BBK database and assessment model.

Weijian Cao

Weijian Cao composed the background program of upload. He is a senior student majoring in electronic information engineering in school of electronics information and electrical engineering.

He has a great sense of humor. Working with him is quite enjoyable. What’s more, he is talented in video edit and Photoshop.

Jianhua Han

Jianhua Han is responsible for our team’s wiki. He is the youngest member on SJTU-Software and he is a junior student majoring in computer science in School of Electronics Information and Electrical Engineering.

He’s really a cute boy and hard-working. The final wiki’s source code was mainly composed by him.

Jingzhi Pang

Jingzhi Pang is responsible for the application of "Blastn" function and do pre-research work for our project. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

As one of the first team members on team, she made great contributions to establishing contacts with teachers and professors in our university. She enjoys working with other members on SJTU-Software.

Yeting Wu

Yeting Wu is the art designer on our team who joined us at the last minute. She is a sophomore majoring in communications from school of media and design.

She designed everything related to our team including the interface of the software, wiki of our wiki, banner, poster and so on. It was quite lucky for our team to have her as a team member.

Yue Wu

Yue Wu took responsibility of part of GUI of Easy BBK. She is a senior student majoring in automation in School of Electronics Information and Electrical Engineering

SJTU-Software Instructor 2014


Chaochun Wei

Associate Professor
Department of Bioinformatics and Biostatistics, School of Life Science and Biotechnology
E-mail: ccwei@sjtu.edu.cn

Hongyu Ou

Professor, Principle Investigator
School of Life Science and Biotechnology
Email: hyou@sjtu.edu.cn


Feng Chen

Associate Professor
School of Life Science and Biotechnology
Email:cf2001@tom.com


Guangyu Yang

Associate Researcher
School of Life Science and Biotechnology
Email:yanggy@sjtu.edu.cn



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top

Retrieved from "http://2014.igem.org/Team:SJTU-Software/Team"