Difference between revisions of "Team:Fudan-CHINA/Results"

 
(6 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
{{Fudan-CHINA}}
 
 
<html>
 
<html>
  
 
 
 +
 +
<!--TEMPLATE:initialize-->
 +
 +
<!--get jQuery and wiki settings------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<style>
 +
.btn{
 +
color:white;
 +
}
 +
.btn:hover,.btn:focus,.btn:visited{
 +
text-decoration:none;
 +
color:white;
 +
}
 +
 +
 +
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
 +
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px;  margin:0px; }
 +
#top_menu_14{position: fixed;top:0;}
 +
 +
#mw-content-text>p{padding: 0; margin: 0;width: 100%;}
 +
a, button, input, textarea {
 +
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 +
    -moz-transition: all .5s ease;
 +
    -webkit-transition: all .5s ease;
 +
    transition: all .5s ease;
 +
}
 +
</style>
 +
 +
 +
 +
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&amp;action=raw&amp;ctype=text/javascript">
 +
//jQuery
 +
</script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryUi&amp;action=raw&amp;ctype=text/javascript">
 +
//jQueryUi
 +
</script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&amp;action=raw&amp;ctype=text/javascript">
 +
//jQuery_AnimateColors
 +
</script>
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/font_awesome&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<!--get fonts----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<style>
 +
@font-face
 +
{
 +
  font-family:_Quicksand;
 +
src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Fudan-CHINA--Quicksand.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_LucidaCalligraphy;/*for fullname of STEP*/
 +
src: url('https://static.igem.org/mediawiki/2018/a/a8/T--Fudan-CHINA--LucidaCalligraphy.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_CalistoMT;
 +
src: url('https://static.igem.org/mediawiki/2018/b/be/T--Fudan-CHINA--CalistoMT.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_Algerian;
 +
src: url('https://static.igem.org/mediawiki/2018/5/56/T--Fudan-CHINA--Algerian.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_ZELDA;/*for team name*/
 +
src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'),
 +
  url('https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--ZELDA.eot');
 +
}
 +
@font-face
 +
{
 +
  font-family:_Bembo;
 +
src: url('https://static.igem.org/mediawiki/2018/5/5f/T--Fudan-CHINA--Bembo.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_Butler;
 +
src: url('https://static.igem.org/mediawiki/2018/e/e1/T--Fudan-CHINA--Butler.ttf'),
 +
  url('https://static.igem.org/mediawiki/2018/c/c9/T--Fudan-CHINA--Butler.eot');/*IE 9+*/
 +
}
 +
@font-face
 +
{
 +
  font-family:_Allura;
 +
src: url('https://static.igem.org/mediawiki/2018/6/69/T--Fudan-CHINA--Allura-Regular.otf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_VerlagBook;
 +
src: url('https://static.igem.org/mediawiki/2018/f/fe/T--Fudan-CHINA--VerlagBook.otf');
 +
}
 +
 +
 +
</style>
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<!--loading page------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<style>
 +
.chromeframe {
 +
    margin: 0.2em 0;
 +
    background: #ccc;
 +
    color: #000;
 +
    padding: 0.2em 0;
 +
}
 +
#loader-wrapper {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:999999;
 +
 +
}
 +
#loader {
 +
    display: block;
 +
    position: relative;
 +
    left: 50%;
 +
    top: 50%;
 +
    width: 150px;
 +
    height: 150px;
 +
    margin: -75px 0 0 -75px;
 +
    border-radius: 50%;
 +
    border: 3px solid transparent;
 +
    /* COLOR 1 */
 +
    border-top-color: rgba(255,0,255,1);
 +
    -webkit-animation: spin 2s linear infinite;
 +
    -ms-animation: spin 2s linear infinite;
 +
    -moz-animation: spin 2s linear infinite;
 +
    -o-animation: spin 2s linear infinite; 
 +
        animation: spin 2s linear infinite;
 +
    z-index:1001;
 +
}
 +
#loader:before {
 +
        content: "";
 +
        position: absolute;
 +
        top: 5px;
 +
        left: 5px;
 +
        right: 5px;
 +
        bottom: 5px;
 +
        border-radius: 50%;
 +
        border: 3px solid transparent;
 +
        /* COLOR 2 */     
 +
        border-top-color: rgba(255,255,0,1);
 +
        -webkit-animation: spin 3s linear infinite;
 +
        -moz-animation: spin 3s linear infinite;
 +
        -o-animation: spin 3s linear infinite;
 +
        -ms-animation: spin 3s linear infinite;         
 +
        animation: spin 3s linear infinite;
 +
}
 +
#loader:after {
 +
        content: "";
 +
        position: absolute;
 +
        top: 15px;
 +
        left: 15px;
 +
        right: 15px;
 +
        bottom: 15px;
 +
        border-radius: 50%;
 +
        border: 3px solid transparent;
 +
        border-top-color: rgba(0,255,255,1);
 +
        /* COLOR 3 */     
 +
        -moz-animation: spin 1.5s linear infinite;
 +
        -o-animation: spin 1.5s linear infinite;
 +
        -ms-animation: spin 1.5s linear infinite;       
 +
        -webkit-animation: spin 1.5s linear infinite;
 +
          animation: spin 1.5s linear infinite;
 +
}
 +
 +
 +
@-webkit-keyframes spin {
 +
        0%{
 +
            -webkit-transform: rotate(0deg); 
 +
            -ms-transform: rotate(0deg); 
 +
            transform: rotate(0deg); 
 +
        }100%{
 +
            -webkit-transform: rotate(360deg); 
 +
            -ms-transform: rotate(360deg); 
 +
            transform: rotate(360deg); }
 +
}
 +
 +
@keyframes spin {
 +
        0%{
 +
            -webkit-transform: rotate(0deg); 
 +
            -ms-transform: rotate(0deg);
 +
            transform: rotate(0deg); 
 +
        }100%{
 +
            -webkit-transform: rotate(360deg);
 +
            -ms-transform: rotate(360deg); 
 +
            transform: rotate(360deg);  }
 +
}
 +
 +
 +
#loader-wrapper .loader-section {
 +
        position: fixed;
 +
        top: 0;
 +
        width: 51%;
 +
        height: 100%;
 +
        background: rgba(2,28,53,1); /* loading background color!!!*/
 +
        z-index: 1000;
 +
        -webkit-transform: translateX(0); 
 +
        -ms-transform: translateX(0); 
 +
        transform: translateX(0);
 +
}
 +
