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

(Prototype team page)
 
 
(12 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;
 +
}
  
−
<div class="column full_size">
 
−
<h1>Results</h1>
 
−
<p>Here you can describe the results of your project and your future plans. </p>
 
−
</div>
 
  
 +
#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;}
  
−
<div class="column third_size" >
+
#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>
  
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<li> Clearly and objectively describe the results of your work.</li>
 
−
<li> Future plans for the project. </li>
 
−
<li> Considerations for replicating the experiments. </li>
 
−
</ul>
 
−
</div>
 
  
  
 +
 +
<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">
 +
  
 +
  
−
<div class="column two_thirds_size" >
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
−
<h3>Describe what your results mean </h3>
+
−
<ul>
+
<!--get fonts----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
<style>
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
@font-face
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
{
−
</ul>
+
  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>
 
</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-->
  
  
−
<div class="clear extra_space"></div>
 
  
  
 +
 +
<!--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;
 +
}
  
−
<div class="column two_thirds_size" >
+
.navA:visited{
−
<h3> Project Achievements </h3>
+
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;
 +
}
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    .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");
  
−
<ul>
+
$(".navA:not(img)").css("padding","0 3vh");
−
<li>A list of linked bullet points of the successful results during your project</li>
+
$(".teamImg").css("width","7vh");
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
$(".teamImg").css("height","7vh");
−
</ul>
+
$(".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---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div id="firstDiv">
 +
<img src="https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--bkg3.jpg" />
 +
<div class="fiName">Results Overview</div>
 +
<div class="pSentence">
 +
"No road of flowers lead to glory."
 +
</div>
 
</div>
 
</div>
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div class="mainWords">
 +
  
 +
<div class="mainContents">
 +
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.
 +
<br><br>
 +
 +
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 class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
 
</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>
 +
 +
 +
 +
 +
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<!--TEMPLATE:contact-->
 +
 +
<div id="contactUs">
 +
<img width="8%">
 +
<div class="cuCol" id="cuCol1" style="width: 17%;">
 +
<h1 class="cuH1"><i class="fa fa-link"></i>&#160;&#160;Useful Links</h1>
 +
<hr width="50%">
 +
<br/>
 +
        <div class="cuContent">
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&#160;iGEM Main Page</a>
 +
<br/>
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&#160;iGEM Special Pages</a>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol2" style="width: 17%;">
 +
<h1 class="cuH1"><i class="fa fa-envelope-o"></i>&#160;&#160;Email</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
<a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i>&#160;igem@fudan.edu.cn</a>
 +
<br/>
 +
<a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i>&#160;kfjin16@fudan.edu.cn</a>
 +
 +
<br/>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol3" style="width: 30%;">
 +
<h1 class="cuH1"><i class="fa fa-paper-plane"></i>&#160;&#160;Address</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
G604, School of Life Sciences, Fudan University<br/>
 +
2005 Songhu Road, Yangpu, Shanghai, China
 +
</div>
 +
</div>
 +
<img id="cuTeamImg" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--teamBadgeWhite.png"/>
 +
</div>
 +
 +
<style>
 +
#contactUs{
 +
width: 100%;
 +
background: rgba(25,25,25,1);
 +
overflow: hidden;
 +
margin: 0;
 +
padding:1.5% 0 3% 0;
 +
text-align: left;
 +
position: relative;
 +
z-index: 100;
 +
}
 +
.cuCol{
 +
      display: inline-block;
 +
position: relative;
 +
left:20px;
 +
opacity: 0;
 +
color: rgba(168,168,168,1.00);
 +
text-align: left;
 +
vertical-align: top;
 +
}
 +
h1.cuH1{
 +
color: white;
 +
font-size: 1.4vw;
 +
font-style: normal;
 +
}
 +
.cuContent{
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
font-size: 1.25vw;
 +
line-height: 1.6vw;
 +
}
 +
#contactUs a{
 +
color: rgba(168,168,168,1.00);
 +
text-decoration: none;
 +
}
 +
#contactUs a:hover{
 +
text-decoration: none;
 +
color:rgba(0,189,234,1);
 +
}
 +
#contactUs a:visited{
 +
text-decoration: none;
 +
}
 +
