Difference between revisions of "Team:ZJU-China"

 
(12 intermediate revisions by 2 users not shown)
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 336: Line 368:
  
 
<!-- 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 345: 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 358: 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 367: 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 386: 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 395: 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 417: 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 426: 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 433: 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 451: 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 459: 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 475: Line 522:
 
     <!-- Mobile Menu End -->
 
     <!-- Mobile Menu End -->
 
</section>
 
</section>
−
<!--Main Menu/ Mobile Menu Section-->
+
 
  
  
Line 489: 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 573: 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;"
 
             >
 
             >
 
            
 
            
Line 586: 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" style="width:62%"
+
                 <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 style="text-align:justify;font-size:40px;font-weight: bold;color:#404040;line-height:1.3;">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 611: 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 626: 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 636: 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 657: Line 705:
 
                     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 673: 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 700: 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 712: Line 762:
 
                     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 729: 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%;"  
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
                     >
−
                     First, cell membrane of magnetotactic bacteria are invaginated and  small vesicles are formed, which becomes the magnetosome membrane.
+
−
                </p>
+
 
                 </div>
 
                 </div>
  
−
                 <div class="pthree" style="width:62%"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <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-8700="display:block; opacity:0;top:80%"  
+
                    data-="display:none;"
−
                data-9500="display:block; opacity:1;top:70%; "
+
                    data-7200="display:block; opacity:0;top:80%"  
−
                data-14500="display:block; opacity:1;top:70%; "
+
                    data-8000="display:block; opacity:1;top:65%; "
−
                data-15000="display:block;opacity:0;top:70%;"  
+
                    data-10500="display:block; opacity:1;top:65%; "
−
                >
+
                    data-11000="display:block;opacity:0;top:65%;"  
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
                     >
−
                     Magnetosomes are formed by magnetotactic bacterium through biomineralization.
+
−
                </p>
+
 
                 </div>
 
                 </div>
  
−
                 <div class="pfour"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <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-16000="display:block; opacity:0;top:40%;"  
+
                    data-="display:none;"
−
                 data-17000="display:block; opacity:1;top:30%;"
+
                 data-13000="display:block; opacity:0;top:40%;"  
−
                 data-18000="display:block; opacity:1;top:30%; "
+
                 data-14000="display:block; opacity:1;top:30%;"
−
                 data-19000="display:block;opacity:0;top:30%;"  
+
                 data-16000="display:block; opacity:1;top:30%; "
−
                >
+
                 data-17000="display:block;opacity:0;top:30%;"  
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
                     >
−
                     As a kind of biomembrane, sorting and assembly of proteins on the membrane also exist on the magnetosome membrane.
+
−
 
+
−
                </p>
+
 
                 </div>
 
                 </div>
  
−
                 <div class="pfour" style="width:52%;"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <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-19800="display:block; opacity:0;left:45%;top:40%;"  
+
                    data-="display:none;"
−
                 data-20800="display:block; opacity:1;left:45%;top:24%;"
+
                 data-17800="display:block; opacity:0;left:40%;top:40%;"  
−
                 data-21800="display:block; opacity:1;left:45%;top:24%; "
+
                 data-18800="display:block; opacity:1;left:40%;top:30%;"
−
                 data-22800="display:block;opacity:0;left:45%;top:24%;"  
+
                 data-21800="display:block; opacity:1;left:40%;top:30%; "
−
                >
+
                 data-22800="display:block;opacity:0;left:40%;top:30%;"
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
                     >
−
                     Biomineralization occurs when large amounts of iron are accumulated in magnetosome membrane vesicles, will be used to form magnetite crystals.
+
−
 
+
−
                </p>
+
 
                 </div>
 
                 </div>
  
−
                 <div class="pfour" style="width:52%;"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <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-23600="display:block; opacity:0;left:45%;top:40%;"  
−
                 data-24600="display:block; opacity:1;left:45%;top:28%;"
+
                 data-24600="display:block; opacity:1;left:45%;top:20%;"
−
                 data-25400="display:block; opacity:1;left:45%;top:28%; "
+
                 data-25400="display:block; opacity:1;left:45%;top:20%; "
−
                 data-26000="display:block;opacity:0;left:45%;top:28%;"  
+
                 data-26000="display:block;opacity:0;left:45%;top:20%;"  
−
                >
+
                     >
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                     The movement of the magnetosomes is along the cytoskeleton and the already formed magnetosomes will assembled into chains instead.
+
−
                </p>
