Difference between revisions of "Team:ZJU-China"

 
(41 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 322: Line 354:
 
     position: relative;
 
     position: relative;
 
}
 
}
 +
  
  
Line 332: 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 344: 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 357: 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 366: 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 385: 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 394: 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 416: 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 425: 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 432: 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 450: 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 458: 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 474: Line 522:
 
     <!-- Mobile Menu End -->
 
     <!-- Mobile Menu End -->
 
</section>
 
</section>
−
<!--Main Menu/ Mobile Menu Section-->
+
 
  
  
Line 488: Line 536:
 
    
 
    
 
     <div id="scroll-bottom" class="scroll-to-bottom" >
 
     <div id="scroll-bottom" class="scroll-to-bottom" >
−
         <a style="position: absolute;;left:92%;bottom:13%;color:pink; font-size:30px;font-family:'Nunito', sans-serif;" href="#domain-search" class="js-scroll-trigger"><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 527: Line 575:
 
                        
 
                        
 
                         data-="display:none;"
 
                         data-="display:none;"
−
                         data-600="display:block; opacity:1;top:100%;"  
+
                         data-900="display:block; opacity:1;top:100%;"  
−
                         data-1000="display:block; opacity:1; top:25%;"
+
                         data-1100="display:block; opacity:1; top:25%;"
 
                         data-1300="display:block; opacity:1; top:25%;"
 
                         data-1300="display:block; opacity:1; top:25%;"
 
                         data-1700="display:block; opacity:1; top:-100%;"
 
                         data-1700="display:block; opacity:1; top:-100%;"
Line 542: Line 590:
 
                          
 
                          
 
                         >
 
                         >
−
                         <img src="https://static.igem.org/mediawiki/2020/1/1b/T--ZJU-China--wiki_index_fig3.png"  class="ffour"
+
                         <img src="https://static.igem.org/mediawiki/2020/7/73/T--ZJU-China--wiki_index_researcher.png"  class="ffour"
 
                        
 
                        
 
                         data-="display:none;"
 
                         data-="display:none;"
Line 572: Line 620:
 
                 data-2700="top: 100%;"  
 
                 data-2700="top: 100%;"  
 
                 data-3700="top: 0%;"
 
                 data-3700="top: 0%;"
−
                 data-7700="top: 0%"  
+
                 data-5700="top: 0%"  
−
                 data-8700="top: -100%; display: block;"
+
                 data-7200="top: -100%; display: block;"
−
                 data-8701="display: none;"
+
                 data-7201="display: none;"
 
             >
 
             >
 
            
 
            
 
               <div class="bathroom-wall">
 
               <div class="bathroom-wall">
 
                          
 
                          
−
                 <img src="assets/img/home/fig2.gif"  class="fsix"
+
                 <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig2.gif"  class="fsix"
 
                        
 
                        
 
                 data-="display:none;"
 
                 data-="display:none;"
Line 585: Line 633:
 
                 data-4100="display:block; opacity:1; "
 
                 data-4100="display:block; opacity:1; "
 
                 data-5500="display:block; opacity:1; "
 
                 data-5500="display:block; opacity:1; "
−
                 data-8700="display:block; opacity:1; "
+
                 data-7200="display:block; opacity:1; "
 
                 >
 
                 >
  
−
                 <div class="pone"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <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-3600="display:block; opacity:0;"  
+
                    data-="display:none;"
−
                data-4100="display:block; opacity:1; "
+
                    data-3600="display:block; opacity:0;"  
−
                data-5500="display:block; opacity:1; "
+
                    data-4100="display:block; opacity:1;"
−
                data-8700="display:block; opacity:1; "
+
                    data-5500="display:block; opacity:1;"
−
                >
+
                    data-7200="display:block; opacity:1;"
−
                <p>Thankfully, magnetosomes taking advantage of its biocompatibility and the ability to be modified, can be designed to target tumor cells specifically.
+
                    >
−
                </p>
+
 
                 </div>
 
                 </div>
  
Line 610: Line 657:
 
                        
 
                        
 
                 data-="display:none;"
 
                 data-="display:none;"
−
                 data-4800="display:block;opacity:0;"  
+
                 data-4500="display:block;opacity:0;"  
−
                 data-5400="display:block;opacity:1;"  
+
                 data-4700="display:block;opacity:1;"  
 
                  
 
                  
 
                 >
 
                 >
Line 625: Line 672:
 
             <!-- Scene 3: Nissle helps -->
 
             <!-- Scene 3: Nissle helps -->
 
             <div class="scene"
 
             <div class="scene"
−
                 data-7700="top: 100%;"  
+
                 data-5700="top: 100%;"  
−
                 data-8700="top: 0%;"
