Difference between revisions of "Team:ZJU-China"

 
(65 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
     #sideMenu, #top_title, .patrollink, #firstHeading,  #home_logo, #sideMenu { display:none; }
 
     #sideMenu, #top_title, .patrollink, #firstHeading,  #home_logo, #sideMenu { display:none; }
 
     #content { padding:0 0 0 0;width:100%; margin:0 0 0 0;border:none;}
 
     #content { padding:0 0 0 0;width:100%; margin:0 0 0 0;border:none;}
−
     body, html {background-image: url('https://static.igem.org/mediawiki/2020/9/9e/T--ZJU-China--wiki_back2.png'); width: 100%; height: 100%;}
+
     body, html {background-image: url(''); width: 100%; height: 100%;}
 
     #top {display:none;}
 
     #top {display:none;}
 
      
 
      
Line 13: Line 13:
 
     #bodyContent h1,h2,h3,h4,h5,h6 {font-family:'Nunito', sans-serif;}
 
     #bodyContent h1,h2,h3,h4,h5,h6 {font-family:'Nunito', sans-serif;}
 
     #bodyContent ul {margin: 0 0 0 0;list-style-image:url();}
 
     #bodyContent ul {margin: 0 0 0 0;list-style-image:url();}
 +
   
 +
    #preloader{
 +
       
 +
display: flex;
 +
        justify-content:center;
 +
        align-items: center;
 +
    }
 +
    #loader img{
 +
        width: auto;!important
 +
height: auto;!important
 +
max-width: 80%;
 +
max-height: 80%;
 +
    }
 +
 +
@media only screen and (max-width: 768px) {
 +
        .navigation ul {
 +
        display: none !important;
 +
    }
 +
 +
}
 +
 +
 +
#bodyContent .dropdown-list li a:hover {
 +
    background-color: rgb(199, 195, 195);
 +
}
 +
#bodyContent .dropdown-list li a:visited{
 +
    color:black;
 +
    }
 +
#bodyContent .dropdown-list li a:hover{
 +
    color:#2989d8;
 +
}
 +
 
      
 
      
 
</style>
 
</style>
Line 41: Line 73:
  
 
<style>
 
<style>
−
 
−
 
−
#bgcolor a:link{color: white !important;}
 
−
#bgcolor a:visited{color: white !important;}
 
−
#bgcolor a:hover{color: rgb(250,226,180) !important;}
 
−
#bgcolor a:active{color: white !important;}
 
−
 
−
#bgcolor #bgcolor2 a:link{color: black !important;}
 
−
#bgcolor #bgcolor2 a:visited{color: black !important;}
 
−
#bgcolor #bgcolor2 a:hover{color: rgb(250,226,180) !important;}
 
−
#bgcolor #bgcolor2 a:active{color: black !important;}
 
−
 
−
 
−
 
−
 
−
 
  
 
.container0 {
 
.container0 {
Line 70: Line 86:
 
     height: 100%;
 
     height: 100%;
 
}
 
}
−
.sky {
+
 
−
     height: 200px;
+
 
−
     background: #8cc9dc;
+
.bedroom-floor {
 +
     height: 100%;
 +
      
 
}
 
}
−
.sky-inner {
+
.floor-inner {
−
     width: 1000px;
+
    background-image: url("https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png");
 +
    background-repeat:repeat-y;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
     width: 100%;
 
     height: 100%;
 
     height: 100%;
 +
    min-height: 400px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 +
 
 +
    padding: 3% 0;
 
     position: relative;
 
     position: relative;
−
    min-height: 200px;
 
−
    overflow: hidden;
 
 
}
 
}
−
.title {
+
 
−
     height: 100%;
+
.fone {
−
    min-height: 200px;
+
     position: absolute;
 +
    width: 80%;
 +
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
   
 +
    top: 15%;
 +
    left: 10%;
 +
   
 
}
 
}
−
img.logo {
+
.ftwo {
−
     margin-top: 52px;
+
     position: absolute;
−
     max-width: 197px;
+
     width: 60%;
−
    max-height: 170px;
+
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
    top: 15%;
 +
    left: 20%;
 +
    box-shadow: 0 12px 15px rgba(0,0,0,.10);
 +
   
 
}
 
}
−
img.rightF{
+
.fthree {
−
top:15%;
+
    position: absolute;
−
height:50%;
+
    width: 60%;
−
right:5%;
+
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
    top: 15%;
 +
    left: 20%;
 +
 
}
 
}
−
img.leftWord{
+
 
−
     left: 5%;
+
.ffour {
−
     top: 20%;
+
     position: absolute;
−
height:50%;
+
    width: 15%;
 +
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
     top: 15%;
 +
    left: 55%;
 +
 
}
 
}
−
.title img {
+
.ffive {
−
     height: 80%;
+
     position: absolute;
 +
    width: 30%;
 +
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
    top: 15%;
 +
    left: 30%;
 +
 
}
 
}
  
