Difference between revisions of "Team:USTC"

Line 5: Line 5:
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:USTC/css/fullpage?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:USTC/css/fullpage?action=raw&ctype=text/css">
 
<script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Team:USTC/js/easing?action=raw&ctype=text/javascript" ></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:USTC/js/easing?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Team:USTC/js/slimscroll?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:USTC/js/fullpage?action=raw&ctype=text/javascript" ></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:USTC/js/fullpage?action=raw&ctype=text/javascript" ></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" >
 
<script type="text/javascript" >
 
function checkInview(index, nextIndex, direction) {
 
function checkInview(index, nextIndex, direction) {
−
    $('.inview').css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
+
  $('.inview').css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
−
    $('.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');
−
         $(this).addClass('inview');
+
    $(this).addClass('inview');
 +
  });
 +
  // here is the navigationPage's transition.
 +
  $("#navi .col.s3").css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
 +
  $("#navi .col.s3").removeClass('inview');
 +
  if (nextIndex == 5) {
 +
    $("#navi .col.s3").each(function(i) {
 +
      var delay;
 +
      if (i < 4) {
 +
         delay = 800 + 30 * 2 * i;
 +
      } else {
 +
        delay = 800 + 30 * (2 * i - 7);
 +
      }
 +
      $(this).css("-webkit-transition-delay", delay + 'ms').css("-o-transition-delay", delay + 'ms').css("transition-delay", delay + 'ms');
 +
      $(this).addClass('inview');
 
     });
 
     });
−
    // here is the navigationPage's transition.
+
  }
−
    $("#navi .col.s3").css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
+
  // here is the constitutionPage's transition.
−
    $("#navi .col.s3").removeClass('inview');
+
  $("#constitution .container .row div").css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
−
    if (nextIndex == 3) {
+
  $("#constitution .container .row div").css("opacity","0");
−
        $("#navi .col.s3").each(function(i) {
+
  $("#constitution .container .row:eq(0) div").eq(2).css("opacity","1");
−
            var delay;
+
  $("#constitution .container .row:eq(0) div").each(function(i) {
−
            if (i < 4) {
+
    switch (i){
−
                delay = 800 + 30 * 2 * i;
+
      case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
−
            } else {
+
      case 1:$(this).css("-webkit-transform","translateX(50%)").css("-moz-transform","translateX(50%)").css("-ms-transform","translateX(50%)").css("-o-transform","translateX(50%)").css("transform","translateX(50%)");break;
−
                delay = 800 + 30 * (2 * i - 7);
+
      case 2:$(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)");break;
−
            }
+
      case 3:$(this).css("-webkit-transform","translateX(-50%)").css("-moz-transform","translateX(-50%)").css("-ms-transform","translateX(-50%)").css("-o-transform","translateX(-50%)").css("transform","translateX(-50%)");break;
−
            $(this).css("-webkit-transition-delay", delay + 'ms').css("-o-transition-delay", delay + 'ms').css("transition-delay", delay + 'ms');
+
      case 4:$(this).css("-webkit-transform","translateX(-100%)").css("-moz-transform","translateX(-100%)").css("-ms-transform","translateX(-100%)").css("-o-transform","translateX(-100%)").css("transform","translateX(-100%)");break;
−
            $(this).addClass('inview');
+
−
        });
+
 
     }
 
     }
−
}
+
  });
−
window.onload = function() {
+
  $("#constitution .container .row:eq(1) div").each(function(i) {
−
     $('.slider').slider({
+
     switch (i){
−
        full_width: true
+
      case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
 +
      case 1:$(this).css("-webkit-transform","translateX(50%)").css("-moz-transform","translateX(50%)").css("-ms-transform","translateX(50%)").css("-o-transform","translateX(50%)").css("transform","translateX(50%)");break;
 +
      case 2:$(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)");break;
 +
      case 3:$(this).css("-webkit-transform","translateX(-50%)").css("-moz-transform","translateX(-50%)").css("-ms-transform","translateX(-50%)").css("-o-transform","translateX(-50%)").css("transform","translateX(-50%)");break;
 +
      case 4:$(this).css("-webkit-transform","translateX(-100%)").css("-moz-transform","translateX(-100%)").css("-ms-transform","translateX(-100%)").css("-o-transform","translateX(-100%)").css("transform","translateX(-100%)");break;
 +
    }
 +
  });
 +
  if(nextIndex==3){
 +
    $("#constitution .container .row:eq(0) div").each(function(i) {
 +
      $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
 +
      $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
 
     });
 
     });
−
     $('#fullpage').fullpage({
+
     $("#constitution .container .row:eq(1) div").each(function(i) {
−
        anchors: ['welcomePage', 'introPage', 'navigationsPage'],
+
      $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
−
        menu: '#menu',
+
      $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
−
        sectionSelector: '.fullpagesection',
+
−
        onLeave: checkInview
+
 
     });
 
     });
−
     $(window).resize();
+
  }
−
    checkInview(0, 1, 'down');
+
}
−
    $(".loading").fadeOut();