+
                 data-7200="top: 0%;"
 
                 data-30000="top: 0%;"
 
                 data-30000="top: 0%;"
 
                 data-30500="top: -100%; display: block;"
 
                 data-30500="top: -100%; display: block;"
Line 635: Line 682:
 
                     <img src="https://static.igem.org/mediawiki/2020/f/f5/T--ZJU-China--wiki_index_fig7.png"  class="fnine"  
 
                     <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-8699="isplay:none;opacity:0;left:0%"
+
                     data-="display:none;opacity:0;"
−
                     data-8700="display:block;opacity:1;left:0%"  
+
                    data-7100="isplay:none;opacity:0;left:0%"
−
                     data-14500="display:block;opacity:1;left:0%"  
+
                     data-7200="display:block;opacity:1;left:0%"  
−
                     data-15000="display:block;opacity:1;left:0%"  
+
                     data-10500="display:block;opacity:1;left:0%"  
−
                     data-16000="display:block;opacity:1;left:-10%"  
+
                     data-11000="display:block;opacity:1;left:0%"  
−
                     data-19000="display:block;opacity:1;left:-10%"
+
                     data-13000="display:block;opacity:1;left:-5%"  
−
                     data-19800="display:block;opacity:1;left:-20%"
+
                     data-16500="display:block;opacity:1;left:-10%"
−
                     data-22800="display:block;opacity:1;left:-20%"
+
                     data-19000="display:block;opacity:1;left:-15%"
−
                     data-23600="display:block;opacity:1;left:-30%"
+
                     data-21000="display:block;opacity:1;left:-20%"
−
                     data-26000="display:block;opacity:1;left:-30%"
+
                     data-22000="display:block;opacity:1;left:-25%"
−
                     data-26600="display:block;opacity:1;left:-40%"
+
                     data-23000="display:block;opacity:1;left:-30%"
−
                     data-28700="display:block;opacity:1;left:-40%"
+
                     data-24000="display:block;opacity:1;left:-35%"
−
                     data-29000="display:block;opacity:1;left:-60%"
+
                     data-25500="display:block;opacity:1;left:-40%"
 +
data-28000="display:block;opacity:1;left:-45%"
 +
                     data-29000="display:block;opacity:1;left:-50%"
  
 
                     >
 
                     >
Line 653: Line 702:
  
 
                 <div class="wardrobe-wall">
 
                 <div class="wardrobe-wall">
−
                     <img src="assets/img/home/fig2.gif"  class="fsix"  
+
                     <img src="https://static.igem.org/mediawiki/2020/a/ad/T--ZJU-China--wiki_index_fig2.gif"  class="fsix"  
 
                     data-="display:none;"
 
                     data-="display:none;"
 
                     data-8700="display:block;opacity:1;left:7%;top:20%"  
 
                     data-8700="display:block;opacity:1;left:7%;top:20%"  
−
                     data-14500="display:block;opacity:1;left:7%;top:20%"  
+
                     data-10500="display:block;opacity:1;left:7%;top:20%"  
−
                     data-15000="display:block;opacity:1;left:7%;top:20%"  
+
                     data-11000="display:block;opacity:1;left:7%;top:20%"  
−
                     data-16000="display:block;opacity:1;left:10%;top:30%"
+
                     data-12500="display:block;opacity:1;left:10%;top:30%"
 
                     data-19000="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-19800="display:block;opacity:1;left:10%;top:33%"
Line 672: Line 721:
 
                     <img src="https://static.igem.org/mediawiki/2020/9/9d/T--ZJU-China--wiki_index_fig9.png"  class="ften"  
 
                     <img src="https://static.igem.org/mediawiki/2020/9/9d/T--ZJU-China--wiki_index_fig9.png"  class="ften"  
 
                     data-="display:none;"
 
                     data-="display:none;"
−
                     data-15999="display:none;opacity:0;top:35%;left:16%"
+
                     data-12000="display:none;opacity:0;top:35%;left:16%"
−
                     data-16000="display:block;opacity:1;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-19000="display:block;opacity:1;top:35%;left:16%"
 
                     data-19800="display:block;opacity:1;top:38%;left:16%"
 
                     data-19800="display:block;opacity:1;top:38%;left:16%"
Line 699: Line 748:
 
                     data-="display:none;"
 
                     data-="display:none;"
 
              
 
              
−
                     data-23599="display:block;opacity:0;top:50%;left:20%"
+
                     data-20999="display:block;opacity:0;top:48%;left:25%"
−
                    data-25400="display:block;opacity:1;top:50%;left:20%"
+
                    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%"
 
                     data-26500="display:block;opacity:0;top:50%;left:20%"
 
                     >
 
                     >
