Difference between revisions of "Team:SJTU-BioX-Shanghai"

 
(46 intermediate revisions by 3 users not shown)
Line 29: Line 29:
 
　　    window.location.href = url;
 
　　    window.location.href = url;
 
     });
 
     });
−
     //*************** firefox refresh *************************//
+
     //*************** firefox refresh *************************//  
  
  
Line 106: Line 106:
 
                 $(".menu_bar_pc").stop(!0, !0).fadeIn(500);
 
                 $(".menu_bar_pc").stop(!0, !0).fadeIn(500);
 
                 disable_torch = 1;
 
                 disable_torch = 1;
−
                 $(".homepage_section").fadeIn(500);
+
                 //$(".homepage_section").fadeIn(500);
 
             }
 
             }
 
              
 
              
Line 115: Line 115:
 
                 $(".menu_bar_pc").stop(!0, !0).fadeOut(500);
 
                 $(".menu_bar_pc").stop(!0, !0).fadeOut(500);
 
                 disable_torch = 0;
 
                 disable_torch = 0;
−
                 $(".homepage_section").stop(!0, !0).fadeOut(500);
+
                 //$(".homepage_section").stop(!0, !0).fadeOut(500);
 
              
 
              
 
             }
 
             }
Line 150: Line 150:
 
         padding: 0;
 
         padding: 0;
 
     }
 
     }
−
      
