Team:SJTU-Software

From 2014.igem.org

(Difference between revisions)
 
(893 intermediate revisions not shown)
Line 6: Line 6:
<!--main content -->
<!--main content -->
-
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
+
<p>
-
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
-
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">
+
<style type="text/css">
-
<head>   
+
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
+
-
<title>hello world</title>   
+
-
</head>   
+
-
<body>   
+
-
<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">   
+
-
<img src="https://static.igem.org/mediawiki/2014/e/e8/Background_picture.jpg" height="100%" width="100%"/>  
+
-
</div>   
+
-
</body> 
+
-
<table width="70%" align="center">
+
-
<div class="container">
+
.container {
-
<div class="row clearfix">
+
    height: 5px;
-
<div class="col-md-12 column">
+
    margin: 1.6% auto 0 14.5%;
-
<nav class="navbar navbar-default" role="navigation">
+
    width: 71%;
-
<div class="navbar-header">
+
    align: center;
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="https://2014.igem.org/Team:SJTU-Software">Home</a>
+
}
-
</div>
+
#nav,#nav ul {
-
+
    list-style: none outside none;
-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
    margin: 0;
-
<ul class="nav navbar-nav">
+
    padding: 0;
-
<li >
+
}
-
<a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a>
+
#nav {
-
</li>
+
    background: url('https://static.igem.org/mediawiki/2014/c/c7/Sjtu_software_menu_bg2.png')no-repeat scroll 0 0 transparent ;
-
<li>
+
    clear: both;
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SJTU-Software">Official Team Profile</a>
+
    font-size: 16px;
-
</li>
+
    height: 58px;
-
<li>
+
    padding: 0 0 0 0px;
-
<a href="https://2014.igem.org/Team:SJTU-Software/Project">Project</a>
+
    position: relative;
-
</li>
+
    width: 100%;
-
<li>
+
}
-
<a href="https://2014.igem.org/Team:SJTU-Software/Parts">Parts</a>
+
#nav ul {
-
</li>
+
    background-color: #222;
-
<li>
+
    border:1px solid #222;
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling">Modeling</a>
+
    border-radius: 0 5px 5px 5px;
-
</li>
+
    border-width: 0 1px 1px;
-
<li>
+
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook">Notebook</a>
+
    left: -9999px;
-
</li>
+
    overflow: hidden;
-
</li>
+
    position: absolute;
-
<li>
+
    top: -9999px;
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety">Safety</a>
+
    z-index: 2;
-
</li>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions">Attributions</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:SJTU-Software&action=edit">edit</a>
+
-
</li>
+
-
<li class="dropdown">
+
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
-
<ul class="dropdown-menu">
+
-
<li>
+
-
<a href="#">Action</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Another action</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Something else here</a>
+
-
</li>
+
-
<li class="divider">
+
-
</li>
+
-
<li>
+
-
<a href="#">Separated link</a>
+
-
</li>
+
-
<li class="divider">
+
-
</li>
+
-
<li>
+
-
<a href="#">One more separated link</a>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
+
-
+
-
</div>
+
-
+
-
</nav>
+
-
</div>
+
-
</div>
+
-
</div>
+
 +
    -moz-transform: scaleY(0);
 +
    -ms-transform: scaleY(0);
 +
    -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;
 +
    -moz-transition: -moz-transform 0.1s linear;
 +
    -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: 6px;
 +
    position: absolute;
 +
    top: 0px;
 +
    width: 64px;
 +
    -moz-transition: all 300ms ease;
 +
    -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;
 +
}
-
<tr>  
+
#nav li:nth-of-type(1):hover ~ #lavalamp {
 +
    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>