#loader-wrapper .loader-section.section-left {left: 0;}
 +
#loader-wrapper .loader-section.section-right {right: 0;}
 +
 +
/* Loaded */
 +
.loaded #loader-wrapper .loader-section.section-left {
 +
        -webkit-transform: translateX(-100%); 
 +
            -ms-transform: translateX(-100%); 
 +
                transform: translateX(-100%); 
 +
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 +
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 +
}
 +
.loaded #loader-wrapper .loader-section.section-right {
 +
        -webkit-transform: translateX(100%); 
 +
            -ms-transform: translateX(100%); 
 +
                transform: translateX(100%); 
 +
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
 +
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 +
}
 +
.loaded #loader {
 +
        opacity: 0;
 +
        -webkit-transition: all 0.3s ease-out; 
 +
                transition: all 0.3s ease-out;
 +
}
 +
.loaded #loader-wrapper {
 +
        visibility: hidden;
 +
        -webkit-transform: translateY(-100%); 
 +
            -ms-transform: translateY(-100%); 
 +
                transform: translateY(-100%); 
 +
        -webkit-transition: all 0.3s 1s ease-out; 
 +
                transition: all 0.3s 1s ease-out;
 +
}
 +
/* JavaScript Turned Off */
 +
.no-js #loader-wrapper {display: none;}
 +