+
window.onload = function() {
−
    $("#fullpage").fadeIn();
+
  $('.slider').slider({
−
    $("#menu").fadeIn();
+
     full_width: true
 +
  });
 +
  $('#fullpage').fullpage({
 +
    anchors: ['welcomePage', 'introPage', 'constitutionPage', 'tutorialPage', 'navigationsPage'],
 +
    menu: '#menu',
 +
    sectionSelector: '.fullpagesection',
 +
    onLeave: checkInview,
 +
    scrollOverflow: true
 +
  });
 +
  $(window).resize();
 +
  checkInview(0, 1, 'down');
 +
  $(".loading").fadeOut();
 +
  $("#fullpage").fadeIn();
 +
  $("#menu").fadeIn();
 
};
 
};
 
</script>
 
</script>
  
 
<div class="loading">
 
<div class="loading">
−
    <div class="preloader-wrapper big active">
+
  <div class="preloader-wrapper big active">
−
        <div class="spinner-layer spinner-blue">
+
    <div class="spinner-layer spinner-blue">
−
            <div class="circle-clipper left">
+
      <div class="circle-clipper left">
−
                <div class="circle"></div>
+
        <div class="circle"></div>
 +
      </div>
 +
      <div class="gap-patch">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="circle-clipper right">
 +
        <div class="circle"></div>
 +
      </div>
 +
    </div>
 +
    <div class="spinner-layer spinner-red">
 +
      <div class="circle-clipper left">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="gap-patch">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="circle-clipper right">
 +
        <div class="circle"></div>
 +
      </div>
 +
    </div>
 +
    <div class="spinner-layer spinner-yellow">
 +
      <div class="circle-clipper left">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="gap-patch">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="circle-clipper right">
 +
        <div class="circle"></div>
 +
      </div>
 +
    </div>
 +
    <div class="spinner-layer spinner-green">
 +
      <div class="circle-clipper left">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="gap-patch">
 +
        <div class="circle"></div>
 +
      </div>
 +
      <div class="circle-clipper right">
 +
        <div class="circle"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="right">
 +
  <ul id="menu" hidden>
 +
    <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="constitutionPage"><a href="#introPage">Constitution</a></li>
 +
    <li data-menuanchor="tutorialPage"><a href="#tutorialPage">Tutorial</a></li>
 +
    <li data-menuanchor="navigationsPage" data-hover="true" data-activates="navi-dropdown" data-gutter="10" data-beloworigin="true" class="dropdown-button"><a href="#navigationsPage">Navigations</a></li>
 +
  </ul>
 +
</div>
 +
<ul class='navi-dropdown'>
 +
  <li><a href="https://2015.igem.org/Team:USTC" class="waves-effect waves-light">Home</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/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/Notebook" class="waves-effect waves-light">NoteBook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Safety" class="waves-effect waves-light">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Practices" class="waves-effect waves-light">Policy&Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Collaborations" class="waves-effect waves-light">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Team" class="waves-effect waves-light">Team</a></li>
 +
  <li><a href="https://2015.igem.org/Team:USTC/Attributions" class="waves-effect waves-light">Attributions</a></li>
 +
</ul>
 +