-
<!--navigation menu -->
+
<style type="text/css">
-
<td align="center" colspan="3">
+
.firstHeading {
 +
width: 0px;
 +
        height: 0px;
 +
margin: -38px auto;
 +
padding-top: 0px;
 +
margin-bottom: 0px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
-
<table  width="100%">
+
/*returnTop*/
-
<tr heigth="15px"></tr>
+
p#back-to-top{
-
<tr heigth="75px">  
+
    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"style="color:#000000">Home </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/Team"style="color:#000000"> Team </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://igem.org/Team.cgi?year=2014&team_name=SJTU-Software"style="color:#000000"> Official Team Profile </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/Project"style="color:#000000"> Project</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/Parts"style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling"style="color:#000000"> Modeling</a></td>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook"style="color:#000000"> Notebook</a></td>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
 +
<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>
 +
            <a href="http://www.igem.org/Main_Page" target=blank><img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img></a>
 +
<div class="container" position:relative z-index:999 >
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            <ul id="nav">
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety"style=" color:#000000"> Safety </a></td>
+
                <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>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
        </div>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions"style="color:#000000"> Attributions </a></td>
+
<div align="center" >
 +
    <div class="slider" style="width:71%; padding:4.3% 0 0 0 ">        
 +
<div class="fluid_container">
 +
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" >
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/e/ee/Sjtu_software1.png" data-src="https://static.igem.org/mediawiki/2014/e/ee/Sjtu_software1.png">  </div>
 +
<div data-thumb="https://static.igem.org/mediawiki/2014/1/15/Sjtu_software_fm.png" data-src="https://static.igem.org/mediawiki/2014/1/15/Sjtu_software_fm.png">  </div>
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/8/85/Sjtu_s_2.png" data-src="https://static.igem.org/mediawiki/2014/8/85/Sjtu_s_2.png">  </div>
 +
          <div data-thumb="https://static.igem.org/mediawiki/2014/f/f8/Sjtu_s_3.png" data-src="https://static.igem.org/mediawiki/2014/f/f8/Sjtu_s_3.png">  </div>
-
<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>
+
<div data-thumb="https://static.igem.org/mediawiki/2014/e/e9/Sjtu_s_4.png" data-src="https://static.igem.org/mediawiki/2014/e/e9/Sjtu_s_4.png">   </div>
-
</tr>
+
-
</table>
+
-
<!--end navigation menu -->
+
<div data-thumb="https://static.igem.org/mediawiki/2014/c/c0/Sjtu_s_5.png" data-src="https://static.igem.org/mediawiki/2014/c/c0/Sjtu_s_5.png">  </div>
-
</tr>
+
         
 +
        </div>
 +
      </div>
 +
        <div class="clear"></div>      
 +
    </div>
 +
 
-
</tr>
+
</div>
-
+
 +
<div align=center>
 +
    <div class="container2" style="height:300px;width:71%;background-color:#575D99;margin:36% 0 0 0;">
 +
<div align=left  >
 +
                          <br>
 +
                          <br>
 +
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:28%;float:top; display:inline;" >
 +
                            <p class="text"  style="margin:0% 5% auto"><font face="Helvetica" size="5px"  color="#FFFFFF">EASY BBK</font></p>
 +
                         
 +
                          <p class="text"  style="margin:2% 5% auto"><font face="Helvetica" size="4px"  color="#FFFFFF">An EASY Biobrick Blueprint's pacKage</font></p>
 +
                            <p class="text"  style="margin:2% 5% auto"><font face="Helvetica" size="3px"  color="#FFFFFF">Difficulties in finding biobricks in need and in interpreting bio-systems presented in different styles remain to be two main problems in synthetic biology. Our team has created "Easy BBK" to help users get neat information and evaluation of specific biobricks quickly and to display their bio-system easily. Users can input keywords of the biobrick they are interested in, and select special requirements of certain properties, and related biobricks will be searched, sorted and displayed. A score will be computed for  each biobrick, based on the current status, reliability, feedbacks of users, number of publication and etc. Additionally, users could draw their bio-system easily with the standardized biobrick icons, and they can also look into the detailed information about the biobricks in the bio-system. Finally, new biobricks can be uploaded directly and automatically to Registry of Standard Biological Parts through our ‘Easy BBK’ system.</font></p>
 +
                          </div>
 +
</div>
 +
</div>
 +
</div>
 +
<div align=center>
 +
    <div  class="container2" style="height:150px;width:71%;background-color: #272727;margin:0.5%;" >
 +
          <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>
-
</td>
+
<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>
 +
         
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
<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>
-
<!--requirements section -->
+
<div  style=" float:left;margin:3% auto auto 4%;">  
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<a href="http://skmml.sjtu.edu.cn/"target="_blank">        
-
<tr>
+
<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>
-
<td width="45%" valign="top">  
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
 
-
<!-- Links to other team pages -->
 
-
<ul>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a> </li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=SJTU-Software">Official Team Profile</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Project">Project</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Parts">Parts</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Modeling">Modeling</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Notebook">Notebook</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Safety">Safety</a> </li>
 
-
<li><a href="https://2014.igem.org/Team:SJTU-Software/Attributions">Attributions</a> </li>
 
-
</ul>
 
-
</td>
+
            <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
-
 
+
<div align=center style="margin:-10px ">
-
<td > </td>
+
                          <br>
-
<td width="45%">
+
                          <br>
-
 
+
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
-
<p>There are a few wiki requirements teams must follow:</p>
+
                          <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
-
<ul>
+
                         
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
                         
-
<li>All pages must be created under the team’s name space.</li>
+
                        </div>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
          </div>
-
<li>Do not use flash in wiki code. </li>
+
</div>
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
</div>
-
</ul>
+
   
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
    <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>
-
</td>
+
<script>
-
</tr>
+
$(function(){
-
 
+
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
-
 
+
        $(function () {
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
            $(window).scroll(function(){
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
                if ($(window).scrollTop()>10){
-
 
+
                    $("#back-to-top").fadeIn(1500);
-
 
+
                }
-
<!--tips  -->
+
                else
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
                {
-
 
+
                    $("#back-to-top").fadeOut(1500);
-
<tr>
+
                }
-
<td width="45%" valign="top">
+
            });
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
            //当点击跳转链接后，回到页面顶部位置
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
            $("#back-to-top").click(function(){
-
</td>
+
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
-
<td> </td>
 
-
<td width="45%">
 
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
-
<ul>
+
</body>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</html>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 19:51, 17 October 2014




EASY BBK

An EASY Biobrick Blueprint's pacKage

Difficulties in finding biobricks in need and in interpreting bio-systems presented in different styles remain to be two main problems in synthetic biology. Our team has created "Easy BBK" to help users get neat information and evaluation of specific biobricks quickly and to display their bio-system easily. Users can input keywords of the biobrick they are interested in, and select special requirements of certain properties, and related biobricks will be searched, sorted and displayed. A score will be computed for each biobrick, based on the current status, reliability, feedbacks of users, number of publication and etc. Additionally, users could draw their bio-system easily with the standardized biobrick icons, and they can also look into the detailed information about the biobricks in the bio-system. Finally, new biobricks can be uploaded directly and automatically to Registry of Standard Biological Parts through our ‘Easy BBK’ system.



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top

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