Difference between revisions of "Team:USTC"

Line 14: Line 14:
 
   $('.inview').removeClass('inview');
 
   $('.inview').removeClass('inview');
 
   var $section = $('#fullpage .fullpagesection').eq(nextIndex - 1);
 
   var $section = $('#fullpage .fullpagesection').eq(nextIndex - 1);
   $section.find('.check-inview').each(function(i) {
+
   $section.find('.check-inview').each(function(i) {  
 
     var delay = 800 + 30 * (i + 1);
 
     var delay = 800 + 30 * (i + 1);
 
     $(this).css("-webkit-transition-delay", delay + 'ms').css("-o-transition-delay", delay + 'ms').css("transition-delay", delay + 'ms');
 
     $(this).css("-webkit-transition-delay", delay + 'ms').css("-o-transition-delay", delay + 'ms').css("transition-delay", delay + 'ms');
Line 138: Line 138:
 
     <li data-menuanchor="welcomePage" class="active"><a href="#welcomePage">Welcome</a></li>
 
     <li data-menuanchor="welcomePage" class="active"><a href="#welcomePage">Welcome</a></li>
 
     <li data-menuanchor="introPage"><a href="#introPage">Brief Intro</a></li>
 
     <li data-menuanchor="introPage"><a href="#introPage">Brief Intro</a></li>
     <li data-menuanchor="constitutionPage"><a href="#constitutionPage">Constitution</a></li>
+
     <li data-menuanchor="constitutionPage"><a href="#constitutionPage">Constitutions</a></li>
     <li data-menuanchor="tutorialPage"><a href="#tutorialPage">Tutorial</a></li>
+
     <li data-menuanchor="tutorialPage"><a href="#tutorialPage">Tutorials</a></li>
 
     <li data-menuanchor="navigationsPage" data-hover="true" data-activates="navi-dropdown" data-gutter="-16" data-beloworigin="true" class="dropdown-button"><a href="#navigationsPage">Navigations</a></li>
 
     <li data-menuanchor="navigationsPage" data-hover="true" data-activates="navi-dropdown" data-gutter="-16" data-beloworigin="true" class="dropdown-button"><a href="#navigationsPage">Navigations</a></li>
 
   </ul>
 
   </ul>
Line 147: Line 147:
 
   <li><a href="https://2015.igem.org/Team:USTC/Description" class="waves-effect waves-light">Project</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Description" class="waves-effect waves-light">Project</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Modeling" class="waves-effect waves-light">Modeling</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Modeling" class="waves-effect waves-light">Modeling</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Results" class="waves-effect waves-light">Results</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Achievements" class="waves-effect waves-light">Achivements</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Achievements" class="waves-effect waves-light">Achivements</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Tutorials" class="waves-effect waves-light">Tutorials</a></li>
 
   <li><a href="https://2015.igem.org/Team:USTC/Tutorials" class="waves-effect waves-light">Tutorials</a></li>
Line 172: Line 173:
 
         <h2>History once tells antibiotics were invincible knights, until a fierce dragon befalled.</h2>
 
         <h2>History once tells antibiotics were invincible knights, until a fierce dragon befalled.</h2>
 
       </div>
 
       </div>
       <div class="check-inview fadeup center">
+
       <div class="check-inview fadeup center" style="text-align:center;">
 
         <a href="#introPage">
 
         <a href="#introPage">
 
           <h2 class="white-text">Continue</h2><img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
 
           <h2 class="white-text">Continue</h2><img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
Line 204: Line 205:
 
         <div class="col s4 check-inview fadeup">
 
         <div class="col s4 check-inview fadeup">
 
           <div class="card hoverable">
 
           <div class="card hoverable">
            <div class="card-image">
 
              <img>
 
            </div>
 
 
             <div class="card-content">
 
             <div class="card-content">
 
               <h5>Editable</h5>
 
               <h5>Editable</h5>
Line 213: Line 211:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
      </div>
 +
      <div class="check-inview fadeup center" style="text-align:center;">
 +
        <a href="#constitutionPage">
 +
          <img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 218: Line 220:
 
   <div class="fullpagesection light-blue darken-3" data-anchor="constitutionPage" id="constitution">
 
   <div class="fullpagesection light-blue darken-3" data-anchor="constitutionPage" id="constitution">
 
     <div class="container">
 
     <div class="container">
 +
      <div class="row" style="margin-bottom: 0;">
 +
        <div class="col s12">
 +
          <h5 class="white-text">Constitutions of NDM:</h5>
 +
        </div>
 +
      </div>
 
       <div class="row">
 
       <div class="row">
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/c/c6/USTC-index-mod-bact.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/c/c6/USTC-index-mod-bact.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-film.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-film.png"></div>
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/c/c4/USTC-index-hako.png" style="z-index: 5;"></div>
+
         <div class="col s2"><br/><img src="https://static.igem.org/mediawiki/2015/c/c4/USTC-index-hako.png" style="z-index: 5;"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/9/9c/USTC-index-optical-path.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/9/9c/USTC-index-optical-path.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/d/da/USTC-index-gui.png"></div>
 
         <div class="col s2"><img src="https://static.igem.org/mediawiki/2015/d/da/USTC-index-gui.png"></div>
 
       </div>
 
       </div>
 
       <div class="row">
 
       <div class="row">
         <div class="col s2"><span>CACCI</span></div>
+
         <div class="col s2"><h5>CACCI<br/>programmed bacterial to detect chemicals you want</h5></div>
         <div class="col s2"><span>Film</span></div>
+
         <div class="col s2"><h5>Film<br/>change the movement of bacterial to deformation of film</h5></div>
         <div class="col s2"><span>SPRING</span></div>
+
         <div class="col s2"><h5>SPRING<br/>the main body of our hardware, composed of a box</h5></div>
         <div class="col s2"><span>Optical path</span></div>
+
         <div class="col s2"><h5>Optical path<br/>detect the deformation by michelson interference</h5></div>
         <div class="col s2"><span>GUI</span></div>
+
         <div class="col s2"><h5>GUI<br/>provide  better using exprience for users</h5></div>
 +
      </div>
 +
      <div style="text-align:center;">
 +
        <a href="#tutorialPage">
 +
          <img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 241: Line 252:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
       <div class="row">
+
       <div class="row check-inview fadeup">
 
         <div class="col s4 check-inview fadeup">
 
         <div class="col s4 check-inview fadeup">
 
           <div class="card hoverable">
 
           <div class="card hoverable">
Line 266: Line 277:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
      </div>
 +
      <div class="check-inview fadeup center" style="text-align:center;">
 +
        <a href="#navigationsPage">
 +
          <img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 351: Line 366:
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
           <div class="col s8">
+
           <div class="col s4 offset-s2">
 
             <h5 style="margin-bottom: 2px;">Sponsored by <br/><img src="https://static.igem.org/mediawiki/2015/4/4c/Deutsche-bank-logo.png"></h5>
 
             <h5 style="margin-bottom: 2px;">Sponsored by <br/><img src="https://static.igem.org/mediawiki/2015/4/4c/Deutsche-bank-logo.png"></h5>
 
           </div>
 
           </div>

Revision as of 13:23, 14 September 2015