#contactUs a:active{
 +
text-decoration: none;
 +
}
 +
#contactUs br{
 +
line-height: 1vw;
 +
}
 +
#cuTeamImg{
 +
position: absolute;
 +
top:1vw;
 +
right:4vw;
 +
width: 10vw;
 +
opacity: 0.2;
 +
}
 +
</style>
 +
<script>
 +
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 +
slideInLeft($("#cuCol2"),$("#contactUs"),150);
 +
slideInLeft($("#cuCol3"),$("#contactUs"),300);
 +
$(window).scroll(function(){
 +
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 +
slideInLeft($("#cuCol2"),$("#contactUs"),150);
 +
slideInLeft($("#cuCol3"),$("#contactUs"),300);
 +
});
 +
</script>
 +
 +
<style>
 +
.leftNav{
 +
position: absolute;
 +
top:30vw;
 +
left: 2vw;
 +
list-style: none;
 +
z-index: 3;
 +
}
 +
.leftNav .leftNavA2{
 +
position: relative;
 +
}
 +
.leftNav .leftNavA2:before {
 +
    content: "";
 +
  display: inline-block;
 +
width: 5px;
 +
height: 5px;
 +
  background-color: rgba(55,55,62,0.7);
 +
    border-radius: 50%;
 +
position: absolute;
 +
left: 0.3vw;
 +
top:50%;
 +
margin: 0;
 +
padding: 0;
 +
transform: translateY(-50%);
 +
}
 +
.leftNavUl2{
 +
list-style: none;
 +
}
 +
.leftNavA{
 +
display: block;
 +
font-size: 1.3vw;
 +
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 +
padding: 0.5vw 1.5vw;
 +
color: #ffa400;
 +
text-decoration: none;
 +
}
 +
.leftNavLi2{
 +
width: 16vw;
 +
margin:0.5vw  0;
 +
line-height: 17px;
 +
}
 +
.leftNavA:visited{
 +
text-decoration: none;
 +
color: #ffa400;
 +
}
 +
.leftNavA:focus{
 +
text-decoration: none;
 +
color: #ffa400;
 +
}
 +
.leftNavA:hover,.leftNavA:active{
 +
text-decoration: none;
 +
color: #734a00;
 +
}
 +
 +
.leftNavA2{
 +
display: block;
 +
font-size: 1.1vw;
 +
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
padding: 0.1vw 1.5vw;
 +
color:rgba(168,168,168,1);
 +
text-decoration: none;
 +
}
 +
.leftNavA2:visited{
 +
text-decoration: none;
 +
color:rgba(168,168,168,1);
 +
}
 +
.leftNavA2:focus{
 +
text-decoration: none;
 +
color:rgba(168,168,168,1);
 +
}
 +
.leftNavA2:hover,.leftNavA2:active{
 +
text-decoration: none;
 +
color: rgba(35,35,35,1);
 +
}
 +
.menu-active,.menu-active:focus{
 +
text-decoration: none;
 +
color: rgba(35,35,35,1);
 +
text-decoration: none;
 +
}
 +
</style>
 +
<script>
 +
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
$(window).resize(function(){
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
var leftNavFromTop=0.3*winWidth-$(window).scrollTop();
 +
if (leftNavFromTop<0.1*winWidth){
 +
$(".leftNav").css({"position":"fixed","top":0.1*winWidth});
 +
}
 +
else{
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
}
 +
});
 +
 +
$(window).scroll(function(){
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
var leftNavFromTop=0.3*winWidth-$(window).scrollTop();
 +
if (leftNavFromTop<0.1*winWidth){
 +
$(".leftNav").css({"position":"fixed","top":0.1*winWidth});
 +
}
 +
else{
 +
$(".leftNav").css({"position":"absolute","top":0.3*winWidth});
 +
}
 +
});
 +