<div id="fullpage" hidden>
 +
  <div class="fullpagesection black" data-anchor="welcomePage" id="welcome">
 +
    <div class="slider fullscreen">
 +
      <ul class="slides">
 +
        <li> <img src="https://static.igem.org/mediawiki/2015/2/22/USTC-index-background-1.jpg"> </li>
 +
        <li> <img src="https://static.igem.org/mediawiki/2015/6/6e/USTC-index-background-2.jpg"> </li>
 +
        <li> <img src="https://static.igem.org/mediawiki/2015/a/a5/USTC-index-background-3.jpg"> </li>
 +
        <li> <img src="https://static.igem.org/mediawiki/2015/6/67/USTC-index-background-4.jpg"> </li>
 +
      </ul>
 +
    </div>
 +
    <div class="container">
 +
      <div class="check-inview fadeup">
 +
        <h1 class="white-text"><b>Nanomachine Detecting Microbiotics</b></h1> </div>
 +
      <div class="check-inview fadeup">
 +
        <h2>History once tells antibiotics were invincible knights, until a fierce dragon befalled.</h2>
 +
      </div>
 +
      <div class="check-inview fadeup center">
 +
        <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>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="fullpagesection indigo" data-anchor="introPage" data-delay="500" id="intro">
 +
    <div class="container">
 +
      <div class="row check-inview fadeup">
 +
        <div class="col s12">
 +
          <h5 class="white-text">Drug resistance is now sweeping around the world in a ferocious trend. In natural environment,  many antibiotic substances are emitted directly into river in their active state, which caused tremendously challenges on human health and environment. Thus, this year we USTC develop NDM, a hardware trying to detect those molecules and hold back this situation.  </h5>
 +
        </div>
 +
      </div>
 +
      <div class="row">
 +
        <div class="col s4 check-inview fadeup">
 +
          <div class="card hoverable">
 +
            <div class="card-content">
 +
              <h4>CACCI</h4>
 +
              <p>To solve the resistance problem, we recruit CACCI to aid our knights. CACCI's engineered bacteria that are attached to a membrane have the chemotaxis ability, which means CACCI's fantastic membrane have the ability to perform a deformation corresponding to the contribution of the antibiotics. Then it's time for CACCI's optics magic. Using the interference, the knights' amount can be certained.Then we are able to redeploy our knights, making them efficiently kill the enemy rather than strengthen them. </p>
 
             </div>
 
             </div>
−
            <div class="gap-patch">
+
          </div>
−
                <div class="circle"></div>
+
        </div>
−
            </div>
+
        <div class="col s4 check-inview fadeup">
−
             <div class="circle-clipper right">
+
          <div class="card hoverable">
−
                <div class="circle"></div>
+
             <div class="card-content">
 +
              <h4>SPRING</h4>
 +
              <p>Spring, which is named after its inventer, is  CACCI's sidekick. He helps CACCI in three aspects, which are the optical aspect, the hardware aspect and the software aspect. Using Michelson Interferometer,the optical part, Spring transforms the shape change of CACCI's membrane into the change of interference fringe. Spring's hardware, based on Raspberry–Pi, allows spring to take photos or videos of the fringe. At last, the software can analyse them and transmit the results to PC. CACCI depends on Spring.</p>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="spinner-layer spinner-red">
+
         <div class="col s4 check-inview fadeup">
−
            <div class="circle-clipper left">
+
          <div class="card hoverable">
−
                <div class="circle"></div>
+
            <div class="card-image">
 +
              <img>
 
             </div>
 
             </div>
−
             <div class="gap-patch">
+
             <div class="card-content">
−
                <div class="circle"></div>
+
              <h4>ROSE</h4>
 +
              <p>Meanwhile, we recruit ROSE to ensure our success. Two kinds of engineered bacteria make ROSE a wonderful director. Her mind is sufficiently logical, just like those three circuits we bulit for her,which allow her to know how many antibiotics are out of there,even when there are just trace of them. With the data provided by ROSE, the same mission as CACCI's can be done. Although ROSE may be a little slower than CACCI, but her traditional way becomes our insurance.</p>
 
             </div>
 
             </div>
−
            <div class="circle-clipper right">
+
          </div>
−
                <div class="circle"></div>
+
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="fullpagesection indigo darken-2" data-anchor="constitutionPage" id="constitution">
 +
    <div class="container">
 +
      <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/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"><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>
 +
      <div class="row">
 +
        <div class="col s2"><span>Modified bacteria</span></div>
 +
        <div class="col s2"><span>Film</span></div>
 +
        <div class="col s2"><span>SPRING</span></div>
 +
        <div class="col s2"><span>Optical path</span></div>
 +
        <div class="col s2"><span>GUI</span></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="fullpagesection indigo darken-4" data-anchor="tutorialPage" id="tutorial">
 +
    <div class="container">
 +
      <div class="row check-inview fadeup">
 +
        <div class="col s12">
 +
          <h5 class="white-text">Tutorials</h5>
 +
        </div>
 +
      </div>
 +
      <div class="row">
 +
        <div class="col s4 check-inview fadeup">
 +
          <div class="card hoverable">
 +
            <div class="card-content">
 +
              <h4>Instructional Video</h4>
 +
              <p>Here is Instructional Video</p>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="spinner-layer spinner-yellow">
