|
|
| (29 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | | + | {{Fudan-CHINA}} |
| | | | |
| | <html> | | <html> |
| − |
| |
| − |
| |
| − |
| |
| − | <!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | </p>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--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="#6">Awards</a></li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#7">Team</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#14">Team</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#15">Attributions</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#6">Notebook</a></li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Human Practices</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#17">Silver HP</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#18">Integrated HP</a></li>
| |
| − | <li class="li2"><a class="navA2 muchWords muchWords1" href="#18">Education & Public Engagement</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#19">Collaborations</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Safety</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Parts</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Improved Part</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#16">Best New Basic Part</a></li>
| |
| − | <li class="li2"><a class="navA2 muchWords muchWords2" href="#16">Best New Composite Part</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#16">Best Part Collection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#5">Model</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">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="#5">Results</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#16">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#18">Transducers</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#19">Protein Interaction</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Demonstrate</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#20">Interlab</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="navLi"><a class="navA" href="#2">Project</a>
| |
| − | <ul class="ul2" style="padding: 0;margin: 0;">
| |
| − | <li class="li2"><a class="navA2" href="#21">Overview</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#22">Background</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#23">Design</a></li>
| |
| − | <li class="li2"><a class="navA2" href="#24">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-->
| |
| | | | |
| | | | |
| Line 566: |
Line 17: |
| | <span id="fullName">Synthetic Transducer Engineering Platform</span> | | <span id="fullName">Synthetic Transducer Engineering Platform</span> |
| | </div> | | </div> |
| − | <div class="discoverBotton"><a href="#99" class="animated-button victoria-one">DISCOVER NOW</a></div> | + | <div class="discoverBotton"><a href="#" class="animated-button victoria-one">DISCOVER NOW</a></div> |
| | </div> | | </div> |
| | | | |
| | <style> | | <style> |
| | + | #signageDiv{ |
| | + | position: relative; |
| | + | top:0; |
| | + | } |
| | .discoverBotton{ | | .discoverBotton{ |
| | font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; | | font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; |
| Line 634: |
Line 89: |
| | var winHeight=$(window).height(); | | var winHeight=$(window).height(); |
| | var totalScroll=winHeight-barHeight-navHeight; | | var totalScroll=winHeight-barHeight-navHeight; |
| − | $('body,html').animate({"scrollTop":totalScroll+2},1000); | + | $('body,html').animate({"scrollTop":totalScroll+2},1500); |
| | }); | | }); |
| | }); | | }); |
| Line 708: |
Line 163: |
| | </script> | | </script> |
| | | | |
| | + | <div class="trade-title"> |
| | + | <div class="theDivTitle learnMore">A BRIEF INTRODUCTION TO STEP</div> |
| | + | </div> |
| | + | |
| | + | <div id="abstract"> |
| | + | Troubling the world for years, cancer has long been a major threat to people's health. The rapidly developing cell therapy has proved its potential for cancer treatment, but all of the current biosensors, from CAR to SynNotch, lack either programmability or orthogonality, which could significantly restrict its clinical application. |
| | + | <br><br> |
| | + | We provide our own solution to the problem, the Synthetic Transducer Engineering Platform (STEP). Consisting of two transmembrane chains with ligand receptor on the extracellular domain and protease/transcription factor pair on the intracellular domain, it can achieve high modularity as well as orthogonality in both upstream and downstream. Through our experiments and models, we've successfully proved the reliability and tunability of STEP, and are trying to find the best condition for its real application. |
| | + | <br><br> |
| | + | By using STEP in clinical researches and practices, treatment best suited for cancer patients can be developed. With further researches and optimisation, we believe it will reveal its full potential. |
| | | | |
| | + | </div> |
| | | | |
| | <div class="videoOutDiv"> | | <div class="videoOutDiv"> |
| Line 714: |
Line 180: |
| | </div> | | </div> |
| | <div class="videoTitle">Watch Project Video</div> | | <div class="videoTitle">Watch Project Video</div> |
| − | <div class="videoCont">Because I could not stop for death, he kindly stopped for me. The carriage held but just ourselves and immortality.</div> | + | <div class="videoCont">Begin the exploration of our STEP system</div> |
| | <div class="videoPlayI"><i class="fa fa-play"></i></div> | | <div class="videoPlayI"><i class="fa fa-play"></i></div> |
| | </div> | | </div> |
| Line 864: |
Line 330: |
| | } | | } |
| | }); | | }); |
| − | </script> | + | </script> |
| | + | |
| | + | |
| | + | |
| | + | <style> |
| | + | #abstract{ |
| | + | font-size:23px; |
| | + | text-align:justify; |
| | + | line-height:35px; |
| | + | margin-left:10%; |
| | + | margin-right:10%; |
| | + | margin-top:3%; |
| | + | margin-bottom:5%; |
| | + | font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; |
| | + | } |
| | + | </style> |
| | | | |
| | <div class="moreInfoma"> | | <div class="moreInfoma"> |
| Line 875: |
Line 356: |
| | <div class="trade-box-list"> | | <div class="trade-box-list"> |
| | <div class="trade-box-item itemProject"> | | <div class="trade-box-item itemProject"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Design"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-cogs"></i> | | <i class="fa fa-cogs"></i> |
| Line 881: |
Line 362: |
| | <div class="item-title">Project</div> | | <div class="item-title">Project</div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Background noise a of the a for the | + | Background<br>Design<br>Applied Design |
| | </div> | | </div> |
| | </a> | | </a> |
| | </div> | | </div> |
| | <div class="trade-box-item itemResults"> | | <div class="trade-box-item itemResults"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Results"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-flask"></i> | | <i class="fa fa-flask"></i> |
| | </div> | | </div> |
| − | <div class="item-title">Results</div> | + | <div class="item-title"> |
| | + | Results |
| | + | </div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Human Practice | + | Overview<br>STEP System Test<br>Receptor Optimisation<br>Demonstrate<br>Interlab |
| | + | |
| | </div> | | </div> |
| | </a> | | </a> |
| Line 903: |
Line 387: |
| | <div class="item-title">Model</div> | | <div class="item-title">Model</div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Model | + | Model<br>Software |
| | </div> | | </div> |
| | </a> | | </a> |
| | </div> | | </div> |
| | <div class="trade-box-item itemParts"> | | <div class="trade-box-item itemParts"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Part_List"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-puzzle-piece"></i> | | <i class="fa fa-puzzle-piece"></i> |
| | </div> | | </div> |
| − | <div class="item-title">Parts</div> | + | <div class="item-title"> |
| | + | Parts </div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Awards | + | Improved Part<br>Best New Basic Part<br>Best New Composite Part<br>Best Part Collection<br>Part List |
| | + | |
| | </div> | | </div> |
| | </a> | | </a> |
| Line 927: |
Line 413: |
| | <div class="trade-box-list"> | | <div class="trade-box-list"> |
| | <div class="trade-box-item itemHP"> | | <div class="trade-box-item itemHP"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-h-square"></i> | | <i class="fa fa-h-square"></i> |
| Line 933: |
Line 419: |
| | <div class="item-title">Human Practice</div> | | <div class="item-title">Human Practice</div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Human Practice | + | Overview<br>Silver HP<br>Integrated HP<br>Education & Engagement<br>Collaborations<br>Safety |
| | </div> | | </div> |
| | </a> | | </a> |
| | </div> | | </div> |
| | <div class="trade-box-item itemNotebook"> | | <div class="trade-box-item itemNotebook"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-book"></i> | | <i class="fa fa-book"></i> |
| Line 944: |
Line 430: |
| | <div class="item-title">Notebook</div> | | <div class="item-title">Notebook</div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Modeling | + | Notebook |
| | </div> | | </div> |
| | </a> | | </a> |
| | </div> | | </div> |
| | <div class="trade-box-item itemTeam"> | | <div class="trade-box-item itemTeam"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Team"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-users"></i> | | <i class="fa fa-users"></i> |
| Line 955: |
Line 441: |
| | <div class="item-title">Team</div> | | <div class="item-title">Team</div> |
| | <div class="item-text"> | | <div class="item-text"> |
| − | Human Practice | + | Team<br>Attributions |
| | </div> | | </div> |
| | </a> | | </a> |
| | </div> | | </div> |
| | <div class="trade-box-item itemAwards"> | | <div class="trade-box-item itemAwards"> |
| − | <a href="#"> | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Awards"> |
| | <div class="item-logo"> | | <div class="item-logo"> |
| | <i class="fa fa-lightbulb-o"></i> | | <i class="fa fa-lightbulb-o"></i> |
| Line 1,100: |
Line 586: |
| | color: #fff; | | color: #fff; |
| | font-size: 1.5vw; | | font-size: 1.5vw; |
| | + | line-height:1.8vw; |
| | font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; | | font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; |
| | } | | } |
| Line 1,220: |
Line 707: |
| | </script> | | </script> |
| | | | |
| − |
| + | |
| − | <!--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> 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> iGEM Main Page</a>
| + | |
| − | <br/>
| + | |
| − | <a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i> 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> Email</h1>
| + | |
| − | <hr width="50%">
| + | |
| − | <br/>
| + | |
| − | <div class="cuContent">
| + | |
| − | <a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i> igem@fudan.edu.cn</a>
| + | |
| − | <br/>
| + | |
| − | <a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i> 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> 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: 1;
| + | |
| − | }
| + | |
| − | .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>
| + | |
| − |
| + | |
| − | <p>
| + | |
| − |
| + | |
| − | <!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| | </html> | | </html> |
| | + | {{Fudan-CHINA/ContactUs}} |
Troubling the world for years, cancer has long been a major threat to people's health. The rapidly developing cell therapy has proved its potential for cancer treatment, but all of the current biosensors, from CAR to SynNotch, lack either programmability or orthogonality, which could significantly restrict its clinical application.
We provide our own solution to the problem, the Synthetic Transducer Engineering Platform (STEP). Consisting of two transmembrane chains with ligand receptor on the extracellular domain and protease/transcription factor pair on the intracellular domain, it can achieve high modularity as well as orthogonality in both upstream and downstream. Through our experiments and models, we've successfully proved the reliability and tunability of STEP, and are trying to find the best condition for its real application.
By using STEP in clinical researches and practices, treatment best suited for cancer patients can be developed. With further researches and optimisation, we believe it will reveal its full potential.