Line 706: Line 757:
  
 
                 <div class="wardrobe-wall" >
 
                 <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%;"
+
                     <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-="display:none;"
 
              
 
              
 
                     data-26000="display:block;opacity:1;top:100%;left:20%"
 
                     data-26000="display:block;opacity:1;top:100%;left:20%"
 
                     data-27200="display:block;opacity:1;top:10%;left:10%"
 
                     data-27200="display:block;opacity:1;top:10%;left:10%"
−
                     data-28700="display:block;opacity:1;top:10%;left:10%"
+
                     data-27500="display:block;opacity:1;top:10%;left:10%"
−
                     data-28702="display:block;opacity:0;top:10%;left:10%"
+
                     data-28000="display:block;opacity:0;top:10%;left:10%"
 
                     >
 
                     >
 
                 </div>
 
                 </div>
Line 728: Line 779:
 
                 </div>
 
                 </div>
  
−
                 <div class="ptwo"
+
                 <div class="wardrobe-wall" >
−
                 data-="display:none;"
+
                    <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-9500="display:block; opacity:0;top:40%;"  
+
                    data-="display:none;"
−
                 data-12000="display:block; opacity:1;top:30%;"
+
                 data-8500="display:block; opacity:0;top:40%;"
−
                 data-14500="display:block; opacity:1;top:30%; "
+
                data-9300="display:block; opacity:1;top:30%;"
−
                 data-15000="display:block;opacity:0;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%;"  
 
                 >
 
                 >
−
                <p>
 
−
                    First, cell membrane of magnetotactic bacteria are invaginated and  small vesicles are formed, which becomes the magnetosome membrane.
 
−
                </p>
 
 
                 </div>
 
                 </div>
  
−
                 <div class="pthree"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <img src="https://static.igem.org/mediawiki/2020/0/05/T--ZJU-China--wiki_index_w8.png"  class="fone"  style="width:60%;"
−
                 data-8700="display:block; opacity:0;top:80%"  
+
                    data-="display:none;"
−
                 data-9500="display:block; opacity:1;top:70%; "
+
                 data-29000="display:block; opacity:0;left:10%;top:30%;"  
−
                 data-14500="display:block; opacity:1;top:70%; "
+
                 data-29300="display:block; opacity:1;left:10%;top:20%;"
−
                 data-15000="display:block;opacity:0;top:70%;"  
+
                 data-29800="display:block; opacity:1;left:10%;top:20%; "
 +
                 data-30000="display:block;opacity:1;left:10%;top:20%;"  
 
                 >
 
                 >
−
                <p>
 
−
                    Magnetosomes are formed by magnetotactic bacterium through biomineralization.
 
−
                </p>
 
 
                 </div>
 
                 </div>
  
−
                 <div class="pfour"
+
           
 +
            </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-="display:none;"
−
                 data-16000="display:block; opacity:0;top:40%;"  
+
                 data-30499="display:block;opacity:0;top:15%"
−
                 data-17000="display:block; opacity:1;top:30%;"
+
                 data-30500="display:block;opacity:1;top:15%"
−
                 data-18000="display:block; opacity:1;top:30%; "
+
                data-30700="display:block;opacity:1;top:15%"
−
                 data-19000="display:block;opacity:0;top:30%;"  
+
                 data-30900="display:block;opacity:1;top:-10%"
 +
                data-31300="display:block;opacity:1;top:-10%"
 +
                 data-31400="display:block;opacity:0;top:-10%"
 
                 >
 
                 >
−
                <p>
+
            </div>
−
                    As a kind of biomembrane, sorting and assembly of proteins on the membrane also exist on the magnetosome membrane.
+
  
−
                 </p>
+
            <div class="wardrobe-wall" >
−
                 </div>
+
                 <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="pfour" style="width:50%;"
+
            <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-="display:none;"
−
                 data-19800="display:block; opacity:0;left:45%;top:40%;"  
+
                 data-31400="display:block;opacity:0;top:-100%;left:60%;"
−
                 data-20800="display:block; opacity:1;left:45%;top:28%;"
+
                 data-31400="display:block;opacity:1;top:-100%;left:60%;"
−
                 data-21800="display:block; opacity:1;left:45%;top:28%; "
+
                data-31800="display:block;opacity:1;top:20%;left:60%;"
−
                 data-22800="display:block;opacity:0;left:45%;top:28%;"  
+
                 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%;"
 
                 >
 
                 >
−
                <p>
+
            </div>
−
                    Biomineralization occurs when large amounts of iron are accumulated in magnetosome membrane vesicles, will be used to form magnetite crystals.
+
  
−
                 </p>
+
           
−
                 </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="pfour" style="width:50%;"
