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

 
(11 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{Fudan-CHINA}}
 
 
<html>
 
<html>
  
 +
 +
 +
<!--TEMPLATE:initialize-->
 +
 +
<!--get jQuery and wiki settings------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<style>
 
<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; }
 
#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; }
 
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px;  margin:0px; }
 
#top_menu_14{position: fixed;top:0;}
 
#top_menu_14{position: fixed;top:0;}
  
#mw-content-text>p{padding: 0; margin: 0;width: 100%;background-color: white;}
+
#mw-content-text>p{padding: 0; margin: 0;width: 100%;}
 
a, button, input, textarea {
 
a, button, input, textarea {
 
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
Line 62: Line 75:
 
  src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'),
 
  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');
 
  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-face
Line 84: Line 102:
  
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
+
</p><p>
+
 
 
+
 +
 +
<!--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 98: 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">Project Design</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 116: Line 592:
 
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.  
 
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.  
  
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class="container">
 +
<div>
 +
<div class="infoBox" id="infoBox1">
 +
<img class="img img1" src="https://static.igem.org/mediawiki/2018/2/2f/T--Fudan-CHINA--ResOv01.png">
 +
<div class="content">
 +
STEP System Test
 +
</div>
 +
<a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP">READ MORE</a>
 +
 +
</div>
 +
<div class="infoBox" id="infoBox2">
 +
<img class="img img2" src="https://static.igem.org/mediawiki/2018/8/89/T--Fudan-CHINA--ResOv02.png">
 +
<div class="content">
 +
Receptor Optimisation
 +
</div>
 +
<a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">READ MORE</a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<style>
 +
.container{
 +
height: 30vw;
 +
}
 +
.container>div{
 +
position: relative;
 +
top:30%;
 +
text-align: center;
 +
transform: translateY(-50%);
 +
}
 +
.infoBox{
 +
display: inline-block;
 +
border-color:rgba(220,220,220,0.5);
 +
border-width: 0.4px;
 +
border-radius: 5%;
 +
border-style: solid;
 +
width: 22vw;
 +
height: 25vw;
 +
overflow: hidden;
 +
transition: all 1s ease;
 +
margin: 0 1.5vw;
 +
}
 +
 +
.img{
 +
height: 15vw;
 +
width: 22vw;
 +
}
 +
.infoBox:hover {
 +
box-shadow: 0.1vw 0.1vw 4vw -0.1vw rgba(180,180,180,0.8);
 +
}
 +
.content{
 +
text-align: center;
 +
padding: 1vw 1.1vw;
 +
font-size: 1.1vw;
 +
line-height: 1.5vw;
 +
}
 +
.btn{
 +
width: 8vw;
 +
background-color: rgba(45,178,164,1);
 +
padding: 1vw 0.5vw;
 +
display: inline-block;
 +
left: 50%;
 +
border-color:rgba(45,178,164,1);
 +
border-width: 0.4px;
 +
border-radius: 5%;
 +
border-style: solid;
 +
cursor: pointer;
 +
border-radius: 10px;
 +
transition: all 0.5s ease;
 +
color: white;
 +
font-size: 1vw;
 +
box-shadow: 0.1vw 0.1vw 2vw 0 rgba(79,174,205,1.00);
 +
}
 +
.btn:hover {
 +
box-shadow: none;
 +
}
 +
</style>
 +
  
 
 
Line 462: 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 507: 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