+
 
 +
     @font-face{
 +
        font-family:Courgette;
 +
        src: url("https://static.igem.org/mediawiki/2018/9/9b/T--SJTU-BioX-Shanghai--zbzt.ttf");
 +
    }
 +
 
 +
    body{
 +
        font-family:Courgette;
 +
    }
 +
    .menu_bar_pc{
 +
        font-family: Lora;
 +
    }
 
     .body{
 
     .body{
 
         margin:0px;
 
         margin:0px;
Line 171: Line 182:
  
 
     .preface{
 
     .preface{
−
         width: 100vw;
+
         width: 100%;
−
         height: 100vh;
+
         height: 100%;
 
         position:relative;
 
         position:relative;
 
         background-image: url("https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-BioX-Shanghai--preface_top-fix.png");
 
         background-image: url("https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-BioX-Shanghai--preface_top-fix.png");
Line 179: Line 190:
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
 
        
 
        
−
         z-index: 18;
+
         z-index: 10;
 
     }
 
     }
 
      
 
      
Line 266: Line 277:
 
     /**************************** homepage section ******************************/
 
     /**************************** homepage section ******************************/
 
     .transition_band{
 
     .transition_band{
−
         width: 100vw;
+
         width: 100%;
−
         background-color: black;
+
        height: 10vh;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/2/2c/T--SJTU-BioX-Shanghai--fading.png");
 +
        background-size: 100% 100%;
 +
        background-repeat: no-repeat;
 +
         background-color: rgba(241,240,225,1);
 
         z-index: 50;
 
         z-index: 50;
 +
        position: relative;
 
     }
 
     }
 
      
 
      
 
     .transition_band img{
 
     .transition_band img{
 
         width: 100%;
 
         width: 100%;
 +
        position: relative;
 
         z-index: 51;
 
         z-index: 51;
 
     }
 
     }
Line 280: Line 297:
 
     .homepage_section{
 
     .homepage_section{
 
          
 
          
−
         width: 100vw;  
+
         width: 100%;  
−
         height: 100vh;     
+
         height: 70vh;     
 
         position: relative;
 
         position: relative;
 
         z-index: 50;
 
         z-index: 50;
−
         background-color: rgba(255,255,255,1);
+
         background-color: rgba(241,240,225,1);
 
          
 
          
 
         background-size:100% 100%;
 
         background-size:100% 100%;
Line 336: Line 353:
  
 
     .homepage_section_content p{
 
     .homepage_section_content p{
−
       font-size: 1.5vw;
+
       font-size: 1.3vw;
 
       line-height: 2.5vw;
 
       line-height: 2.5vw;
 +
      text-align:justify;
 
     }
 
     }
 
    
 
    
 
      
 
      
 
     .homepage_section_content div{
 
     .homepage_section_content div{
−
         padding-right: 15vw;
+
         padding-right: 10vw;
−
         width:30vw;
+
         width:35vw;
 
         font-size: 2vw;
 
         font-size: 2vw;
 
     }
 
     }
Line 364: Line 382:
 
      
 
      
 
     .homepage_section0{
 
     .homepage_section0{
−
         width: 100vw;  
+
         width: 100%;  
−
         height: 30vh;
+
         height: 20vh;
−
+
       
−
         background-color: rgba(241,240,225,1);
+
         background-color: rgba(255,230,210,1);
  
 
         display: -webkit-box;  
 
         display: -webkit-box;  
Line 385: Line 403:
 
         font-size: 2.5vw;
 
         font-size: 2.5vw;
 
         line-height: 2.5vw;
 
         line-height: 2.5vw;
−
         padding: 5vh 5vw;
+
          
 
     }
 
     }
  
 
     .homepage_section0 img{
 
     .homepage_section0 img{
−
         height: 20vh;
+
         height: 18vh;
−
         width: 10vw;
+
         width: 15vw;
−
         padding: 5vh 5vw;
+
         padding: 0vh 5vw;
 
     }
 
     }
 
      
 
      
Line 399: Line 417:
 
     .end{
 
     .end{
 
          
 
          
−
         width: 100vw;  
+
         width: 100%;  
 
         background-color: white;
 
         background-color: white;
 
         display: inline-block;
 
         display: inline-block;
Line 439: Line 457:
  
 
     <div class="transition_band">
 
     <div class="transition_band">
−
             <img src="https://static.igem.org/mediawiki/2018/2/2c/T--SJTU-BioX-Shanghai--fading.png"/>
+
              
 
     </div>
 
     </div>
 +
<div style="width: 62.5%; height: 6.5vw;background-color:rgba(241,240,225,1);padding-left: 37.5%;text-align:center;position: relative;z-index:50;">
 +
<h1 style="width: 40%; padding: 2vw 0; font-family:Lora; text-align:center;font-size: 2.5vw; background-color:rgb(146,229,246);border-radius:1vw;">Graphical Abstract</h1>
 +
</div>
  
−
      
+
     <div style="width: 100%;height: auto;display:inline-block;text-align:center;padding-top:5vh;  position:relative; background-color:rgba(241,240,225,1);z-index:50;">
 +
          <img style="height: 100vh;" src="https://static.igem.org/mediawiki/2018/2/20/T--SJTU-BioX-Shanghai--graphical_abstract.png"/>
 +
    </div> 
 +
 
 +
<div style="width: 62.5%; height: 6.5vw;background-color:rgba(241,240,225,1);padding-left: 37.5%;padding-top:10vh;padding-bottom:5vh;text-align:center;">
 +
<h1 style="width: 40%; padding: 2vw 0; font-family:Lora; text-align:center;font-size: 2.5vw; background-color:rgb(146,229,246);border-radius:1vw;">Highlights</h1>
 +
</div>
  
 
     <div class="homepage_section" id="inno_point1">
 
     <div class="homepage_section" id="inno_point1">
Line 449: Line 476:
 
              
 
              
 
             <div>
 
             <div>
−
                 <h2><strong>Acoustic reporter genes</strong></h2>
+
                 <h2><strong>Acoustic Reporter Genes</strong></h2>
−
                 <p>A brand new reporting method combined with ultrasound detection</p>
+
                 <p>We successfully realize the expression and ultrasonic detection of acoustic reporter gene, and have performed specific identification of colorectal cancer through which.</p>
 
             </div>   
 
             </div>   
  
Line 463: Line 490:
 
              
 
              
 
             <div>
 
             <div>
−
                 <h2><strong>T peptide</strong></h2>
+
                 <h2><strong>T Peptide</strong></h2>
−
                 <p>Oligo peptides with function of anchoring colon cancer cells</p>
+
                 <p>We successfully construct an outer membrane peptide-displaying system that uses INP-tPEP and OmpA-tPEP to target T antigen expressed on the surface of cancerous cell.</p>
 
             </div>   
 
             </div>   
  
Line 477: Line 504:
 
              
 
              
 
             <div>
 
             <div>
−
                 <h2><strong>ECHO capsules and hydrogel beads</strong></h2>
+
                 <h2><strong>ECHO Capsules and Hydrogel Beads</strong></h2>
−
                 <p>Cheap, convenient and noninvasive screening method for colorectal cancer</p>
+
                 <p>We successfully generate a bacterial loader that contains lyophilized engineered bacteria and enable its normal function in vivo.</p>
 
             </div>   
 
             </div>   
  
Line 484: Line 511:
 
      
 
      
 
     </div>
 
     </div>
 +
   
 
      
 
      
  
Line 494: Line 522:
 
     </div>
 
     </div>
 
      
 
      
 +
    <div class="end">
 +
        <img src="https://static.igem.org/mediawiki/2018/1/15/T--SJTU-BioX-Shanghai--sponser.png"/>
 +
    </div>
 
      
 
      
 
      
 
      

Latest revision as of 17:10, 6 December 2018

Graphical Abstract

Highlights

Acoustic Reporter Genes

We successfully realize the expression and ultrasonic detection of acoustic reporter gene, and have performed specific identification of colorectal cancer through which.

T Peptide

We successfully construct an outer membrane peptide-displaying system that uses INP-tPEP and OmpA-tPEP to target T antigen expressed on the surface of cancerous cell.

ECHO Capsules and Hydrogel Beads

We successfully generate a bacterial loader that contains lyophilized engineered bacteria and enable its normal function in vivo.

Our Story Begins