+
            <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-="display:none;"
−
                 data-23600="display:block; opacity:0;left:45%;top:40%;"  
+
                 data-32299="display:block;opacity:0;top:-100%;left:10%;"
−
                 data-24600="display:block; opacity:1;left:45%;top:28%;"
+
                 data-32300="display:block;opacity:1;top:-100%;left:10%;"
−
                 data-25400="display:block; opacity:1;left:45%;top:28%; "
+
                data-32700="display:block;opacity:1;top:20%;left:10%;"
−
                 data-26000="display:block;opacity:0;left:45%;top:28%;"  
+
                 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%;"
 +
               
 
                 >
 
                 >
−
                <p>
+
            </div>
−
                    The movement of the magnetosomes is along the cytoskeleton and the already formed magnetosomes will assembled into chains instead.
+
−
                </p>
+
−
                </div>
+
  
−
                <div class="pfour" style="width:46%;"
+
            <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-="display:none;"
−
                 data-27200="display:block; opacity:0;left:43%;top:40%;"  
+
                 data-32999="display:block;opacity:0;top:100%;left:15%;"
−
                 data-27700="display:block; opacity:1;left:43%;top:30%;"
+
                 data-33000="display:block;opacity:1;top:100%;left:15%;"
−
                 data-28200="display:block; opacity:1;left:43%;top:30%; "
+
                 data-33200="display:block;opacity:1;top:40%;left:15%;"
−
                 data-28700="display:block;opacity:0;left:43%;top:30%;"  
+
                data-33600="display:block;opacity:1;top:40%;left:15%;"
 +
                 data-33800="display:block;opacity:0;top:40%;left:15%;"
 +
               
 +
               
 
                 >
 
                 >
−
                <p>
+
            </div>
−
                    In order to obtain the engineered magnetosomes,  we need to transfer the plasmid containing the fusion protein of mamC and ZZ protein into magnetotactic bacterium.
+
−
                </p>
+
−
                </div>
+
  
−
                <div class="pfour" style="width:40%;"
+
            <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-="display:none;"
−
                 data-29000="display:block; opacity:0;left:10%;top:30%;"  
+
                 data-33199="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
−
                 data-29300="display:block; opacity:1;left:10%;top:20%;"
+
                data-33200="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
−
                 data-29800="display:block; opacity:1;left:10%;top:20%; "
+
                 data-33400="display:block;opacity:1;top:60%;left:15%;transform: scale(1.0); "
−
                 data-30000="display:block;opacity:1;left:10%;top:20%;"  
+
                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); "
 +
               
 
                 >
 
                 >
−
                <p>
+
            </div>
−
                    The transgened magnetotactic bacterium will produce ZZ modified magnetosomes.
+
−
                </p>
+
−
                </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>
 
              
 
              
−
       
+
            <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>
  
−
             <!-- Scene 4: How work -->
+
           
−
          <div class="scene"
+
 
−
                 data-30000="top: 100%;"
+
             <div class="wardrobe-wall" >
−
                 data-30500="top: 0%;"
+
                <img src="https://static.igem.org/mediawiki/2020/c/ca/T--ZJU-China--wiki_index_fig30.png"  class="fone"  style="width:50%;"
−
                 data-100000="top: 0%;"
+
                 data-="display:none;"
−
                 data-100500="top: -100%; display: block;"
+
                data-36600="display:block;opacity:0;top:10%;left:30%;"
−
                data-100501="display: none;"
+
                 data-36700="display:block;opacity:1;top:10%;left:30%;"
−
          >
+
                 data-37200="display:block;opacity:0;top:10%;left:30%;"
−
             
+
                 >
−
              <div class="kitchen-wall">
+
            </div>
−
                  <div class="kitchen-wall-inner">
+
 
−
                     
+
<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>
 
−
         
 
−
              </div>
 
−
             
 
  
−
          </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>
  
−
          <!-- Scene 5: final -->
 
−
          <div class="scene"
 
−
                data-100000="top: 100%;"
 
−
                data-101000="top: 0%;"
 
−
          >
 
−
             
 
−
              <div class="last-wall">
 
−
                  <div class="last-wall-inner">
 
−
                     
 
−
                  </div>
 
 
            
 
            
−
              </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>
 +
 +
         
  
 
            
 
            
Line 886: 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 929: Line 1,341:
 
         var s=skrollr.init({
 
         var s=skrollr.init({
 
             smoothScrolling: true,
 
             smoothScrolling: true,
−
             scale: 2,
+
             scale: 1,
 
             easing: 'swing'
 
             easing: 'swing'
 
           });
 
           });

Latest revision as of 08:53, 14 December 2020

ZJU-China