$(".leftNav a").click(function () {
 +
$('html, body').animate({
 +
scrollTop: $($.attr(this, 'href')).offset().top
 +
}, 500);
 +
return false;
 +
});
 +
 +
 +
    $(window).scroll(function(){
 +
var currentScroll=$(this).scrollTop();
 +
var $currentSection;
 +
var firstHeight=$("#firstDiv").height();
 +
$('.leftNavA2').each(function(){
 +
var hePoint=$($(this).attr("href"));
 +
var divPosition=hePoint.offset().top;
 +
if (divPosition-1<currentScroll){
 +
$currentSection=$(this);
 +
}
 +
if (currentScroll>firstHeight){
 +
                $('.leftNavA2').removeClass('menu-active');
 +
                $currentSection.addClass('menu-active');
 +
}
 +
})
 +
});
 +
 +
</script>
 +
 +
 +
<style>
 +
#firstDiv{
 +
width: 100%;
 +
height: 22vw;
 +
overflow: hidden;
 +
position: relative;
 +
z-index: 5;
 +
}
 +
#firstDiv img{
 +
filter: brightness(0.6);
 +
position: relative;
 +
width: 101%;
 +
top:50%;
 +
left:50%;
 +
transform: translateX(-50%) translateY(-53%);
 +
}
 +
    .fiName{
 +
color: white;
 +
font-family:Allura,_Allura;
 +
font-size: 5vw;
 +
font-weight: 600;
 +
position: absolute;
 +
top:15vw;
 +
right: 12vw;
 +
}
 +
.pSentence{
 +
color: white;
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
font-size: 1.2vw;
 +
font-weight: 400;
 +
position: absolute;
 +
top:18vw;
 +
right: 12vw;
 +
text-align: right;
 +
}
 +
</style>
  
  
 +
<style>
 +
.theAnchor{
 +
position: absolute;
 +
top:-25vh;
 +
}
 +
.mainWords{
 +
margin-left: 15vw;
 +
margin-top: 136px;
 +
margin-bottom: 85px;
 +
margin-right: 15vw;
 +
background-color: white;
 +
}
 +
a.contentLink,.contentLink:hover,.contentLink:focus,.contentLink:active,.contentLink:visited{
 +
text-decoration: none;
 +
}
 +
a.contentLink{
 +
font-weight: 900;
 +
font-family: "Quicksand Medium",_Quicksand;
 +
color:rgba(130,166,245,1);
 +
}
 +
a.contentLink:hover{
 +
color:royalblue;
 +
}
 +
 +
.mainTitle1{
 +
margin:100px 0;
 +
font-family:"Verlag Book",_VerlagBook,Arial,Helvetica;
 +
font-size: 40px;
 +
text-transform:uppercase;
 +
color:rgba(29,176,186,1);
 +
position: relative;
 +
}
 +
.mainTitle1:before{
 +
content: "";
 +
width: 340px;
 +
height: 3.4px;
 +
background:rgba(29,176,186,1);
 +
display: inline-block;
 +
position: absolute;
 +
top:54px;
 +
}
 +
.mainTitle2{
 +
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 +
font-size: 34px;
 +
color: rgba(73,90,128,1);
 +
margin: 10px 0 25px 0;
 +
position: relative;
 +
}
 +
.mainTitle3{
 +
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 +
font-size: 25px;
 +
color: black;
 +
margin-bottom: -15px;
 +
margin-top: 70px;
 +
}
 +
.mainContents{
 +
font-family:_Bembo,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
 +
font-size: 21px;
 +
line-height: 28px;
 +
color: rgba(1,5,15,1.00);
 +
text-align:justify;
 +
margin-bottom: 85px;
 +
}
 +
.centerImg{
 +
width:50%;
 +
transform: translateX(-50%);
 +
position: relative;
 +
left:50%;
 +
}
 +
.mainContents span.bf{
 +
font-weight: 900;
 +
}
 +
.imgState{
 +
text-align: center;
 +
margin: 2vw 0;
 +
}
 +
.imgState>img{
 +
width: 40%;
 +
margin: 0 30px;
 +
}
 +
.figureNum{
 +
font-weight: 600;
 +
font-size:15px;
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
}
 +
.legend{
 +
font-size:15px;
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
}
 +
.imgState>div{
 +
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
 +
font-size: 17px;
 +
margin: 20px 0;
 +
}
 +
.duanjian{
 +
margin: 5px 0;
 +
display: inline-block;
 +
}
 +
</style>
 +
 +
  
  
  
 
</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