−
.bottle {
+
.fsix {
 
     position: absolute;
 
     position: absolute;
−
     margin-top: 40px;
+
     width: 60%;
−
    max-width: 95px;
+
height: auto;
−
    max-height: 120px;
+
max-width: 100%;
−
    right: 0;
+
max-height: 100%;
−
    z-index: 2;
+
     top: 20%;
−
     top: 10%;
+
     left: 7%;
−
     width: 73.17px;
+
−
    background: url(https://static.igem.org/mediawiki/2019/6/6c/T--Fudan--Home14.png) no-repeat 0 0;
+
 
}
 
}
−
img.bottleEmpty {
+
.pone{
−
    margin-top: 40px;
+
−
    max-width: 95px;
+
−
    max-height: 120px;
+
−
    right: 0;
+
−
    z-index: 1;
+
−
}
+
−
.scroll-message {
+
 
     position: absolute;
 
     position: absolute;
−
     left: 160px;
+
     width: 60%;
−
    color: #FFFFFF;
+
height: auto;
−
     top: 40px;
+
max-width: 100%;
 +
max-height: 100%;
 +
     top: 40%;
 +
    left: 35%;
 
}
 
}
−
 
+
.pone p{
−
.scroll-message:after {
+
     text-align:justify;
−
     content: url(https://static.igem.org/mediawiki/2019/a/a3/T--Fudan--Home3.png);
+
     font-size:40px;
−
     position: relative;
+
     font-weight: bolder;
−
     top: 75px;
+
     color:#404040;
−
     left: 10px;
+
     line-height: 1.3;
−
     opacity: 0.8;
+
 
}
 
}
  
−
.ribbon-message {
+
 
−
    -webkit-box-sizing: border-box;
+
 
−
    -moz-box-sizing: border-box;
+
.fseven {
−
    -ms-box-sizing: border-box;
+
−
    box-sizing: border-box;
+
−
    background: #f1f1ea;
+
−
    width: 40%;
+
 
     position: absolute;
 
     position: absolute;
−
     left: 32%;
+
     width: 10%;
−
    top: 60%;
+
height: auto;
−
    margin-top: -67px;
+
max-width: 100%;
−
     padding: 17px 17px 17px 17px;
+
max-height: 100%;
−
     height: 137px;
+
    top: 15%;
−
     text-align: center;
+
     left: 40%;
−
     font-size: 15px;
+
     -webkit-animation-name: scaleDraw1; /*关键帧名称*/
−
     line-height: 22px;
+
     -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
 +
     -webkit-animation-iteration-count:infinite; /*动画播放的次数*/
 +
     -webkit-animation-duration: 5s; /*动画所花费的时间*/
 +
 +
}
 +
@keyframes scaleDraw1 { 
 +
    0%{
 +
        transform: scale(0.8);  /*开始为原始大小*/
 +
    }
 +
    25%{
 +
        transform: scale(1.5); /*放大1.1倍*/
 +
    }
 +
    50%{
 +
        transform: scale(0.8);
 +
    }
 +
    75%{
 +
        transform: scale(1.5);
 +
    }
 
}
 
}
  
−
.ribbon-message:before {
+
.feight {
−
    content: url(https://static.igem.org/mediawiki/2019/e/e5/T--Fudan--Home4.png);
+
−
    width: 27px;
+
−
    height: 137px;
+
 
     position: absolute;
 
     position: absolute;
−
     left: -27px;
+
     width: 20%;
−
     top: 0;
+
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
     top: 65%;
 +
    left: 23%;
 +
 
}
 
}
  
−
.ribbon-message:after {
+
.fnine{
−
    content: url(https://static.igem.org/mediawiki/2019/d/de/T--Fudan--Home5.png);
+
−
    width: 28px;
+
−
    height: 137px;
+
 
     position: absolute;
 
     position: absolute;
−
     right: -27px;
+
     width: 140%;
−
     top: 0;
+
height: auto;
 +
max-width: 200%;
 +
max-height: 200%;
 +
     top: -10%;
 +
    left: 0%;
 
}
 
}
  
−
.bedroom-floor {
+
.ften{
−
     height: 100%;
+
     position: absolute;
−
    background: rgb(255,169,181)
+
     width: 20%;
−
}
+
height: auto;
−
.floor-inner {
+
max-width: 200%;
−
     width: 1000px;
+
max-height: 200%;
−
    height: 94%;
+
     top: 35%;
−
    min-height: 400px;
+
     left: 16%;
−
    margin: 0 auto;
+
−
    padding: 3% 0;
+
−
    position: relative;
+
−
}
+
−
img.desk {
+
−
    max-width: 1000px;
+
−
    max-height: 130px;
+
−
    height: 60%;
+
−
     top: 44%;
+
−
    z-index: 1;
+
−
     left: 15%;
+
−
   
+
 
}
 
}
  
−
img.nipple {
+
.ptwo{
−
     max-width: 1200px;
+
     position: absolute;
−
     max-height: 130px;
+
     width: 65%;
−
    z-index: 2;
+
height: auto;
−
     width: 65.5%;
+
max-width: 100%;
−
     top: 44%;
+
max-height: 100%;
 +
     top: 30%;
 +
     left: 33%;
 
}
 
}
−
img.nipple2 {
+
.ptwo p{
−
     max-width: 1000px;
+
     text-align:justify;
−
     max-height: 130px;
+
     font-size:40px;
−
     z-index: 2;
+
     font-weight: bolder;
−
     left: 20.6%;
+
     color:#404040;
−
     width: 65.5%;
+
     line-height: 1.3;
−
    top: 74%;
+
−
}
+
−
img.feeder {
+
−
    max-width: 1000px;
+
−
    max-height: 130px;
+
−
    z-index: 2;
+
−
    width: 65.5%;
+
−
    top: 44%;
+
−
}
+
−
img.feeder2 {
+
−
    max-width: 1000px;
+
−
    max-height: 130px;
+
−
    z-index: 2;
+
−
    width: 65.5%;
+
−
    top: 74%;
+
 
}
 
}
  
−
img.lacZ {
+
.pthree{
−
width: 250px;
+
    position: absolute;
−
     top: 55%;
+
    width: 60%;
−
     left: 10%;
+
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
     top: 70%;
 +
     left: 15%;
 
}
 
}
−
img.lactose {
+
.pthree p{
−
width: 500px;
+
     text-align:justify;
−
     top: 10%;
+
     font-size:40px;
−
     left: 2%;
+
     font-weight: bolder;
−
}
+
     color:#404040;
−
img.intest {
+
     line-height: 1.3;
−
     height: 600px;
+
−
     width: 300px;
+
−
     left: 70%;
+
−
    top: 14%;
+
−
}
+
−
img.light{
+
−
height:100%;
+
−
width:100%;
+
−
}
+
−
img.info{
+
−
    top: 30%;
+
−
    height: 45%;
+
 
}
 
}
  
−
img.intest10{
+
.pfour{
−
     height: 80%;
+
     position: absolute;
−
     top: 14%;
+
    width: 60%;
−
     left: 65%;
+
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
     top: 70%;
 +
     left: 35%;
 
}
 
}
−
img.stage{
+
.pfour p{
−
     height: 90%;
+
     text-align:justify;
−
     top: 7%;
+
     font-size:40px;
−
     left: 9%;
+
     font-weight: bolder;
−
}
+
     color:#404040;
−
img.lastbg{
+
     line-height: 1.3;
−
     height: 100%;
+
−
     width: 100%;
+
 
}
 
}
 +
 +
 +
 
.bathroom-wall {
 
.bathroom-wall {
 
     height: 100%;
 
     height: 100%;
−
     background: rgb(244,218,133);
+
     background-image: url("https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png");
 +
    background-repeat:repeat-y;
 
     min-height: 300px;
 
     min-height: 300px;
 
}
 
}
Line 273: Line 311:
 
.wardrobe-wall {
 
.wardrobe-wall {
 
     height: 100%;
 
     height: 100%;
−
     background: rgb(244,218,133);
+
     background: url("https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png");
 
     min-height: 300px;
 
     min-height: 300px;
 
}
 
}
 +
 +
 
.kitchen-wall {
 
.kitchen-wall {
 
     height: 100%;
 
     height: 100%;
Line 282: Line 322:
 
}
 
}
 
.last-wall {
 
.last-wall {
−
     height: 75%;
+
     height: 100%;
 
     background: rgb(255,227,232);
 
     background: rgb(255,227,232);
 
     min-height: 300px;
 
     min-height: 300px;
 
}
 
}
 
.last-floor {
 
.last-floor {
−
     height: 25%;
+
     height: 100%;
 
     background: rgb(27,31,59);
 
     background: rgb(27,31,59);
 
     min-height: 300px;
 
     min-height: 300px;
Line 314: Line 354:
 
     position: relative;
 
     position: relative;
 
}
 
}
 +
  
  
 
</style>
 
</style>
 +
 +
  
  
Line 322: Line 365:
 
</head>
 
</head>
  
−
<body style="background-image: url('https://static.igem.org/mediawiki/2020/9/9e/T--ZJU-China--wiki_back2.png');">
+
<body style="background-image: url('https://static.igem.org/mediawiki/2020/8/89/T--ZJU-China--wiki_index_backpage.png');">
  
 
<!-- Pre Loader Area start -->
 
<!-- Pre Loader Area start -->
−
<div id="preloader">
+
<div id="preloader" style="text-align:center;margin: 0 auto;">
−
    <div class="loader"></div>
+
     
−
</div>
+
        <img  style="width: auto;height: auto;max-width: 30%;max-height: 30%;" src="https://static.igem.org/mediawiki/2020/6/6b/T--ZJU-China--wiki_loading.gif">
 +
       
 +
    </div>
 +
 
 
<!-- Pre Loader Area End -->
 
<!-- Pre Loader Area End -->
  
Line 334: Line 380:
  
 
     <!-- Navigation -->
 
     <!-- Navigation -->
−
     <nav class="navbar navbar-expand-lg fixed-top d-none d-sm-none d-md-block d-lg-block d-xl-block" id="mainNav" style="background-image: url('https://static.igem.org/mediawiki/2020/b/b9/T--ZJU-China--wiki_navback2.png');" >
+
     <nav class="navbar navbar-expand-lg fixed-top d-none d-sm-none d-md-block d-lg-block d-xl-block" id="mainNav" style="background-color:white;" >
 
         <div class="container">
 
         <div class="container">
−
             <a class="navbar-brand" href="index.html" style="left:-10%;margin:-20px"><img src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" class="img-fluid" width="150px" ></a>
+
             <a class="navbar-brand" href="https://2020.igem.org/Team:ZJU-China" style="left:-10%;margin-top:-18px;margin-bottom:-26px;margin-left:-18px;margin-right:-18px;"><img src="https://static.igem.org/mediawiki/2020/d/dd/T--ZJU-China--wiki_logo_new.png" class="img-fluid" width="150px" ></a>
−
           
+
       
 
             <div class="collapse navbar-collapse" id="navbarResponsive" >
 
             <div class="collapse navbar-collapse" id="navbarResponsive" >
 
                 <ul class="navbar-nav text-capitalize ml-auto">
 
                 <ul class="navbar-nav text-capitalize ml-auto">
 
                     <li class="nav-item dropdown-box" style="background-color:pink;;opacity: 0.9;">
 
                     <li class="nav-item dropdown-box" style="background-color:pink;;opacity: 0.9;">
−
                         <a class="nav-link js-scroll-trigger" href="index.html">Home</a>
+
                         <a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:ZJU-China">Home</a>
 
                        
 
                        
 
                     </li>
 
                     </li>
Line 347: Line 393:
 
                         <a class="nav-link" href="#">Team</a>
 
                         <a class="nav-link" href="#">Team</a>
 
                         <ul class="dropdown-list" >
 
                         <ul class="dropdown-list" >
−
                             <li><a href="team.html">Team Members</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Team">Members</a></li>
−
                             <li><a href="domain.html">Attributions</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Medals">Medals</a></li>
 
                              
 
                              
 
                            
 
                            
Line 356: Line 403:
 
                         <a class="nav-link" href="#">Project</a>
 
                         <a class="nav-link" href="#">Project</a>
 
                         <ul class="dropdown-list">
 
                         <ul class="dropdown-list">
−
                             <li><a href="domain.html">Description</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Description">Description</a></li>
−
                             <li><a href="background.html">Background</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Background">Background</a></li>
−
                             <li><a href="domain.html">Design</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Design">Design</a></li>
−
                             <li><a href="experiment.html">Experiments</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Magnetosome">Magnetosome</a></li>
−
                             <li><a href="hosting.html">Result</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Experiments">Experiments</a></li>
−
                             <li><a href="hosting.html">Demonstrate</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Results">Results</a></li>
 +
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Future">Future</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 
                     <li class="nav-item dropdown-box" style="background-color:dodgerblue;opacity: 0.9;">
 
                     <li class="nav-item dropdown-box" style="background-color:dodgerblue;opacity: 0.9;">
−
                         <a class="nav-link" href="#">Modeling</a>
+
                         <a class="nav-link" href="#">Model</a>
 
                         <ul class="dropdown-list">
 
                         <ul class="dropdown-list">
−
                            <li><a href="services.html">Overview</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Model">Model</a></li>
−
                             <li><a href="services-classic.html">xxx Model</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Engineering">Engineering</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Proof_Of_Concept">Proof of Concept</a></li>
 +
                           
 
                              
 
                              
 
                         </ul>
 
                         </ul>
Line 375: Line 425:
 
                         <a class="nav-link" href="#">Parts</a>
 
                         <a class="nav-link" href="#">Parts</a>
 
                         <ul class="dropdown-list">
 
                         <ul class="dropdown-list">
−
                             <li><a href="about.html">Measurement</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Contribution">Contribution</a></li>
−
                             <li><a href="pricing-table.html">Improvement</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Improve">Improve</a></li>
−
                             <li><a href="login.html">New Parts</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Newparts">New Parts</a></li>
 
                              
 
                              
 
                         </ul>
 
                         </ul>
Line 384: Line 434:
 
                         <a class="nav-link" href="#">Human</a>
 
                         <a class="nav-link" href="#">Human</a>
 
                         <ul class="dropdown-list">
 
                         <ul class="dropdown-list">
−
                             <li><a href="safety.html">Safety</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Human_Practices">Human Practices</a></li>
−
                             <li><a href="blog-classic.html">Human Practice</a></li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Education">Education</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Partnership">Partnership</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Safety">Safety</a></li>
 
                              
 
                              
−
                        </ul>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Implementation">Implementation</a></li>
−
                    </li>
+
                             <li><a href="https://2020.igem.org/Team:ZJU-China/Entrepreneurship">Entrepreneurship</a></li>
−
                    <li class="nav-item dropdown-box" style="background-color:orchid;opacity: 0.9;">
+
−
                        <a class="nav-link" href="#">Application</a>
+
−
                        <ul class="dropdown-list">
+
−
                            <li><a href="blog-grid.html">Hardware</a></li>
+
−
                             <li><a href="blog-classic.html">Software</a></li>
+
 
                              
 
                              
 +
 +
                       
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 +
                   
 
                    
 
                    
 
                 </ul>
 
                 </ul>
Line 406: Line 457:
 
     <!-- Mobile Menu Start -->
 
     <!-- Mobile Menu Start -->
 
     <nav class="mobile_menu hidden d-none">
 
     <nav class="mobile_menu hidden d-none">
−
         <a href="index.html"><img class="mobile-logo" src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" alt="Logo"></a>
+
         <a href="https://2020.igem.org/Team:ZJU-China"><img class="mobile-logo" src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--temt.png" alt="Logo"></a>
 
         <ul class="nav navbar-nav navbar-right menu">
 
         <ul class="nav navbar-nav navbar-right menu">
 
             <li class="dropdown active">
 
             <li class="dropdown active">
Line 415: Line 466:
 
                 <a>Team</a>
 
                 <a>Team</a>
 
                 <ul class="sub_menu">
 
                 <ul class="sub_menu">
−
                     <li><a href="team.html">Team Members</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Team">Members</a></li>
−
                     <li><a href="domain.html">Attributions</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2020.igem.org/Team:ZJU-China/Medals">Medals</a></li>
 +
                           
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
Line 422: Line 475:
 
                 <a>Project</a>
 
                 <a>Project</a>
 
                 <ul class="sub_menu">
 
                 <ul class="sub_menu">
−
                     <li><a href="domain.html">Description</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Description">Description</a></li>
−
                    <li><a href="background.html">Background</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Background">Background</a></li>
−
                    <li><a href="domain.html">Design</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Design">Design</a></li>
−
                    <li><a href="domain.html">Experiments</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Magnetosome">Magnetosome</a></li>
−
                    <li><a href="domain.html">Result</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Experiments">Experiments</a></li>
−
                    <li><a href="domain.html">Demonstrate</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Results">Results</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Future">Future</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
−
                 <a>Modeling</a>
+
                 <a>Model</a>
 
                 <ul class="sub_menu">
 
                 <ul class="sub_menu">
−
                    <li><a href="domain.html">Overview</a></li>
+
                    <li><a href="https://2020.igem.org/Team:ZJU-China/Model">Model</a></li>
−
                    <li><a href="domain.html">xxx Model</a></li>
+
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Engineering">Engineering</a></li>
 +
                            <li><a href="https://2020.igem.org/Team:ZJU-China/Proof_Of_Concept">Proof of Concept</a></li>
 +
                                 
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
Line 440: Line 496:
 
                 <a>Parts</a>
 
                 <a>Parts</a>
 
                 <ul class="sub_menu">
 
                 <ul class="sub_menu">
−
                     <li><a href="domain.html">Measurement</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Contribution">Contribution</a></li>
−
                     <li><a href="domain.html">Improvement</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Improve">Improve</a></li>
−
                     <li><a href="domain.html">New Parts</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Newparts">New Parts</a></li>
 +
                           
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
Line 448: Line 505:
 
                 <a>Human</a>
 
                 <a>Human</a>
 
                 <ul class="sub_menu">
 
                 <ul class="sub_menu">
−
                     <li><a href="safety.html">Safety</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Human_Practices">Human Practices</a></li>
−
                     <li><a href="blog-classic.html">Human Practice</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Education">Education</a></li>
−
                </ul>
+
                    <li><a href="https://2020.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
−
            </li>
+
                    <li><a href="https://2020.igem.org/Team:ZJU-China/Partnership">Partnership</a></li>
−
            <li class="dropdown">
+
                    <li><a href="https://2020.igem.org/Team:ZJU-China/Safety">Safety</a></li>
−
                <a>Application</a>
+
                           
−
                <ul class="sub_menu">
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Implementation">Implementation</a></li>
−
                     <li><a href="blog-grid.html">Hardware</a></li>
+
                     <li><a href="https://2020.igem.org/Team:ZJU-China/Entrepreneurship">Entrepreneurship</a></li>
−
                     <li><a href="blog-classic.html">Software</a></li>
+
                           
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 +
           
 
              
 
              
 
         </ul>
 
         </ul>
Line 464: Line 522:
 
     <!-- Mobile Menu End -->
 
     <!-- Mobile Menu End -->
 
</section>
 
</section>
−
<!--Main Menu/ Mobile Menu Section-->
+
 
  
  
Line 470: Line 528:
  
 
<header>
 
<header>
−
<div style="z-index:999999;position: fixed;margin-top:0px;text-align:center;height:100%" id="movehead">
+
<div style="z-index:999999;position: fixed;margin-top:0px;text-align:center;width:100%" id="movehead">
 
   <video style="width: auto;height:auto;max-width: 100%;max-height: 100%;" autoplay="autoplay" loop="loop" id="video" x-webkit-airplay="true" webkit-playsinline="true" muted="">
 
   <video style="width: auto;height:auto;max-width: 100%;max-height: 100%;" autoplay="autoplay" loop="loop" id="video" x-webkit-airplay="true" webkit-playsinline="true" muted="">
−
   <source src="https://static.igem.org/mediawiki/2020/7/77/T--ZJU-China--wiki_index_mov2.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2020/8/8a/T--ZJU-China--wiki_index_mov3.mp4" type="video/mp4">
 
</video>
 
</video>
  
  
−
   
+
 
−
     <div id="scroll-bottom" class="scroll-to-bottom">
+
     <div id="scroll-bottom" class="scroll-to-bottom" >
−
         <a href="#domain-search" class="js-scroll-trigger" style="color:pink;font-size: larger;"><span></span>   Scroll</a>
+
         <a style="position: absolute;;left:92%;bottom:17%;color:pink; font-size:30px;font-family:'Nunito', sans-serif;" href="#domain-search" class="js-scroll-trigger"><span></span> Scroll </a>
 
     </div>
 
     </div>
 
</div>
 
</div>
Line 484: Line 542:
  
  
−
<section id="domain-search" style="height:1000px">
+
<section id="domain-search" style="height:80px">
 
</section>
 
</section>
 +
 +
  <div id="skrollr-body">
 +
 +
         
 +
          <div class="container0"
 +
            data-18699="display:block"
 +
            data-18700="display:block"
 +
          >
 +
         
 +
            <!-- Scene 1 -->
 +
            <div class="scene"
 +
                data-2700="top: 0%"
 +
                data-3700="top: -100%; display: block;"
 +
                data-3701="display: none;"
 +
            >
 +
           
 +
               
 +
               
 +
                <div class="bedroom-floor">
 +
                      <div class="floor-inner">
 +
                        <img src="https://static.igem.org/mediawiki/2020/d/d3/T--ZJU-China--wiki_index_fig1.png"  class="fone"
 +
                     
 +
                        data-="display:none;"
 +
                        data-100="display:block; opacity:0;"
 +
                        data-700="display:block; opacity:1; "
 +
                        data-3600="display:block; opacity:1; "
 +
                        data-3700="display:block; opacity:0; "
 +
                        >
 +
                        <img src="https://static.igem.org/mediawiki/2020/3/36/T--ZJU-China--wiki_index_fig2_2.png"  class="ftwo"
 +
                     
 +
                        data-="display:none;"
 +
                        data-900="display:block; opacity:1;top:100%;"
 +
                        data-1100="display:block; opacity:1; top:25%;"
 +
                        data-1300="display:block; opacity:1; top:25%;"
 +
                        data-1700="display:block; opacity:1; top:-100%;"
 +
                       
 +
                        >
 +
                        <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig2.gif"  class="fthree"
 +
                     
 +
                        data-="display:none;"
 +
                        data-1200="display:block; opacity:1;top:120%;"
 +
                        data-2000="display:block; opacity:1; top:40%;"
 +
                       
 +
                       
 +
                       
 +
                        >
 +
                        <img src="https://static.igem.org/mediawiki/2020/7/73/T--ZJU-China--wiki_index_researcher.png"  class="ffour"
 +
                     
 +
                        data-="display:none;"
 +
                        data-1700="display:block; opacity:1;top:120%;"
 +
                        data-2300="display:block; opacity:1; top:50%;"
 +
                        >
 +
                        <img src="https://static.igem.org/mediawiki/2020/d/d3/T--ZJU-China--wiki_index_fig4.png"  class="ffive"
 +
                     
 +
                        data-="display:none;"
 +
                        data-2300="display:block; opacity:1;top:120%;"
 +
                        data-2500="display:block; opacity:1; top:20%;"
 +
                        >
 +
                       
 +
                       
 +
                       
 +
                    </div>
 +
                 
 +
                   
 +
                </div>
 +
           
 +
            <!-- End Scene 1 -->
 +
            </div>
 +
 +
 +
 +
 +
            <!-- Scene 2 -->
 +
            <div class="scene"
 +
                data-2700="top: 100%;"
 +
                data-3700="top: 0%;"
 +
                data-5700="top: 0%"
 +
                data-7200="top: -100%; display: block;"
 +
                data-7201="display: none;"
 +
            >
 +
         
 +
              <div class="bathroom-wall">
 +
                       
 +
                <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig2.gif"  class="fsix"
 +
                     
 +
                data-="display:none;"
 +
                data-3600="display:block; opacity:0;"
 +
                data-4100="display:block; opacity:1; "
 +
                data-5500="display:block; opacity:1; "
 +
                data-7200="display:block; opacity:1; "
 +
                >
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/4/48/T--ZJU-China--wiki_index_w1.png"  class="fone"  style="width:60%;top:40%;left:35%;"
 +
                    data-="display:none;"
 +
                    data-3600="display:block; opacity:0;"
 +
                    data-4100="display:block; opacity:1;"
 +
                    data-5500="display:block; opacity:1;"
 +
                    data-7200="display:block; opacity:1;"
 +
                    >
 +
                </div>
 +
 +
                <img src="https://static.igem.org/mediawiki/2020/7/7c/T--ZJU-China--wiki_index_fig5.png"  class="fseven"
 +
                     
 +
                data-="display:none;"
 +
                data-4200="display:block;opacity:0;"
 +
                data-4300="display:block;opacity:1;"
 +
               
 +
                >
 +
 +
                <img src="https://static.igem.org/mediawiki/2020/4/4c/T--ZJU-China--wiki_index_fig6.png"  class="feight"
 +
                     
 +
                data-="display:none;"
 +
                data-4500="display:block;opacity:0;"
 +
                data-4700="display:block;opacity:1;"
 +
               
 +
                >
 +
 +
 +
              </div>
 +
           
 +
 +
       
 +
            </div>
 +
 +
 +
            <!-- Scene 3: Nissle helps -->
 +
            <div class="scene"
 +
                data-5700="top: 100%;"
 +
                data-7200="top: 0%;"
 +
                data-30000="top: 0%;"
 +
                data-30500="top: -100%; display: block;"
 +
                data-30501="display: none;"
 +
            >
 +
               
 +
                <div class="wardrobe-wall">
 +
                    <img src="https://static.igem.org/mediawiki/2020/f/f5/T--ZJU-China--wiki_index_fig7.png"  class="fnine"
 +
                    data-="display:none;opacity:0;"
 +
                    data-="display:none;opacity:0;"
 +
                    data-7100="isplay:none;opacity:0;left:0%"
 +
                    data-7200="display:block;opacity:1;left:0%"
 +
                    data-10500="display:block;opacity:1;left:0%"
 +
                    data-11000="display:block;opacity:1;left:0%"
 +
                    data-13000="display:block;opacity:1;left:-5%"
 +
                    data-16500="display:block;opacity:1;left:-10%"
 +
                    data-19000="display:block;opacity:1;left:-15%"
 +
                    data-21000="display:block;opacity:1;left:-20%"
 +
                    data-22000="display:block;opacity:1;left:-25%"
 +
                    data-23000="display:block;opacity:1;left:-30%"
 +
                    data-24000="display:block;opacity:1;left:-35%"
 +
                    data-25500="display:block;opacity:1;left:-40%"
 +
data-28000="display:block;opacity:1;left:-45%"
 +
                    data-29000="display:block;opacity:1;left:-50%"
 +
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall">
 +
                    <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig2.gif"  class="fsix"
 +
                    data-="display:none;"
 +
                    data-8700="display:block;opacity:1;left:7%;top:20%"
 +
                    data-10500="display:block;opacity:1;left:7%;top:20%"
 +
                    data-11000="display:block;opacity:1;left:7%;top:20%"
 +
                    data-12500="display:block;opacity:1;left:10%;top:30%"
 +
                    data-19000="display:block;opacity:1;left:10%;top:30%"
 +
                    data-19800="display:block;opacity:1;left:10%;top:33%"
 +
                    data-26000="display:block;opacity:1;left:10%;top:33%"
 +
                    data-26600="display:block;opacity:1;left:17%;top:42%"
 +
                    data-28700="display:block;opacity:1;left:17%;top:42%"
 +
                    data-29000="display:block;opacity:1;left:25%;top:45%"
 +
                   
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall">
 +
                    <img src="https://static.igem.org/mediawiki/2020/9/9d/T--ZJU-China--wiki_index_fig9.png"  class="ften"
 +
                    data-="display:none;"
 +
                    data-12000="display:none;opacity:0;top:35%;left:16%"
 +
                    data-12500="display:block;opacity:1;top:35%;left:16%"
 +
                    data-19000="display:block;opacity:1;top:35%;left:16%"
 +
                    data-19800="display:block;opacity:1;top:38%;left:16%"
 +
                    data-26000="display:block;opacity:1;top:38%;left:16%"
 +
                    data-26600="display:block;opacity:1;top:47%;left:23%"
 +
                    data-28700="display:block;opacity:1;top:47%;left:23%"
 +
                    data-29000="display:block;opacity:1;top:50%;left:31%"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall">
 +
                    <img src="https://static.igem.org/mediawiki/2020/3/38/T--ZJU-China--wiki_index_fig10.png"  class="ften"
 +
                    data-="display:none;"
 +
           
 +
                    data-19799="display:block;opacity:0;top:26%;left:23%"
 +
                    data-19800="display:block;opacity:1;top:26%;left:23%"
 +
                    data-26000="display:block;opacity:1;top:26%;left:23%"
 +
                    data-26001="display:block;opacity:0;top:26%;left:23%"
 +
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/d/d6/T--ZJU-China--wiki_index_fig11.png"  class="ften"  style="width:7%;"
 +
                    data-="display:none;"
 +
           
 +
                    data-20999="display:block;opacity:0;top:48%;left:25%"
 +
                    data-21000="display:block;opacity:1;top:48%;left:25%"
 +
data-21200="display:block;opacity:1;top:50%;left:20%"
 +
data-25400="display:block;opacity:1;top:50%;left:20%"
 +
                    data-26500="display:block;opacity:0;top:50%;left:20%"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/c/c1/T--ZJU-China--wiki_index_fig12.png"  class="ften"  style="width:40%;"
 +
                    data-="display:none;"
 +
           
 +
                    data-26000="display:block;opacity:1;top:100%;left:20%"
 +
                    data-27200="display:block;opacity:1;top:10%;left:10%"
 +
                    data-27500="display:block;opacity:1;top:10%;left:10%"
 +
                    data-28000="display:block;opacity:0;top:10%;left:10%"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/6/6f/T--ZJU-China--wiki_index_fig13.png"  class="ften"  style="width:13%;"
 +
                    data-="display:none;"
 +
                    data-25999="display:block;opacity:0;top:53%;left:23%;"
 +
                    data-26000="display:block;opacity:1;top:53%;left:23%;"
 +
                    data-27200="display:block;opacity:1;top:53%;left:23%;"
 +
                    data-28700="display:block;opacity:1;top:53%;left:23%;"
 +
                    data-29000="display:block;opacity:1;top:56%;left:31%;"
 +
                   
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/5/5a/T--ZJU-China--wiki_index_w2.png"  class="fone"  style="width:60%;left:40%;"
 +
                    data-="display:none;"
 +
                data-8500="display:block; opacity:0;top:40%;"
 +
                data-9300="display:block; opacity:1;top:30%;"
 +
                data-10500="display:block; opacity:1;top:30%; "
 +
                data-11000="display:block;opacity:0;top:30%;"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/e/ea/T--ZJU-China--wiki_index_w3.png"  class="fone"  style="width:60%;left:20%;"
 +
                    data-="display:none;"
 +
                    data-7200="display:block; opacity:0;top:80%"
 +
                    data-8000="display:block; opacity:1;top:65%; "
 +
                    data-10500="display:block; opacity:1;top:65%; "
 +
                    data-11000="display:block;opacity:0;top:65%;"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/a/a0/T--ZJU-China--wiki_index_w4.png"  class="fone"  style="width:60%;left:40%;"
 +
                    data-="display:none;"
 +
                data-13000="display:block; opacity:0;top:40%;"
 +
                data-14000="display:block; opacity:1;top:30%;"
 +
                data-16000="display:block; opacity:1;top:30%; "
 +
                data-17000="display:block;opacity:0;top:30%;"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/5/5f/T--ZJU-China--wiki_index_w5.png"  class="fone"  style="width:60%;left:20%;"
 +
                    data-="display:none;"
 +
                data-17800="display:block; opacity:0;left:40%;top:40%;"
 +
                data-18800="display:block; opacity:1;left:40%;top:30%;"
 +
                data-21800="display:block; opacity:1;left:40%;top:30%; "
 +
                data-22800="display:block;opacity:0;left:40%;top:30%;"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/4/4e/T--ZJU-China--wiki_index_w6.png"  class="fone"  style="width:40%;"
 +
                    data-="display:none;"
 +
                data-23600="display:block; opacity:0;left:45%;top:40%;"
 +
                data-24600="display:block; opacity:1;left:45%;top:20%;"
 +
                data-25400="display:block; opacity:1;left:45%;top:20%; "
 +
                data-26000="display:block;opacity:0;left:45%;top:20%;"
 +
                    >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/f/f0/T--ZJU-China--wiki_index_w7.png"  class="fone"  style="width:40%;"
 +
                    data-="display:none;"
 +
                data-26000="display:block; opacity:0;left:53%;top:40%;"
 +
                data-26500="display:block; opacity:1;left:53%;top:30%;"
 +
                data-27000="display:block; opacity:1;left:53%;top:30%; "
 +
                data-27500="display:block;opacity:0;left:53%;top:30%;"
 +
                >
 +
                </div>
 +
 +
                <div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/0/05/T--ZJU-China--wiki_index_w8.png"  class="fone"  style="width:60%;"
 +
                    data-="display:none;"
 +
                data-29000="display:block; opacity:0;left:10%;top:30%;"
 +
                data-29300="display:block; opacity:1;left:10%;top:20%;"
 +
                data-29800="display:block; opacity:1;left:10%;top:20%; "
 +
                data-30000="display:block;opacity:1;left:10%;top:20%;"
 +
                >
 +
                </div>
 +
 +
           
 +
            </div>
 +
           
 +
            <!-- Scene 4 -->
 +
         
 +
          <div class="scene"
 +
                data-30000="top: 100%;"
 +
                data-30500="top: 0%;"
 +
                data-37500="top: 0%;"
 +
            >
 +
 +
 +
            <div class="wardrobe-wall">
 +
                <img src="https://static.igem.org/mediawiki/2020/e/e8/T--ZJU-China--wiki_index_figwhole.gif"  class="fone"
 +
                data-="display:none;"
 +
                data-30499="display:block;opacity:0;top:15%"
 +
                data-30500="display:block;opacity:1;top:15%"
 +
                data-30700="display:block;opacity:1;top:15%"
 +
                data-30900="display:block;opacity:1;top:-10%"
 +
                data-31300="display:block;opacity:1;top:-10%"
 +
                data-31400="display:block;opacity:0;top:-10%"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/3/38/T--ZJU-China--wiki_index_w9.png"  class="fone"  style="width:60%;"
 +
                data-="display:none;"
 +
                data-30700="display:block; opacity:0;left:40%;top:100%;"
 +
                data-30900="display:block; opacity:1;left:40%;top:65%;"
 +
                data-31100="display:block; opacity:1;left:40%;top:65%; "
 +
                data-31300="display:block; opacity:1;left:40%;top:65%; "
 +
                data-31400="display:block; opacity:0;left:40%;top:65%; "
 +
            >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/8/8b/T--ZJU-China--wiki_index_fig14.png"  class="fone"  style="width:30%"
 +
                data-="display:none;"
 +
                data-31400="display:block;opacity:0;top:-100%;left:60%;"
 +
                data-31400="display:block;opacity:1;top:-100%;left:60%;"
 +
                data-31800="display:block;opacity:1;top:20%;left:60%;"
 +
                data-32200="display:block;opacity:1;top:20%;left:60%;"
 +
                data-32300="display:block;opacity:1;top:100%;left:60%;"
 +
                data-32301="display:block;opacity:0;top:100%;left:60%;"
 +
                >
 +
            </div>
 +
 +
           
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/c/c6/T--ZJU-China--wiki_index_w10.png"  class="fone"  style="width:60%;"
 +
                data-="display:none;"
 +
                data-31399="display:block; opacity:0;left:7%;top:100%;"
 +
                data-31400="display:block; opacity:1;left:7%;top:100%;"
 +
                data-31800="display:block; opacity:1;left:7%;top:40%;"
 +
                data-32200="display:block; opacity:1;left:7%;top:40%; "
 +
                data-32300="display:block; opacity:1;left:7%;top:-100%; "
 +
            >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/4/46/T--ZJU-China--wiki_index_fig15.png"  class="fone"  style="width:30%"
 +
                data-="display:none;"
 +
                data-32299="display:block;opacity:0;top:-100%;left:10%;"
 +
                data-32300="display:block;opacity:1;top:-100%;left:10%;"
 +
                data-32700="display:block;opacity:1;top:20%;left:10%;"
 +
                data-33000="display:block;opacity:1;top:20%;left:10%;"
 +
                data-33600="display:block;opacity:1;top:20%;left:10%;"
 +
                data-33800="display:block;opacity:0;top:20%;left:10%;"
 +
               
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/2/2f/T--ZJU-China--wiki_index_fig16_1.png"  class="fone"  style="width:20%"
 +
                data-="display:none;"
 +
                data-32999="display:block;opacity:0;top:100%;left:15%;"
 +
                data-33000="display:block;opacity:1;top:100%;left:15%;"
 +
                data-33200="display:block;opacity:1;top:40%;left:15%;"
 +
                data-33600="display:block;opacity:1;top:40%;left:15%;"
 +
                data-33800="display:block;opacity:0;top:40%;left:15%;"
 +
               
 +
               
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/1/16/T--ZJU-China--wiki_index_fig17_1.png"  class="fone"  style="width:20%;translation:all 2s;"
 +
                data-="display:none;"
 +
                data-33199="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
 +
                data-33200="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
 +
                data-33400="display:block;opacity:1;top:60%;left:15%;transform: scale(1.0); "
 +
                data-33600="display:block;opacity:1;top:60%;left:15%;transform: scale(1.0); "
 +
                data-33800="display:block;opacity:1;top:60%;left:15%;transform: scale(1.8); "
 +
                data-33900="display:block;opacity:1;top:25%;left:15%;transform: scale(1.8); "
 +
                data-34300="display:block;opacity:1;top:28%;left:25%;transform: scale(1.75); "
 +
                data-34301="display:block;opacity:0;top:28%;left:25%;transform: scale(1.75); "
 +
               
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/a/a0/T--ZJU-China--wiki_index_fig18.png"  class="fone"  style="width:45%;"
 +
                data-="display:none;"
 +
                data-33899="display:block;opacity:0;top:10%;left:55%;"
 +
                data-33900="display:block;opacity:1;top:10%;left:55%;"
 +
                data-34300="display:block;opacity:1;top:9%;left:50%;"
 +
                data-34301="display:block;opacity:0;top:9%;left:50%;"
 +
               
 +
                >
 +
            </div>
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/4/48/T--ZJU-China--wiki_index_fig42.png"  class="fone"  style="width:75%;"
 +
                data-="display:none;"
 +
               
 +
                data-34300="display:block;opacity:0;top:10%;left:17%;"
 +
                data-34301="display:block;opacity:1;top:10%;left:17%;"
 +
                data-34500="display:block;opacity:1;top:10%;left:17%;"
 +
                data-34700="display:block;opacity:0;top:10%;left:17%;"
 +
                >
 +
            </div>
 +
 +
         
 +
 +
           
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/7/70/T--ZJU-China--wiki_index_w11_1.png"  class="fone"  style="width:60%;"
 +
                data-="display:none;"
 +
                data-32299="display:block; opacity:0;left:40%;top:100%;"
 +
                data-32300="display:block; opacity:1;left:40%;top:100%;"
 +
                data-32700="display:block; opacity:1;left:40%;top:40%;"
 +
                data-33600="display:block; opacity:1;left:40%;top:40%; "
 +
                data-33800="display:block; opacity:0;left:40%;top:40%; "
 +
            >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/7/76/T--ZJU-China--wiki_index_w12.png"  class="fone"  style="width:60%;"
 +
                data-="display:none;"
 +
               
 +
                data-34299="display:block; opacity:0;left:20%;top:100%; "
 +
                data-34300="display:block; opacity:1;left:20%;top:100%; "
 +
                data-34500="display:block; opacity:1;left:20%;top:69%; "
 +
                data-34700="display:block; opacity:0;left:20%;top:69%; "
 +
            >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/a/af/T--ZJU-China--wiki_index_fig21.png"  class="fone"  style="width:25%"
 +
                data-="display:none;"
 +
                data-34999="display:block;opacity:0;top:100%;left:32%;"
 +
                data-35000="display:block;opacity:1;top:100%;left:32%;"
 +
                data-35500="display:block;opacity:1;top:40%;left:32%;"
 +
                data-35501="display:block;opacity:0;top:40%;left:32%;"
 +
 +
                >
 +
            </div>
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/6/6c/T--ZJU-China--wiki_index_fig41.png"  class="fone"  style="width:40%"
 +
                data-="display:none;"
 +
               
 +
                data-35500="display:block;opacity:0;top:20%;left:32%;"
 +
                data-35501="display:block;opacity:1;top:20%;left:32%;"
 +
                data-35900="display:block;opacity:1;top:20%;left:52%;"
 +
                data-36100="display:block;opacity:1;top:20%;left:32%;"
 +
                data-36500="display:block;opacity:1;top:20%;left:32%;"
 +
                data-36501="display:block;opacity:0;top:20%;left:32%;"
 +
                >
 +
            </div>
 +
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig19.png"  class="fone"  style="width:70%;translation:all 2s;"
 +
                data-="display:none;"
 +
                data-34699="display:block;opacity:0;top:30%;left:20%;transform: scale(1.0);"
 +
                data-34700="display:block;opacity:1;top:30%;left:20%;transform: scale(1.0);"
 +
                data-34800="display:block;opacity:1;top:60%;left:20%;transform: scale(0.5);"
 +
                data-34900="display:block;opacity:1;top:60%;left:20%;transform: scale(0.5);"
 +
                data-35000="display:block;opacity:1;top:10%;left:20%;transform: scale(0.5);"
 +
                data-35500="display:block;opacity:1;top:10%;left:20%;transform: scale(0.5);"
 +
                data-35501="display:block;opacity:0;top:10%;left:20%;transform: scale(0.5);"
 +
 +
               
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/1/10/T--ZJU-China--wiki_index_fig20.png"  class="fone"  style="width:60%"
 +
                data-="display:none;"
 +
                data-34699="display:block;opacity:0;top:-100%;left:15%;"
 +
                data-34700="display:block;opacity:1;top:-100%;left:15%;"
 +
                data-34800="display:block;opacity:1;top:10%;left:15%;"
 +
                data-34900="display:block;opacity:1;top:10%;left:15%;"
 +
                data-35000="display:block;opacity:1;top:-100%;left:15%;"
 +
                data-35001="display:block;opacity:0;top:-100%;left:15%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/9/9c/T--ZJU-China--wiki_index_w13.png"  class="fone"  style="width:40%;"
 +
                data-="display:none;"
 +
               
 +
                data-35699="display:block; opacity:0;left:-100%;top:30%; "
 +
                data-35700="display:block; opacity:1;left:-100%;top:30%; "
 +
                data-35900="display:block; opacity:1;left:10%;top:30%;"
 +
                data-36100="display:block; opacity:0;left:10%;top:30%;"
 +
            >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/3/35/T--ZJU-China--wiki_index_fig22.png"  class="fone"  style="width:120%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:100%;left:0%;"
 +
                data-36100="display:block;opacity:1;top:100%;left:0%;"
 +
                data-36300="display:block;opacity:1;top:50%;left:0%;"
 +
                data-36500="display:block;opacity:1;top:50%;left:0%;"
 +
                data-36501="display:block;opacity:0;top:50%;left:0%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/9/93/T--ZJU-China--wiki_index_fig23.png"  class="fone"  style="width:20%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:75%;left:10%;"
 +
                data-36500="display:block;opacity:1;top:75%;left:10%;"
 +
                data-36501="display:block;opacity:0;top:75%;left:10%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/1/1a/T--ZJU-China--wiki_index_fig24.png"  class="fone"  style="width:20%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:45%;left:17%;"
 +
                data-36500="display:block;opacity:1;top:45%;left:17%;"
 +
                data-36501="display:block;opacity:0;top:45%;left:17%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/5/59/T--ZJU-China--wiki_index_fig25.png"  class="fone"  style="width:30%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:70%;left:25%;"
 +
                data-36500="display:block;opacity:1;top:70%;left:25%;"
 +
                data-36501="display:block;opacity:0;top:70%;left:25%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/d/dc/T--ZJU-China--wiki_index_fig26.png"  class="fone"  style="width:20%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:60%;left:54%;"
 +
                data-36500="display:block;opacity:1;top:60%;left:54%;"
 +
                data-36501="display:block;opacity:0;top:60%;left:54%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/2/2a/T--ZJU-China--wiki_index_fig27.png"  class="fone"  style="width:25%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:80%;left:75%;"
 +
                data-36500="display:block;opacity:1;top:80%;left:75%;"
 +
                data-36501="display:block;opacity:0;top:80%;left:75%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/2/2a/T--ZJU-China--wiki_index_fig27.png"  class="fone"  style="width:25%"
 +
                data-="display:none;"
 +
                data-36099="display:block;opacity:0;top:-100%;left:40%;"
 +
                data-36100="display:block;opacity:1;top:-100%;left:40%;"
 +
                data-36300="display:block;opacity:1;top:80%;left:75%;"
 +
                data-36500="display:block;opacity:1;top:80%;left:75%;"
 +
                data-36501="display:block;opacity:0;top:80%;left:75%;"
 +
                >
 +
            </div>
 +
           
 +
            <div class="wardrobe-wall" >
 +
            <img src="https://static.igem.org/mediawiki/2020/d/d6/T--ZJU-China--wiki_index_fig34.png"  class="fone"  style="width:60%;top:10%;left:25%;height:50%;"
 +
               
 +
                data-="display:none;"
 +
                data-37000="display:block;opacity:0;height:0%;top:10%;"
 +
                data-37200="display:block;opacity:1;height:100%;top:10%;"
 +
                data-37500="display:block;opacity:1;height:100%;top:10%;"
 +
                data-37700="display:block;opacity:1;height:100%;top:-30%;"
 +
               
 +
               
 +
            >
 +
           
 +
            </div>
 +
 +
           
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/c/ca/T--ZJU-China--wiki_index_fig30.png"  class="fone"  style="width:50%;"
 +
                data-="display:none;"
 +
                data-36600="display:block;opacity:0;top:10%;left:30%;"
 +
                data-36700="display:block;opacity:1;top:10%;left:30%;"
 +
                data-37200="display:block;opacity:0;top:10%;left:30%;"
 +
                >
 +
            </div>
 +
 +
<div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/f/f1/T--ZJU-China--wiki_index_fig45.png"  class="fone"  style="width:60%;top:10%;left:25%;height:50%;"
 +
                   
 +
                    data-="display:none;"
 +
                    data-37000="display:block;opacity:0;height:0%;top:10%;"
 +
                    data-37200="display:block;opacity:1;height:100%;top:10%;"
 +
                    data-37500="display:block;opacity:1;height:100%;top:10%;"
 +
                    data-37700="display:block;opacity:1;height:100%;top:-30%;"
 +
                   
 +
                >
 +
               
 +
                </div>
 +
 +
<div class="wardrobe-wall" >
 +
                    <img src="https://static.igem.org/mediawiki/2020/1/14/T--ZJU-China--wiki_index_fig44.png"  class="fone"  style="width:60%;top:10%;left:25%;"
 +
                       
 +
                        data-="display:none;"
 +
                        data-36990="display:block;opacity:0;top:-100%;"
 +
                        data-37000="display:block;opacity:1;top:-100%;"
 +
                        data-37200="display:block;opacity:1;top:73%;"
 +
                        data-37500="display:block;opacity:1;top:73%;"
 +
                        data-37700="display:block;opacity:1;top:35%;"
 +
                       
 +
                    >
 +
                   
 +
                    </div>
 +
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/8/8e/T--ZJU-China--wiki_index_fig29.png"  class="fone"  style="width:20%;"
 +
                data-="display:none;"
 +
                data-36600="display:block;opacity:0;top:35%;left:10%;"
 +
                data-36700="display:block;opacity:1;top:35%;left:10%;"
 +
                data-36701="display:block;opacity:1;top:35%;left:10%;"
 +
                data-36750="display:block;opacity:1;top:35%;left:10%;"
 +
                data-36800="display:block;opacity:1;top:35%;left:10%;"
 +
                data-36900="display:block;opacity:1;top:37%;left:18%;"
 +
                data-37000="display:block;opacity:1;top:37%;left:18%;"
 +
                data-37040="display:block;opacity:1;top:37%;left:18%;"
 +
                data-37100="display:block;opacity:1;top:37%;left:-100%;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/9/93/T--ZJU-China--wiki_index_fig31.png"  class="fone"  style="width:5%;"
 +
                data-="display:none;"
 +
                data-36900="display:block;opacity:0;top:37%;left:38.5%;"
 +
                data-36950="display:block;opacity:1;top:37%;left:38.5%;"
 +
                data-37000="display:block;opacity:1;top:37%;left:38.5%;"
 +
                data-37100="display:block;opacity:0;top:37%;left:38.5%;"
 +
                >
 +
            </div>
 +
 +
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/d/d4/T--ZJU-China--wiki_index_fig33.png"  class="fone"  style="width:10%;"
 +
                data-="display:none;"
 +
                data-36600="display:block;opacity:0;top:40%;left:50%;"
 +
                data-36700="display:block;opacity:1;top:40%;left:50%;"
 +
                data-36800="display:block;opacity:1;top:40%;left:50%;"
 +
                data-36900="display:block;opacity:0;top:40%;left:50%;"
 +
                data-37000="display:block;opacity:0;top:40%;left:50%;"
 +
                data-37100="display:block;opacity:0;top:40%;left:50%;"
 +
                data-37500="display:block;opacity:0;top:40%;left:50%;"
 +
                data-37700="display:block;opacity:0;top:0%;left:50%;"
 +
                >
 +
            </div>
 +
 +
         
 +
 +
         
 +
 +
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/a/a2/T--ZJU-China--wiki_index_fig28.png"  class="fone"  style="width:140%;max-width:150%;max-height:150%;translation:all 2s;"
 +
                data-="display:none;"
 +
                data-36500="display:block;opacity:0;top:30%;left:-15%;transform: scale(1.0);"
 +
                data-36501="display:block;opacity:1;top:30%;left:-15%;transform: scale(1.0);"
 +
                data-36700="display:block;opacity:1;top:20%;left:15%;transform:scale(1.0);"
 +
                data-36950="display:block;opacity:1;top:-30%;left:-25%;transform:scale(0.05);"
 +
                data-37000="display:block;opacity:1;top:-30%;left:-25%;transform:scale(0.05);"
 +
                data-37200="display:block;opacity:0;top:-30%;left:-25%;transform:scale(0.05);;"
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <img src="https://static.igem.org/mediawiki/2020/7/7f/T--ZJU-China--wiki_index_foot.png"  class="fone"  style="width:100%;height:30%;"
 +
                data-="display:none;"
 +
                data-37500="display:block;opacity:0;top:100%;left:0%;"
 +
                data-38000="display:block;opacity:1;top:71%;left:0%;"
 +
               
 +
                >
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <a href="https://zju.edu.cn/" target="_blank">
 +
                <img src="https://static.igem.org/mediawiki/2020/7/73/T--ZJU-China--wiki_index_a1.png"  class="fone"  style="width:30%;"
 +
                data-="display:none;"
 +
                data-37500="display:block;opacity:0;top:100%;left:17%;"
 +
                data-38000="display:block;opacity:0;top:93%;left:17%;"
 +
               
 +
                >
 +
                </a>
 +
            </div>
 +
 +
            <div class="wardrobe-wall" >
 +
                <a href="mailto:liangqiyu22@zju.edu.cn" >
 +
                <img src="https://static.igem.org/mediawiki/2020/d/d2/T--ZJU-China--wiki_index_t2.png"  class="fone"  style="width:10%;"
 +
                data-="display:none;"
 +
                data-37500="display:block;opacity:0;top:100%;left:52%;"
 +
                data-38000="display:block;opacity:0;top:93%;left:52%;"
 +
               
 +
                >
 +
                </a>
 +
            </div>
 +
 +
 +
 +
            </div>
 +
 +
         
 +
 +
         
 +
            </div>
 +
            </div>
 +
</div>
 +
  
 
    
 
    
Line 496: Line 1,298:
  
 
<div class="top-arrow">
 
<div class="top-arrow">
−
    <a href="#" id="scroll" style="display:block ;"><i class="fa fa-angle-up" style="font-size:36px;color:pink"></i></a>
+
        <a href="#" id="scroll" style="display:block ;"><img src="https://static.igem.org/mediawiki/2020/e/ea/T--ZJU-China--wiki_gifff.gif" style="position: absolute;bottom:10%;right:0%;width:140%;"></img></a>
−
</div>
+
    </div>
  
  
Line 522: Line 1,324:
  
  
−
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan/skrollr&amp;action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2020.igem.org/wiki/index.php?title=Template:ZJU-China/JS/indexjs/scroll&amp;action=raw&amp;ctype=text/javascript"></script>
  
  
Line 539: Line 1,341:
 
         var s=skrollr.init({
 
         var s=skrollr.init({
 
             smoothScrolling: true,
 
             smoothScrolling: true,
−
             scale: 2,
+
             scale: 1,
 
             easing: 'swing'
 
             easing: 'swing'
 
           });
 
           });
Line 549: Line 1,351:
 
         clearInterval(timer);
 
         clearInterval(timer);
 
         timer= setInterval(function () {
 
         timer= setInterval(function () {
−
             if(x<55){
+
             if(x<50){
 
                 x = x+5;
 
                 x = x+5;
 
             }
 
             }
−
             if(x==55){
+
             if(x==50){
 
                 thead.style.zIndex = 2;
 
                 thead.style.zIndex = 2;
 
                 thead.style.position = 'relative';
 
                 thead.style.position = 'relative';

Latest revision as of 08:53, 14 December 2020

ZJU-China