+
         <div class="col s4 check-inview fadeup">
−
            <div class="circle-clipper left">
+
          <div class="card hoverable">
−
                <div class="circle"></div>
+
             <div class="card-content">
−
            </div>
+
              <h4>Instruction manual</h4>
−
             <div class="gap-patch">
+
              <p>Here is Instruction manual</p>
−
                <div class="circle"></div>
+
−
            </div>
+
−
            <div class="circle-clipper right">
+
−
                <div class="circle"></div>
+
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="spinner-layer spinner-green">
+
         <div class="col s4 check-inview fadeup">
−
            <div class="circle-clipper left">
+
          <div class="card hoverable">
−
                <div class="circle"></div>
+
             <div class="card-content">
−
            </div>
+
              <h4>Make Your Own</h4>
−
             <div class="gap-patch">
+
              <p>Let's Make Your Own</p>
−
                <div class="circle"></div>
+
−
            </div>
+
−
            <div class="circle-clipper right">
+
−
                <div class="circle"></div>
+
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
−
</div>
+
  </div>
−
<div class="right">
+
  <div class="fullpagesection" data-anchor="navigationsPage" data-delay="500" id="navi">
−
    <ul id="menu" hidden>
+
    <div class="container">
−
        <li data-menuanchor="welcomePage" class="active"><a href="#welcomePage">Welcome</a></li>
+
      <div class="row">
−
        <li data-menuanchor="introPage"><a href="#introPage">Brief Intro</a></li>
+
        <div class="col s3 navi-inview fadeup" id="nav1">
−
        <li data-menuanchor="navigationsPage"><a href="#navigationsPage">Navigations</a></li>
+
          <div class="card hoverable">
−
    </ul>
+
             <div class="card-image">
−
</div>
+
              <a href="https://2015.igem.org/Team:USTC/Description">
−
<div id="fullpage" hidden>
+
                 <img src="https://static.igem.org/mediawiki/2015/f/f1/USTC-index-Project.png" onclick>
−
    <div class="fullpagesection black" data-anchor="welcomePage" id="welcome">
+
                 <span class="white-text">Project</span></a>
−
        <div class="slider fullscreen">
+
            </div>
−
             <ul class="slides">
+
          </div>
−
                <li> <img src="https://static.igem.org/mediawiki/2015/2/22/USTC-index-background-1.jpg"> </li>
+
−
                 <li> <img src="https://static.igem.org/mediawiki/2015/6/6e/USTC-index-background-2.jpg"> </li>
+
−
                 <li> <img src="https://static.igem.org/mediawiki/2015/a/a5/USTC-index-background-3.jpg"> </li>
+
−
                <li> <img src="https://static.igem.org/mediawiki/2015/6/67/USTC-index-background-4.jpg"> </li>
+
−
            </ul>
+
 
         </div>
 
         </div>
−
         <div class="container">
+
         <div class="col s3 navi-inview fadeup" id="nav2">
−
            <div class="check-inview fadeup">
+
          <div class="card hoverable">
−
                <h1 class="white-text"><b>Nanomachine Detecting Microbiotics</b></h1> </div>
+
            <div class="card-image">
−
            <div class="check-inview fadeup">
+
              <a href="https://2015.igem.org/Team:USTC/Modeling">
−
                <h2>History once tells antibiotics were invincible knights, until a fierce dragon befalled.</h2>
+
                <img src="https://static.igem.org/mediawiki/2015/b/b4/USTC-index-Modeling.png">
 +
                <span class="white-text">Modeling</span></a>
 
             </div>
 
             </div>
−
            <div class="check-inview fadeup center">
+
          </div>
−
                <a href="#introPage">
+
        </div>
−
                    <h2 class="white-text">Continue</h2><img src="https://static.igem.org/mediawiki/2015/1/1d/USTC-index-Down.png" style="width: 60px;" /></a>
+
        <div class="col s3 navi-inview fadeup" id="nav3">
 +
          <div class="card hoverable">
 +
            <div class="card-image">
 +
              <a href="https://2015.igem.org/Team:USTC/Achievements">
 +
                <img src="https://static.igem.org/mediawiki/2015/4/42/USTC-index-Achievements.png">
 +
                <span class="white-text">Achievements</span></a>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
    </div>
+
        <div class="col s3 navi-inview fadeup" id="nav4">