+
 
                 </div>
 
                 </div>
  
−
                 <div class="pfour" style="width:49%;"
+
                 <div class="wardrobe-wall" >
−
                data-="display:none;"
+
                    <img src="https://static.igem.org/mediawiki/2020/f/f0/T--ZJU-China--wiki_index_w7.png"  class="fone" style="width:40%;"  
−
                 data-27200="display:block; opacity:0;left:43%;top:40%;"  
+
                    data-="display:none;"
−
                 data-27700="display:block; opacity:1;left:43%;top:32%;"
+
                 data-26000="display:block; opacity:0;left:53%;top:40%;"  
−
                 data-28200="display:block; opacity:1;left:43%;top:32%; "
+
                 data-26500="display:block; opacity:1;left:53%;top:30%;"
−
                 data-28700="display:block;opacity:0;left:43%;top:32%;"  
+
                 data-27000="display:block; opacity:1;left:53%;top:30%; "
 +
                 data-27500="display:block;opacity:0;left:53%;top:30%;"  
 
                 >
 
                 >
−
                <p style="text-align:justify;font-size:35px;font-weight: bolder;color:#404040;line-height:1.3;">
 
−
                    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>
  
−
                 <div class="pfour" style="width:43%;"
+
                 <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-="display:none;"
 
                 data-29000="display:block; opacity:0;left:10%;top:30%;"  
 
                 data-29000="display:block; opacity:0;left:10%;top:30%;"  
 
                 data-29300="display:block; opacity:1;left:10%;top:20%;"
 
                 data-29300="display:block; opacity:1;left:10%;top:20%;"
Line 810: Line 847:
 
                 data-30000="display:block;opacity:1;left:10%;top:20%;"  
 
                 data-30000="display:block;opacity:1;left:10%;top:20%;"  
 
                 >
 
                 >
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
 
−
                    The transgened magnetotactic bacterium will produce ZZ modified magnetosomes.
 
−
                </p>
 
 
                 </div>
 
                 </div>
  
Line 839: Line 873:
 
             </div>
 
             </div>
  
−
             <div class="pfour" style="width:50%;"
+
             <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-="display:none;"
 
                 data-30700="display:block; opacity:0;left:40%;top:100%;"  
 
                 data-30700="display:block; opacity:0;left:40%;top:100%;"  
Line 846: Line 881:
 
                 data-31300="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%; "
 
                 data-31400="display:block; opacity:0;left:40%;top:65%; "
−
                >
+
            >
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                    The whole process of the formation of our engineered magnetosomes.
+
−
                </p>
+
 
             </div>  
 
             </div>  
  
Line 865: Line 897:
  
 
              
 
              
−
             <div class="pfour" style="width:50%;"
+
             <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-="display:none;"
−
                 data-31399="display:block; opacity:0;left:10%;top:100%;"  
+
                 data-31399="display:block; opacity:0;left:7%;top:100%;"  
−
                 data-31400="display:block; opacity:1;left:10%;top:100%;"  
+
                 data-31400="display:block; opacity:1;left:7%;top:100%;"  
−
                 data-31800="display:block; opacity:1;left:10%;top:40%;"
+
                 data-31800="display:block; opacity:1;left:7%;top:40%;"
−
                 data-32200="display:block; opacity:1;left:10%;top:40%; "
+
                 data-32200="display:block; opacity:1;left:7%;top:40%; "
−
                 data-32300="display:block; opacity:1;left:10%;top:-100%; "
+
                 data-32300="display:block; opacity:1;left:7%;top:-100%; "
−
             
+
            >
−
                >
+
             </div>
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                    ScFv was chosen as the specific target molecule for HER2 breast cancer cells, and was linked with Fc for assembling with ZZ on the surface magnetosomes.
+
−
                </p>
+
−
             </div>  
+
−
 
+
  
 
             <div class="wardrobe-wall" >
 
             <div class="wardrobe-wall" >
Line 894: Line 922:
  
 
             <div class="wardrobe-wall" >
 
             <div class="wardrobe-wall" >
−
                 <img src="https://static.igem.org/mediawiki/2020/2/28/T--ZJU-China--wiki_index_fig16.png"  class="fone"  style="width:20%"
+
                 <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-32999="display:block;opacity:0;top:100%;left:15%;"
 
                 data-32999="display:block;opacity:0;top:100%;left:15%;"
Line 907: Line 935:
  
 
             <div class="wardrobe-wall" >
 
             <div class="wardrobe-wall" >
