Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | |||
+ | <!--TEMPLATE:initialize--> | ||
+ | |||
+ | <!--get jQuery and wiki settings-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <style> | ||
+ | #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&action=raw&ctype=text/javascript"> | ||
+ | //jQuery | ||
+ | </script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryUi&action=raw&ctype=text/javascript"> | ||
+ | //jQueryUi | ||
+ | </script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&action=raw&ctype=text/javascript"> | ||
+ | //jQuery_AnimateColors | ||
+ | </script> | ||
+ | <link href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/font_awesome&action=raw&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:_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 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 HP</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices#mainTitle3">Integrated HP</a></li> | ||
+ | <li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">Education & 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 Part</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">Best New Basic Part</a></li> | ||
+ | <li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">Best New Composite Part</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">Best Part Collection</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_List">Part 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 System Test</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">Receptor 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 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 501: | Line 1,050: | ||
− | |||
− | |||
</html> | </html> |
Revision as of 22:01, 17 October 2018
Results Overview
"The essence of mathematics lies in its freedom."
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.
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
<div class="btn">READ MORE</div>
Receptor Optimisation
<div class="btn">READ MORE</div>
Address
G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China
2005 Songhu Road, Yangpu, Shanghai, China