−
    <div class="fullpagesection indigo" data-anchor="introPage" data-delay="500" id="intro">
+
          <div class="card hoverable">
−
        <div class="container">
+
             <div class="card-image">
−
             <div class="row check-inview fadeup">
+
              <a href="https://2015.igem.org/Team:USTC/Tutorials">
−
                 <div class="col s12">
+
                 <img src="https://static.igem.org/mediawiki/2015/d/d5/USTC-index-Tutorials.png">
−
                    <h5 class="white-text">Drug resistance is now sweeping around the world in a ferocious trend. In natural environment,  many antibiotic substances are emitted directly into river in their active state, which caused tremendously challenges on human health and environment. Thus, this year we USTC develop NDM, a hardware trying to detect those molecules and hold back this situation.  </h5>
+
                <span class="white-text">Tutorials</span></a>
−
                </div>
+
 
             </div>
 
             </div>
−
            <div class="row">
+
          </div>
−
                <div class="col s4 check-inview fadeup">
+
        </div>
−
                    <div class="card hoverable">
+
      </div>
−
                        <div class="card-content">
+
      <div class="row">
−
                            <h4>CACCI</h4>
+
        <div class="col s3 navi-inview fadeup" id="nav5">
−
                            <p>To solve the resistance problem, we recruit CACCI to aid our knights. CACCI's engineered bacteria that are attached to a membrane have the chemotaxis ability, which means CACCI's fantastic membrane have the ability to perform a deformation corresponding to the contribution of the antibiotics. Then it's time for CACCI's optics magic. Using the interference, the knights' amount can be certained.Then we are able to redeploy our knights, making them efficiently kill the enemy rather than strengthen them. </p>
+
          <div class="card hoverable">
−
                        </div>
+
            <div class="card-image">
−
                    </div>
+
              <a href="https://2015.igem.org/Team:USTC/Notebook">
−
                </div>
+
                 <img src="https://static.igem.org/mediawiki/2015/b/b0/USTC-index-Notebook.png">
−
                <div class="col s4 check-inview fadeup">
+
                <span class="white-text">Notebook</span></a>
−
                    <div class="card hoverable">
+
−
                        <div class="card-content">
+
−
                          <h4>SPRING</h4>
+
−
                            <p>Spring, which is named after its inventer, is  CACCI's sidekick. He helps CACCI in three aspects, which are the optical aspect, the hardware aspect and the software aspect. Using Michelson Interferometer,the optical part, Spring transforms the shape change of CACCI's membrane into the change of interference fringe. Spring's hardware, based on Raspberry–Pi, allows spring to take photos or videos of the fringe. At last, the software can analyse them and transmit the results to PC. CACCI depends on Spring.</p>
+
−
                        </div>
+
−
                    </div>
+
−
                 </div>
+
−
                <div class="col s4 check-inview fadeup">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <img>
+
−
                        </div>
+
−
                        <div class="card-content">
+
−
                          <h4>ROSE</h4>
+
−
                            <p>Meanwhile, we recruit ROSE to ensure our success. Two kinds of engineered bacteria make ROSE a wonderful director. Her mind is sufficiently logical, just like those three circuits we bulit for her,which allow her to know how many antibiotics are out of there,even when there are just trace of them. With the data provided by ROSE, the same mission as CACCI's can be done. Although ROSE may be a little slower than CACCI, but her traditional way becomes our insurance.</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
    </div>
+
         <div class="col s3 navi-inview fadeup" id="nav6">
−
    <div class="fullpagesection" data-anchor="navigationsPage" data-delay="500" id="navi">
+
          <div class="card hoverable">
−
         <div class="container">
+
            <div class="card-image">
−
            <div class="row">
+
              <a href="https://2015.igem.org/Team:USTC/Practices">
−
                <div class="col s3 navi-inview fadeup" id="nav1">
+
                 <img src="https://static.igem.org/mediawiki/2015/3/3d/USTC-index-HumanPractice.png">
−
                    <div class="card hoverable">
+
                 <span class="white-text">Human<br/>Practice</span></a>
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Description">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/f/f1/USTC-index-Project.png" onclick>
+
−
                                <span class="white-text">Project</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                 </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav2">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Modeling">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/b/b4/USTC-index-Modeling.png">
+
−
                                <span class="white-text">Modeling</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                 </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav3">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Achievements">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/4/42/USTC-index-Achievements.png">
+
−
                                <span class="white-text">Achievements</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav4">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Tutorials">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/d/d5/USTC-index-Tutorials.png">