−
                 <img src="https://static.igem.org/mediawiki/2020/2/20/T--ZJU-China--wiki_index_fig17.png"  class="fone"  style="width:20%;translation:all 2s;"  
+
                 <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-33199="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
 
                 data-33199="display:block;opacity:1;top:100%;left:15%;transform: scale(1.0); "
Line 945: Line 973:
  
 
              
 
              
−
             <div class="pfour" style="width:50%;"
+
             <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-="display:none;"
−
                 data-32299="display:block; opacity:0;left:45%;top:100%;"  
+
                 data-32299="display:block; opacity:0;left:40%;top:100%;"  
−
                 data-32300="display:block; opacity:1;left:45%;top:100%;"  
+
                 data-32300="display:block; opacity:1;left:40%;top:100%;"  
−
                 data-32700="display:block; opacity:1;left:45%;top:40%;"
+
                 data-32700="display:block; opacity:1;left:40%;top:40%;"
−
                 data-33600="display:block; opacity:1;left:45%;top:40%; "
+
                 data-33600="display:block; opacity:1;left:40%;top:40%; "
−
                 data-33800="display:block; opacity:0;left:45%;top:40%; "
+
                 data-33800="display:block; opacity:0;left:40%;top:40%; "
−
               
+
            >
−
             
+
             </div>
−
                >
+
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                    To produce a low redox potential environment for the expression of scFv, <i>E.coli</i> Shuffle was chosen as the chassis.
+
−
                </p>
+
−
             </div>  
+
  
−
             <div class="pfour" style="width:65%;"
+
             <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-="display:none;"
 
                  
 
                  
Line 967: Line 992:
 
                 data-34500="display:block; opacity:1;left:20%;top:69%; "
 
                 data-34500="display:block; opacity:1;left:20%;top:69%; "
 
                 data-34700="display:block; opacity:0;left:20%;top:69%; "
 
                 data-34700="display:block; opacity:0;left:20%;top:69%; "
−
               
+
            >
−
                >
+
             </div>
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                    ZZ modified magnetosomes can assemble with scFv-Fc automatically in vitro, providing our ultimate products.
+
−
                </p>
+
−
             </div>  
+
  
 
             <div class="wardrobe-wall" >
 
             <div class="wardrobe-wall" >
Line 1,025: Line 1,046:
 
             </div>
 
             </div>
  
−
             <div class="pfour" style="width:44%;"
+
             <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-="display:none;"
 
                  
 
                  
 
                 data-35699="display:block; opacity:0;left:-100%;top:30%; "
 
                 data-35699="display:block; opacity:0;left:-100%;top:30%; "
 
                 data-35700="display:block; opacity:1;left:-100%;top:30%; "
 
                 data-35700="display:block; opacity:1;left:-100%;top:30%; "
−
                 data-35900="display:block; opacity:1;left:8%;top:40%;"
+
                 data-35900="display:block; opacity:1;left:10%;top:30%;"
−
                 data-36100="display:block; opacity:0;left:8%;top:40%;"
+
                 data-36100="display:block; opacity:0;left:10%;top:30%;"
−
               
+
            >
−
                >
+
             </div>
−
                <p style="text-align:justify;font-size:40px;font-weight: bolder;color:#404040;line-height:1.3;">
+
−
                    The engineered magnetosome-scFv-Fc complexes can bind to HER2 cells strongly and specifically.
+
−
                </p>
+
−
             </div>  
+
  
 
             <div class="wardrobe-wall" >
 
             <div class="wardrobe-wall" >
Line 1,153: Line 1,171:
 
                  
 
                  
 
                 </div>
 
                 </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>
  
  
Line 1,190: Line 1,222:
 
                 data-36900="display:block;opacity:0;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-37000="display:block;opacity:0;top:40%;left:50%;"
−
                 data-37100="display:block;opacity:1;top:40%;left:50%;"
+
                 data-37100="display:block;opacity:0;top:40%;left:50%;"
−
                 data-37500="display:block;opacity:1;top:40%;left:50%;"
+
                 data-37500="display:block;opacity:0;top:40%;left:50%;"
−
                 data-37700="display:block;opacity:1;top:0%;left:50%;"
+
                 data-37700="display:block;opacity:0;top:0%;left:50%;"
 
                 >
 
                 >
 
             </div>
 
             </div>
Line 1,266: 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>
  
  

Latest revision as of 08:53, 14 December 2020

ZJU-China