.no-js h1 {color: #222222;}
 +
 +
 +
 +
</style>
 +
 +
 +
<div id="loader-wrapper">
 +
    <div id="loader"></div>
 +
    <div class="loader-section section-left"></div>
 +
    <div class="loader-section section-right"></div>
 +
</div>
 +
 +
<script>
 +
$(function(){
 +
var myBgVideo=document.getElementById("bgVideo");
 +
myBgVideo.addEventListener('canplaythrough',function(){
 +
setTimeout(function(){ $('body').addClass('loaded');
 +
        $('#loader-wrapper .load_title').remove(); },500);
 +
});
 +
});
 +
$(function(){
 +
var myBgVideo=document.getElementById("bgVideo");
 +
setTimeout(function(){ $('body').addClass('loaded');
 +
        $('#loader-wrapper .load_title').remove(); }, 1000);
 +
});
 +
 +
  function slideInTop(obj,obj2,delayTime){
 +
var targetHeight = obj.offset().top-50;
 +
var scrollTop = $(document).scrollTop();
 +
var winHeight=$(window).height();
 +
var imgHeight=obj2.height();
 +
if(scrollTop+winHeight-0.3*imgHeight>targetHeight){
 +
setTimeout(function(){  obj.animate({top:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime);
 +
}
 +
};
 +
function slideInLeft(obj,obj2,delayTime){
 +
var targetHeight = obj.offset().top;
 +
var scrollTop = $(document).scrollTop();
 +
var winHeight=$(window).height();
 +
var imgHeight=obj2.height();
 +
if(scrollTop+winHeight-0.3*imgHeight>targetHeight){
 +
setTimeout(function(){  obj.animate({left:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime);
 +
}
 +
};
 +
</script> 
 +
<!--------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<!--TEMPLATE END:initialize-->
 +
 +
 +
 +
 +
 +
<!--TEMPLATE:mainNavBar-->
 +
 +
<!--navigation bar-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<ul id="navUl" style="z-index: 888;">
 +
<li class="navLi navImg" style="display: inline-block;float: left;width: 5%;"></li>
 +
<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg"  src="https://static.igem.org/mediawiki/2018/6/62/T--Fudan-CHINA--stepLogo1.png" /></a></li>
 +
<li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA" style="color: white;">Fudan-CHINA</a></li>
 +
 +
<li class="navLi" style="display: inline-block;width: 2%;"></li>
 +
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Awards">Awards</a></li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Team">Team</a>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Team">Team</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">Notebook</a></li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">Human&#160;Practices</a>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">Overview</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices#mainTitle2">Silver&#160;HP</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices#mainTitle3">Integrated&#160;HP</a></li>
 +
<li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">Education&#160;&amp;&#160;Engagement</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">Collaborations</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="navLi"><span class="navA">Parts</span>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Improve">Improved&#160;Part</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">Best&#160;New&#160;Basic&#160;Part</a></li>
 +
<li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">Best&#160;New&#160;Composite&#160;Part</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">Best&#160;Part&#160;Collection</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_List">Part&#160;List</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Model">Model</a>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Model">Model</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Results">Results</a>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results">Overview</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP">STEP&#160;System&#160;Test</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">Receptor&#160;Optimisation</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">Demonstrate</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">Interlab</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Design">Project</a>
 +
<ul class="ul2" style="padding: 0;margin: 0;">
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Background">Background</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Design">Design</a></li>
 +
<li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">Applied&#160;Design</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
<style>
 +
#navUl{
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
overflow: visible;
 +
position:fixed;
 +
width: 100%;
 +
}
 +
.ul2{
 +
list-style: none;
 +
text-align: center;
 +
position: absolute;
 +
left:50%;
 +
transform: translateX(-50%);
 +
background-image: linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%);
 +
display: none;
 +
border-radius:0 0 5% 5%;
 +
overflow: hidden;
 +
 +
}
 +
.li2{
 +
font-size: 0;
 +
}
 +
.navLi:not(.navImg){
 +
float: right;
 +
position: relative;
 +
}
 +
.navA{
 +
display: block;
 +
font-family:"Quicksand Medium",_Quicksand;
 +
font-weight:400;
 +
text-align: center;
 +
}
 +
.navA2{
 +
display: block;
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
overflow: visible;
 +
color: white;
 +
}
 +
.navA:not(.teamName){
 +
color:white;
 +
}
 +
.teamName{
 +
font-family:Zelda,_ZELDA;
 +
font-weight: 900;
 +
}
 +
.navA:link,.navA2:link{
 +
text-decoration: none;
 +
}
 +
 +
.navA:visited{
 +
color: white;
 +
}
 +
.navA2:visited,.navA2:active{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
 +
.navA:hover:not(.activeA){
 +
color: rgba(0,189,234,1);
 +
}
 +
.navA2:hover{
 +
color:rgba(0,189,234,1);
 +
}
 +
.jqhover {
 +
        color:rgba(0,189,234,1)  !important;
 +
    }
 +
.navA:hover{
 +
text-decoration:none;
 +
}
 +
 +
    .navA:active{
 +
text-decoration:none;
 +
color: white;
 +
}
 +
</style>
 +
<script>
 +
function navFun(){
 +
var winWidth=$(window).width();
 +
var navWidth=$('#navUl').width();
 +
var winHeight=$(window).height();
 +
$("#navUl").css("top",0.1*winHeight);
 +
if (winWidth/winHeight>2){
 +
$("#navUl").css("height","8vh");
 +
$(".navA:not(.teamName)").css("height","8vh");
 +
$(".navA:not(.teamName)").css("line-height","8vh");
 +
$(".navA:not(.teamName)").css("font-size","2.5vh");
 +
 +
$(".teamName").css("height","8vh");
 +
$(".teamName").css("line-height","8vh");
 +
$(".teamName").css("font-size","3.3vh");
 +
 +
$(".navA2").css("padding","0 6vh");
 +
$(".navA2").css("height","6vh");
 +
$(".navA2").css("line-height","6vh");
 +
$(".navA2:not(.muchWords)").css("font-size","2.7vh");
 +
$(".muchWords1").css("font-size","2.2vh");
 +
$(".muchWords2").css("font-size","2.3vh");
 +
$(".muchWords3").css("font-size","2.3vh");
 +
 +
$(".navA:not(img)").css("padding","0 3vh");
 +
$(".teamImg").css("width","7vh");
 +
$(".teamImg").css("height","7vh");
 +
$(".teamImg").css("padding","0.5vh 0");
 +
}
 +
else{
 +
$("#navUl").css("height","4vw");
 +
$(".navA:not(.teamName)").css("height","4vw");
 +
$(".navA:not(.teamName)").css("line-height","4vw");
 +
$(".navA:not(.teamName)").css("font-size","1.25vw");
 +
 +
$(".teamName").css("height","4vw");
 +
$(".teamName").css("line-height","4vw");
 +
$(".teamName").css("font-size","1.85vw");
 +
 +
$(".navA2").css("padding","0 3vw");
 +
$(".navA2").css("height","3vw");
 +
$(".navA2").css("line-height","3vw");
 +
$(".navA2:not(.muchWords)").css("font-size","1.35vw");
 +
$(".muchWords1").css("font-size","1.1vw");
 +
$(".muchWords2").css("font-size","1.15vw");
 +
$(".muchWords3").css("font-size","1.15vw");
 +
 +
$(".navA:not(img)").css("padding","0 1.5vw");
 +
$(".teamImg").css("width","3.5vw");
 +
$(".teamImg").css("height","3.5vw");
 +
$(".teamImg").css("padding","0.25vh 0");
 +
}
 +
};
 +
 +
navFun();
 +
navAdj();
 +
 +
$(window).resize(function(){
 +
navFun();
 +
scrDir=0;
 +
navAdj();
 +
 +
});
 +
 +
var scrDir=0;
 +
    $(window).scroll(function(){
 +
navAdj()
 +
    });
 +
 +
function navAdj(){
 +
var winHeight=$(window).height();
 +
        var topDis = $(window).scrollTop();
 +
var barHeight=$("#top_menu_14").height();
 +
var mainNavHeight=$("#navUl").height();
 +
$(".ul2").css("top",mainNavHeight);
 +
if(topDis > 100){
 +
if (scrDir!=1){
 +
$("#navUl").stop().animate({top:barHeight,backgroundColor:"rgba(19,45,91,0.95)",boxShadow:"0px 0px 5px rgba(25,25,25,0.15)"},"fast");
 +
$(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0.95) 0%, rgba(29,176,186,0.95) 100%)");
 +
}
 +
 +
scrDir=1;
 +
    $(".navA:not(.activeA)").hover(function () {
 +
                $(this).addClass("jqhover");
 +
            }).mouseout(function () {
 +
$(this).removeClass("jqhover");
 +
            });
 +
}
 +
else{
 +
if (scrDir!=2){
 +
$("#navUl").stop().animate({top:0.1*winHeight,backgroundColor:"transparent"},"fast");
 +
$(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%)");
 +
}
 +
scrDir=2;
 +
$(".navA:not(.activeA)").hover(function () {
 +
                $(this).removeClass("jqhover");
 +
            });
 +
 +
};
 +
}
 +
 +
    $(document).ready(function(){
 +
  $(".navLi").mouseenter(function(){
 +
    $(this).find(".ul2").stop().fadeIn(300);4
 +
  });
 +
$(".navLi").mouseleave(function(){
 +
    $(this).find(".ul2").stop().fadeOut(300);
 +
  });
 +
});
 +
</script>
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<!--TEMPLATE END:mainNavBar-->
 +
 +
 +
 +
 +
 
 
 
<!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
Line 11: Line 574:
 
 
 
<div id="firstDiv">
 
<div id="firstDiv">
−
<img src="https://static.igem.org/mediawiki/2018/8/8c/T--Fudan-CHINA--Model_1.jpg" />
+
<img src="https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--bkg3.jpg" />
 
<div class="fiName">Results Overview</div>
 
<div class="fiName">Results Overview</div>
 
<div class="pSentence">
 
<div class="pSentence">
−
"The essence of mathematics lies in its freedom."
+
"No road of flowers lead to glory."
 
</div>
 
</div>
 
</div>
 
</div>
Line 39: Line 602:
 
STEP System Test
 
STEP System Test
 
</div>
 
</div>
−
<a href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP"><div class="btn">READ MORE</div></a>
+
<a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP">READ MORE</a>
 
 
 
</div>
 
</div>
Line 47: Line 610:
 
Receptor Optimisation
 
Receptor Optimisation
 
</div>
 
</div>
−
<a href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR"><div class="btn">READ MORE</div></a>
+
<a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">READ MORE</a>
 
</div>
 
</div>
 
 
Line 456: Line 1,019:
 
}
 
}
 
.mainContents{
 
.mainContents{
−
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
+
font-family:_Bembo,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
 
font-size: 21px;
 
font-size: 21px;
 
line-height: 28px;
 
line-height: 28px;
Line 501: Line 1,064:
 
 
 
 
−
 
−
 
  
  
  
 
</html>
 
</html>

Latest revision as of 07:00, 30 November 2018

Results Overview
"No road of flowers lead to glory."
To develop and optimise our STEP system to achieve the goal of efficient tumour marker recognition, we set out to test the whole system in human cell lines, and at the same time combine computational design and wet lab experiment to optimise existing receptors.

We successfully proved that the STEP receptors can appropriately locate across the cell membrane, and that they are able to bind to activate the downstream receptor when target ligand is added.
STEP System Test
READ MORE
Receptor Optimisation
READ MORE

  Address


G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China