+
−
                                <span class="white-text">Tutorials</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
 
             </div>
 
             </div>
−
            <div class="row">
+
          </div>
−
                <div class="col s3 navi-inview fadeup" id="nav5">
+
        </div>
−
                    <div class="card hoverable">
+
        <div class="col s3 navi-inview fadeup" id="nav7">
−
                        <div class="card-image">
+
          <div class="card hoverable">
−
                            <a href="https://2015.igem.org/Team:USTC/Notebook">
+
            <div class="card-image">
−
                                <img src="https://static.igem.org/mediawiki/2015/b/b0/USTC-index-Notebook.png">
+
              <a href="https://2015.igem.org/Team:USTC/Collaborations">
−
                                <span class="white-text">Notebook</span></a>
+
                <img src="https://static.igem.org/mediawiki/2015/8/8b/USTC-index-Collaboration.png">
−
                        </div>
+
                <span class="white-text">Collaboration</span></a>
−
                    </div>
+
−
                </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav6">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Practices">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/3/3d/USTC-index-HumanPractice.png">
+
−
                                <span class="white-text">Human<br/>Practice</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav7">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Collaborations">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/8/8b/USTC-index-Collaboration.png">
+
−
                                <span class="white-text">Collaboration</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col s3 navi-inview fadeup" id="nav8">
+
−
                    <div class="card hoverable">
+
−
                        <div class="card-image">
+
−
                            <a href="https://2015.igem.org/Team:USTC/Team">
+
−
                                <img src="https://static.igem.org/mediawiki/2015/a/a8/USTC-index-Team.png">
+
−
                                <span class="white-text">Team</span></a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="Footer grey lighten-1">
+
         <div class="col s3 navi-inview fadeup" id="nav8">
−
            <div class="container">
+
          <div class="card hoverable">
−
                <div class="row">
+
            <div class="card-image">
−
                    <div class="col s8">
+
              <a href="https://2015.igem.org/Team:USTC/Team">
−
                        <h5 style="margin-bottom: 2px;">Sponsored by <br/><img src="https://static.igem.org/mediawiki/2015/4/4c/Deutsche-bank-logo.png"></h5>
+
                <img src="https://static.igem.org/mediawiki/2015/a/a8/USTC-index-Team.png">
−
                    </div>
+
                <span class="white-text">Team</span></a>
−
                    <div class="col s4">
+
−
                        <h5 style="margin-bottom: 0;">Links</h5>
+
−
                        <p style="margin:0;">
+
−
                            <a href="mailto:ustc.igem.2015@gmail.com"><img src="https://static.igem.org/mediawiki/2015/9/9d/USTC-Mail.png"></a>
+
−
                            <a href="http://weibo.com/3929719655/fans?topnav=1&wvr=6&mod=message&need_filter=1"><img src="https://static.igem.org/mediawiki/2015/6/60/USTC-Weibo.png"></a>
+
−
                            <a href="https://github.com/Cintau/2015USTCiGEM"><img src="https://static.igem.org/mediawiki/2015/3/36/USTC-GitHub.png"></a>
+
−
                            <a href="https://www.facebook.com/2014ustcchinaigem?ref=bookmarks"><img src="https://static.igem.org/mediawiki/2015/6/6e/USTC-Facebook.png"></a>
+
−
                        </p>
+
−
                    </div>
+
−
                </div>
+
 
             </div>
 
             </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="Footer grey lighten-1">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col s8">
 +
            <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 class="col s4">
 +
            <h5 style="margin-bottom: 0;">Links</h5>
 +
            <p style="margin:0;">
 +
              <a href="mailto:ustc.igem.2015@gmail.com"><img src="https://static.igem.org/mediawiki/2015/9/9d/USTC-Mail.png"></a>
 +
              <a href="http://weibo.com/3929719655/fans?topnav=1&wvr=6&mod=message&need_filter=1"><img src="https://static.igem.org/mediawiki/2015/6/60/USTC-Weibo.png"></a>
 +
              <a href="https://github.com/Cintau/2015USTCiGEM"><img src="https://static.igem.org/mediawiki/2015/3/36/USTC-GitHub.png"></a>
 +
              <a href="https://www.facebook.com/2014ustcchinaigem?ref=bookmarks"><img src="https://static.igem.org/mediawiki/2015/6/6e/USTC-Facebook.png"></a>
 +
            </p>
 +
          </div>
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
 +
  </div>
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 06:46, 13 September 2015