Difference between revisions of "Team:NYU Abu Dhabi"

 
(46 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
 
     <!-- <link rel="stylesheet" href="assets/css/styles.min.css"> -->
 
     <!-- <link rel="stylesheet" href="assets/css/styles.min.css"> -->
−
 
+
    <link rel="prefetch" href="https://2019.igem.org/wiki/images/thumb/0/0a/T--NYU_Abu_Dhabi--prender1.png/1600px-T--NYU_Abu_Dhabi--prender1.png">
 +
    <script>
 +
      let getName = () => {
 +
      const name = document.getElementById('user_item').innerText;
 +
      return name.charAt(0).toUpperCase() + name.slice(1);
 +
      }
 +
      let setIt = () => {
 +
        if(((getName()!="Login")||(getName()==""))){
 +
          if((getName().length<= 15)) {
 +
      document.getElementById('nameHolder').innerHTML = "Meet Volatect, " + getName() + ". ";
 +
      clearInterval(intervalAdder);
 +
    }
 +
    }
 +
      }
 +
      intervalAdder = setInterval(setIt, 300);
 +
      $(window).load(function(){
 +
    $('.loader').fadeOut();
 +
      });
 +
    </script>
 
</head>
 
</head>
  
 
<body id="page-top">
 
<body id="page-top">
−
     <!-- Start: *DEPENDANCIES AND PRELOADING --><script
+
     <!-- Start: *DEPENDANCIES AND PRELOADING -->
 +
    <script
 
   src="https://2019.igem.org/Team:NYU_Abu_Dhabi/jquery?action=raw&ctype=text/javascript"></script>
 
   src="https://2019.igem.org/Team:NYU_Abu_Dhabi/jquery?action=raw&ctype=text/javascript"></script>
 
   <script>
 
   <script>
Line 54: Line 73:
  
 
<script src="https://2019.igem.org/Team:NYU_Abu_Dhabi/IndicatorDebug?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:NYU_Abu_Dhabi/IndicatorDebug?action=raw&ctype=text/javascript"></script>
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/0/00/T--NYU_Abu_Dhabi--iphone.png">
+
 
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/5/5d/T--NYU_Abu_Dhabi--d1.png">
+
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/4/48/T--NYU_Abu_Dhabi--d2.png">
+
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/a/ad/T--NYU_Abu_Dhabi--d3.png">
+
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/3/3d/T--NYU_Abu_Dhabi--d4.png">
+
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/2/2b/T--NYU_Abu_Dhabi--d5.png">
+
−
<link rel="prefetch" href="https://2019.igem.org/wiki/images/2/2c/T--NYU_Abu_Dhabi--d6.png">
+
  
 
     <!-- End: *DEPENDANCIES AND PRELOADING -->
 
     <!-- End: *DEPENDANCIES AND PRELOADING -->
Line 83: Line 96:
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Software">Software</a><a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Hardware">Hardware</a>
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Software">Software</a><a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Hardware">Hardware</a>
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 +
                            <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demonstrate</a>
  
 
                         </div>
 
                         </div>
Line 96: Line 110:
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Results">Results&nbsp;</a>
 
                             <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Results">Results&nbsp;</a>
 
                           <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Design">Design</a>
 
                           <a class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Design">Design</a>
−
                          <a
+
 
−
                                  class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Improve">Improve</a>
+
 
                             <a
 
                             <a
 
                                     class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a>
 
                                     class="dropdown-item" role="presentation" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a>
Line 124: Line 137:
 
                     </li>
 
                     </li>
  
−
                    <li class="nav-item" role="presentation"><a class="nav-link" href="https://2019.igem.org/Team:NYU_Abu_Dhabi/Software">WEB API</a></li>
+
 
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 135: Line 148:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-md-12">
 
                 <div class="col-md-12">
−
<div id="fadeHeaderOut"></div><h1 id="meetVolatectHeader" class="text-center" style="padding-top:20%;font-size: 9vh;color: rgb(255,255,255);font-family: Catamaran !important; font-weight: 200 !important;">Meet Volatect. A disease diagnostic device that works like magic</h1><div id="scene"></div></div>
+
<div id="fadeHeaderOut"></div><h1 id="meetVolatectHeader" class="text-center" style="padding-top:20%;font-size: 9vh;color: rgb(255,255,255);font-family: Catamaran !important; font-weight: 200 !important;"><span id="nameHolder"></span><br /> Flying safe starts by flying healthy.</h1><div id="scene"></div></div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
Line 196: Line 209:
 
</div>
 
</div>
 
         </div>
 
         </div>
−
         <!-- Start: HEADER_ANIMATIONS --><div style="position:fixed;left: 0;
+
         <!-- Start: HEADER_ANIMATIONS --><div style="position:fixed;left: 0;
−
right: 0;" id="productImage"><div class="text-center"><img id="productImageActual" src="https://2019.igem.org/wiki/images/0/00/T--NYU_Abu_Dhabi--iphone.png" ><div id="pinTheProduct"></div></div></div>
+
right: 0;" id="productImage">
 +
 
 +
<div class="text-center">
 +
  <img src="https://2019.igem.org/wiki/images/a/ab/T--NYU_Abu_Dhabi--loaderyo.gif" class="loader img-fluid" /><br/><img id="productImageActual" src="https://2019.igem.org/wiki/images/1/16/T--NYU_Abu_Dhabi--pn1.png" style="max-width:400px;"><div id="pinTheProduct"></div></div></div>
  
 
<script>
 
<script>
Line 210: Line 226:
 
         //end hover
 
         //end hover
 
         // build tween
 
         // build tween
−
         var tweenMoveProduct = TweenMax.to("#productImage", 1000, {top:"20%"});
+
         var tweenMoveProduct = TweenMax.to("#productImage", 1000, {top:"25%"});
 
         var tweenFadeOut = TweenMax.to("#productImage", 1000, {opacity:0});
 
         var tweenFadeOut = TweenMax.to("#productImage", 1000, {opacity:0});
 
         var tweenRotate = TweenMax.to("#productImageActual",0,{rotation:0});
 
         var tweenRotate = TweenMax.to("#productImageActual",0,{rotation:0});
 
         var images = [
 
         var images = [
−
         "https://2019.igem.org/wiki/images/0/00/T--NYU_Abu_Dhabi--iphone.png",
+
         "https://2019.igem.org/wiki/images/1/16/T--NYU_Abu_Dhabi--pn1.png",
−
         "https://2019.igem.org/wiki/images/5/5d/T--NYU_Abu_Dhabi--d1.png",
+
         "https://2019.igem.org/wiki/images/3/35/T--NYU_Abu_Dhabi--pn2.png",
−
         "https://2019.igem.org/wiki/images/4/48/T--NYU_Abu_Dhabi--d2.png",
+
         "https://2019.igem.org/wiki/images/e/ee/T--NYU_Abu_Dhabi--pn3.png",
−
         "https://2019.igem.org/wiki/images/a/ad/T--NYU_Abu_Dhabi--d3.png",
+
         "https://2019.igem.org/wiki/images/0/06/T--NYU_Abu_Dhabi--pn4.png",
−
         "https://2019.igem.org/wiki/images/3/3d/T--NYU_Abu_Dhabi--d4.png",
+
         "https://2019.igem.org/wiki/images/e/e2/T--NYU_Abu_Dhabi--pn5.png",
−
         "https://2019.igem.org/wiki/images/2/2b/T--NYU_Abu_Dhabi--d5.png",
+
         "https://2019.igem.org/wiki/images/e/e8/T--NYU_Abu_Dhabi--pn6.png",
−
             "https://2019.igem.org/wiki/images/2/2c/T--NYU_Abu_Dhabi--d6.png"
+
            "https://2019.igem.org/wiki/images/3/32/T--NYU_Abu_Dhabi--pn8.png",
 +
            "https://2019.igem.org/wiki/images/3/32/T--NYU_Abu_Dhabi--pn9.png",
 +
            "https://2019.igem.org/wiki/images/e/ea/T--NYU_Abu_Dhabi--pn10.png",
 +
            "https://2019.igem.org/wiki/images/1/13/T--NYU_Abu_Dhabi--pn11.png",
 +
            "https://2019.igem.org/wiki/images/2/2e/T--NYU_Abu_Dhabi--pn12.png",
 +
            "https://2019.igem.org/wiki/images/f/f9/T--NYU_Abu_Dhabi--pn13.png",
 +
            "https://2019.igem.org/wiki/images/2/25/T--NYU_Abu_Dhabi--pn14.png",
 +
            "https://2019.igem.org/wiki/images/9/91/T--NYU_Abu_Dhabi--pn15.png",
 +
            "https://2019.igem.org/wiki/images/6/61/T--NYU_Abu_Dhabi--pn16.png",
 +
            "https://2019.igem.org/wiki/images/a/a9/T--NYU_Abu_Dhabi--pn17.png",
 +
            "https://2019.igem.org/wiki/images/4/42/T--NYU_Abu_Dhabi--pn18.png",
 +
            "https://2019.igem.org/wiki/images/8/87/T--NYU_Abu_Dhabi--pn19.png",
 +
            "https://2019.igem.org/wiki/images/3/34/T--NYU_Abu_Dhabi--pn20.png",
 +
            "https://2019.igem.org/wiki/images/1/1f/T--NYU_Abu_Dhabi--pn21.png",
 +
            "https://2019.igem.org/wiki/images/b/bd/T--NYU_Abu_Dhabi--pn22.png",
 +
            "https://2019.igem.org/wiki/images/6/66/T--NYU_Abu_Dhabi--pn23.png",
 +
            "https://2019.igem.org/wiki/images/b/bc/T--NYU_Abu_Dhabi--pn24.png",
 +
            "https://2019.igem.org/wiki/images/0/0e/T--NYU_Abu_Dhabi--p25.png",
 +
            "https://2019.igem.org/wiki/images/4/4b/T--NYU_Abu_Dhabi--p26.png",
 +
             "https://2019.igem.org/wiki/images/2/2c/T--NYU_Abu_Dhabi--p28.png",
 +
            "https://2019.igem.org/wiki/images/8/8e/T--NYU_Abu_Dhabi--p29.png"
 +
 
 +
 
 +
 
  
 
     ];
 
     ];
 +
 +
    arrayLength = images.length;
 +
for (i = 0; i < arrayLength; i++) {
 +
  //  <link rel="prefetch" href="https://2019.igem.org/wiki/images/thumb/0/0a/T--NYU_Abu_Dhabi--prender1.png/1600px-T--NYU_Abu_Dhabi--prender1.png">
 +
  let code ="<link rel='prefetch' href='" + images[i] + "'>";
 +
$('head').append(code);
 +
}
  
 
     // TweenMax can tween any property of any object. We use this object to cycle through the array
 
     // TweenMax can tween any property of any object. We use this object to cycle through the array
Line 244: Line 290:
 
     );
 
     );
 
         // build scene
 
         // build scene
−
         var timelineProductAnimation = new TimelineMax().add(tweenHeaderFade).add(tweenRotate).add(tweenMoveProduct).add(tweenBlast).add(tweenFadeOut).add(tweenRemoveDisplay);
+
         var timelineProductAnimation = new TimelineMax().add(tweenHeaderFade).add(tweenRotate).add(tweenMoveProduct).add(tweenBlast,"f").add(tweenFadeOut).add(tweenRemoveDisplay);
 
         var scene2 = new ScrollMagic.Scene({ duration:"150%",offset:"0"})
 
         var scene2 = new ScrollMagic.Scene({ duration:"150%",offset:"0"})
 
         .setPin("#productImage")
 
         .setPin("#productImage")
Line 374: Line 420:
 
         <!-- End: TargetGroupVideoMobile -->
 
         <!-- End: TargetGroupVideoMobile -->
 
     </div>
 
     </div>
−
    <img src="https://2019.igem.org/wiki/images/thumb/4/47/T--NYU_Abu_Dhabi--collectInfo.jpg/539px-T--NYU_Abu_Dhabi--collectInfo.jpg" class="text-center img-fluid"/>
+
 
 
     <!-- Start: How does it work? -->
 
     <!-- Start: How does it work? -->
 
     <section style="display:none;" id="volatectSteps" class="index-howto-alt py-3 " >
 
     <section style="display:none;" id="volatectSteps" class="index-howto-alt py-3 " >
Line 426: Line 472:
 
     <div></div>
 
     <div></div>
 
     <!-- Start: Features Desktop -->
 
     <!-- Start: Features Desktop -->
−
     <div id="engineeringbio" class="d-none d-lg-block" style="background-color: white;background-image: url(&quot;https://2019.igem.org/wiki/images/f/f3/T--NYU_Abu_Dhabi--bg-pattern.png&quot;);height: 300vh;width: 100%;"><div id="middleMarker"></div>
+
     <div id="engineeringbio" class="d-none d-lg-block" style="background-color: black;background-image: url(&quot;https://2019.igem.org/wiki/images/f/f3/T--NYU_Abu_Dhabi--bg-pattern.png&quot;);height: 500vh;width: 100%;"><div id="middleMarker"></div>
 
<div class="row " style="position:fixed;top:25%;width:100%;opacity:0;" id="featuresHeaderText">
 
<div class="row " style="position:fixed;top:25%;width:100%;opacity:0;" id="featuresHeaderText">
 
   <div style="width:100%;" class="col w-100 text-center">
 
   <div style="width:100%;" class="col w-100 text-center">
−
       <h1 style="color:white;font-size: 9vh;">State of the art Engineering and Biology</h1>
+
       <h1 style="color:white;font-size: 9vh;">State of the art <span style="color:#fdcc52">Engineering</span> and <span style="color:#fdcc52;">Biology</span></h1>
 
     </div>
 
     </div>
 
</div>
 
</div>
Line 539: Line 585:
 
     <h1 class="headingTextBioEngineering" style="font-size: 5vw;">Crispr</h1>
 
     <h1 class="headingTextBioEngineering" style="font-size: 5vw;">Crispr</h1>
 
     <p class="gradientText" style="font-size: 1.5vw;">CRISPR (Clustered Regularly Interspaced Short Palindromic Repeats) is a genome-editing technology derived from the bacterial defense system strategy to cut the DNA of viruses and other invading bodies. The method we are utilizing, DETECTR, involves the use of CRISPR-Cas12a to accurately detect a DNA sequence and cut a fluorescent probe to release light upon detection.
 
     <p class="gradientText" style="font-size: 1.5vw;">CRISPR (Clustered Regularly Interspaced Short Palindromic Repeats) is a genome-editing technology derived from the bacterial defense system strategy to cut the DNA of viruses and other invading bodies. The method we are utilizing, DETECTR, involves the use of CRISPR-Cas12a to accurately detect a DNA sequence and cut a fluorescent probe to release light upon detection.
−
</p><button class="btn btn-primary" type="button">Learn more</button></div>
+
</p><button class="btn btn-primary engineeringbiobutton" type="button">Learn more</button></div>
 
</div>
 
</div>
  
Line 732: Line 778:
 
<rect fill="url(#New_Pattern)" width="1560" height="400"/>
 
<rect fill="url(#New_Pattern)" width="1560" height="400"/>
 
       </svg></div><div id="" class="col-sm-5 my-auto">
 
       </svg></div><div id="" class="col-sm-5 my-auto">
−
     <h1 class="headingTextBioEngineering" style="font-size: 5vw;">Microfluidics</h1>
+
     <h1 class="headingTextBioEngineering" style="font-size: 5vw;font-family:avenir">Microfluidics</h1>
 
     <p class="gradientText" style="font-size: 1.5vw;">
 
     <p class="gradientText" style="font-size: 1.5vw;">
 
Microfluidics unites the reliability of lab tests with the  integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally.  In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.
 
Microfluidics unites the reliability of lab tests with the  integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally.  In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.
−
     </p><button class="btn btn-primary" type="button">Learn more</button></div>
+
     </p><button class="btn btn-primary engineeringbiobutton" type="button">Learn more</button></div>
 
</div>
 
</div>
  
Line 750: Line 796:
 
}
 
}
 
circle {
 
circle {
−
   fill: blue;
+
   fill: #fdcc52;
 
}
 
}
 
/* circle, */
 
/* circle, */
 
.banaan {
 
.banaan {
 
   fill: #00FF00;
 
   fill: #00FF00;
−
   box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
+
   border-radius: 25px;
−
   border-radius: 50%;
+
   animation: blinker 1s linear infinite;
 
}
 
}
 +
 
.banaan2 {
 
.banaan2 {
 
   fill: red;
 
   fill: red;
−
   box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
+
   border-radius: 25px;
−
   border-radius: 50%;
+
   animation: blinker 1s linear infinite;
 
}
 
}
 +
  
 
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
 
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
Line 768: Line 816:
 
@keyframes crescendo {
 
@keyframes crescendo {
 
   0%  {transform: scale(.8);}
 
   0%  {transform: scale(.8);}
−
   100% {transform: scale(100);}
+
   100% {transform: scale(500);}
 +
}
 +
@keyframes blinker {
 +
  50% {
 +
    opacity: 0;
 +
  }
 
}
 
}
 
</style>
 
</style>
Line 3,410: Line 3,463:
 
     items.removeClass("banaan");
 
     items.removeClass("banaan");
 
     items.removeClass("banaan2");
 
     items.removeClass("banaan2");
 +
    items.attr("r","1.9");
 
   for(x=0;x<Math.random() * 25;x++){
 
   for(x=0;x<Math.random() * 25;x++){
 
     var random = Math.floor((Math.random() * number));
 
     var random = Math.floor((Math.random() * number));
 
       var random2 = Math.floor((Math.random() * 10));
 
       var random2 = Math.floor((Math.random() * 10));
 
       if(random2<7) {
 
       if(random2<7) {
 +
  items.eq(random).attr("r","4");
 
   items.eq(random).addClass("banaan");
 
   items.eq(random).addClass("banaan");
 
       } else {
 
       } else {
 +
        items.eq(random).attr("r","4");
 
           items.eq(random).addClass("banaan2");
 
           items.eq(random).addClass("banaan2");
 
       }
 
       }
Line 3,427: Line 3,483:
 
     <p class="gradientText" style="font-size: 1.5vw;">
 
     <p class="gradientText" style="font-size: 1.5vw;">
 
       An API (Application Programming Interface) simply put is a way for applications to communicate with each other. The Volatect API is intended to be used by medical researchers. We believe that the data that comes out of air travel disease reports from our device could help immensely in the analysis and prediction of outbreaks around the world as we provide disease diagnosis in relation to the nationality and the flight path of the passengers.
 
       An API (Application Programming Interface) simply put is a way for applications to communicate with each other. The Volatect API is intended to be used by medical researchers. We believe that the data that comes out of air travel disease reports from our device could help immensely in the analysis and prediction of outbreaks around the world as we provide disease diagnosis in relation to the nationality and the flight path of the passengers.
−
     </p><button class="btn btn-primary" type="button">Learn more</button></div>
+
     </p><button class="btn btn-primary engineeringbiobutton" type="button">Learn more</button></div>
  
 
</div>
 
</div>
Line 3,435: Line 3,491:
 
     @import "compass/css3";
 
     @import "compass/css3";
 
     .headingTextBioEngineering {
 
     .headingTextBioEngineering {
−
         color:white;
+
         color:#fdcc52;
 
     }
 
     }
 
.gradientText {
 
.gradientText {
 
font-size: 2vw;
 
font-size: 2vw;
 
   background: #8A2387;
 
   background: #8A2387;
−
   background: -webkit-linear-gradient(to right, #1E90FF, #00BFFF, #1E90FF);
+
   background: -webkit-linear-gradient(to right, #C8C8C8 , #FFFFFF, #C8C8C8 );
−
   background: linear-gradient(to right, #1E90FF, #00BFFF, #1E90FF);
+
   background: linear-gradient(to right,#C8C8C8 , #FFFFFF, #C8C8C8);
  
 
   -webkit-background-clip: text;
 
   -webkit-background-clip: text;
Line 3,449: Line 3,505:
 
     #engineeringbio {
 
     #engineeringbio {
 
         opacity:0;
 
         opacity:0;
 +
    }
 +
    .engineeringbiobutton {
 +
      background:black;
 +
      border-color:#fdcc52;
 +
      display:none;
 
     }
 
     }
 
</style><script>
 
</style><script>
Line 3,455: Line 3,516:
 
         var controller3 = new ScrollMagic.Controller();
 
         var controller3 = new ScrollMagic.Controller();
 
         var tweenFadeIn = TweenMax.to("#engineeringbio", 1, {backgroundColor:"black",opacity:1});
 
         var tweenFadeIn = TweenMax.to("#engineeringbio", 1, {backgroundColor:"black",opacity:1});
 +
        var fadeoutvideo = TweenMax.to("#myVideo", 1, {opacity:"0"});
 
         var tweenStepsFadeIn = TweenMax.to("#volatectSteps", 1, {backgroundColor:"black"});
 
         var tweenStepsFadeIn = TweenMax.to("#volatectSteps", 1, {backgroundColor:"black"});
 
         var tweenRotate = TweenMax.to("#canvas-container", 1, {scale:"0.9",rotation:0});
 
         var tweenRotate = TweenMax.to("#canvas-container", 1, {scale:"0.9",rotation:0});
 
         var tweenMicro =TweenMax.to("#microfluidics", 1, {scale:"1.5"});          //volatectSteps
 
         var tweenMicro =TweenMax.to("#microfluidics", 1, {scale:"1.5"});          //volatectSteps
 
       // var tween2 = TweenMax.to("#productImage", 1000, {rotation:"360"});
 
       // var tween2 = TweenMax.to("#productImage", 1000, {rotation:"360"});
−
         var timelineProductAnimation2 = new TimelineMax().add(tweenStepsFadeIn,"f").add(tweenFadeIn,"f").add(tweenRotate,"f").add(tweenMicro,"f");
+
         var timelineProductAnimation2 = new TimelineMax().add(fadeoutvideo,"f").add(tweenRotate,"f").add(tweenMicro,"f");
 
         var sceneBack = new ScrollMagic.Scene({ duration:"200px",offset:"0"})
 
         var sceneBack = new ScrollMagic.Scene({ duration:"200px",offset:"0"})
 
         .triggerElement("#engineeringbio")
 
         .triggerElement("#engineeringbio")
Line 3,481: Line 3,543:
 
         var controller4 = new ScrollMagic.Controller();
 
         var controller4 = new ScrollMagic.Controller();
 
         var timelineFeatures = new TimelineMax()
 
         var timelineFeatures = new TimelineMax()
−
         .add(TweenMax.to("#featuresHeaderText", 50, {opacity:1,top:"45%"}))
+
         .add(TweenMax.to("#featuresHeaderText", 20, {opacity:1,top:"35%"}))
−
         .add(TweenMax.to("#featuresHeaderText", 50, {opacity:0,top:"35%"}),"q")
+
         .add(TweenMax.to("#featuresHeaderText", 20, {opacity:0,top:"35%"}))
 
         .add(TweenMax.to("#featuresHeaderText", 1, {display:"none"}))
 
         .add(TweenMax.to("#featuresHeaderText", 1, {display:"none"}))
 
         .add(TweenMax.to("#middleFeatureContainer", 50, {opacity:1,top:"7%"}),"q")
 
         .add(TweenMax.to("#middleFeatureContainer", 50, {opacity:1,top:"7%"}),"q")
Line 3,495: Line 3,557:
  
 
         //microfluidicsContainer webapiHolder
 
         //microfluidicsContainer webapiHolder
−
         var sceneBack2 = new ScrollMagic.Scene({ duration:"300%",offset:0})
+
         var sceneBack2 = new ScrollMagic.Scene({ duration:"500%",offset:0})
 
         .setTween(timelineFeatures)
 
         .setTween(timelineFeatures)
 
         .triggerElement("#engineeringbio")
 
         .triggerElement("#engineeringbio")
Line 3,548: Line 3,610:
 
                                       the spread of diseases and improving crops. However, its promise also raises ethical concerns.In popular usage, "CRISPR" (pronounced "crisper") is shorthand for "CRISPR-Cas9." CRISPRs are specialized stretches of DNA. The protein
 
                                       the spread of diseases and improving crops. However, its promise also raises ethical concerns.In popular usage, "CRISPR" (pronounced "crisper") is shorthand for "CRISPR-Cas9." CRISPRs are specialized stretches of DNA. The protein
 
                                       Cas9 (or "CRISPR-associated") is an enzyme that acts like a pair of molecular scissors, capable of cutting strands of DNA.
 
                                       Cas9 (or "CRISPR-associated") is an enzyme that acts like a pair of molecular scissors, capable of cutting strands of DNA.
−
                                 </p><button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button></div>
+
                                 </p></div>
 
                             <div class="Push-20"></div>
 
                             <div class="Push-20"></div>
 
                         </div>
 
                         </div>
Line 3,558: Line 3,620:
 
                                 <p class="text-muted">
 
                                 <p class="text-muted">
 
Microfluidics unites the reliability of lab tests with the  integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally.  In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.
 
Microfluidics unites the reliability of lab tests with the  integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally.  In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.
−
                                 </p><button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button></div>
+
                                 </p></div>
 
                             <div class="Push-20"></div>
 
                             <div class="Push-20"></div>
 
                         </div>
 
                         </div>
Line 3,566: Line 3,628:
 
                                 <p class="text-muted">
 
                                 <p class="text-muted">
 
We built a WEB API that allows secure access to the data we collect using our device. Medical researchers can now use the data we collect from passengers in airports to predict and report disease outbreaks before they happen.&nbsp;
 
We built a WEB API that allows secure access to the data we collect using our device. Medical researchers can now use the data we collect from passengers in airports to predict and report disease outbreaks before they happen.&nbsp;
−
                                 </p><button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button></div>
+
                                 </p></div>
 
                             <div class="Push-20"></div>
 
                             <div class="Push-20"></div>
 
                         </div>
 
                         </div>
Line 3,658: Line 3,720:
  
 
                 <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/thumb/a/a5/T--NYU_Abu_Dhabi--NYU-logo.png/800px-T--NYU_Abu_Dhabi--NYU-logo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 
                 <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/thumb/a/a5/T--NYU_Abu_Dhabi--NYU-logo.png/800px-T--NYU_Abu_Dhabi--NYU-logo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 +
 +
                <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/0/06/T--NYU_Abu_Dhabi--3mlogo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 +
 +
                <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/c/c6/T--NYU_Abu_Dhabi--ansyslogo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 +
 +
                <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/0/0a/T--NYU_Abu_Dhabi--jklogo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 +
 +
                <div class="col-md-3 col-xl-2 d-xl-flex justify-content-xl-center align-items-xl-center"><img class="img-fluid sponsor-logo" src="https://2019.igem.org/wiki/images/e/ee/T--NYU_Abu_Dhabi--snapgenelogo.png"></div><div class="col-xl-2 d-lg-none mobile-space" ></div>
 +
 +
  
 
             </div>
 
             </div>
Line 3,666: Line 3,738:
 
         <div class="container">
 
         <div class="container">
 
             <p class="text-center">©&nbsp;Volatect 2019. All Rights Reserved.</p>
 
             <p class="text-center">©&nbsp;Volatect 2019. All Rights Reserved.</p>
−
            <ul class="list-inline" style="color:black;">
 
−
                <li class="list-inline-item"><a href="#" style="color:black;">Privacy</a></li>
 
−
                <li class="list-inline-item"><a href="#" style="color:black;">Terms</a></li>
 
−
                <li class="list-inline-item"><a href="#" style="color:black;">FAQ</a></li>
 
−
            </ul>
 
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>
Line 3,691: Line 3,758:
 
     </div>
 
     </div>
 
     <!-- Start: SmoothWheel Integration --> <script>
 
     <!-- Start: SmoothWheel Integration --> <script>
−
       $(function(){
+
       /*$(function(){
  
 
     var $window = $(window);        //Window object
 
     var $window = $(window);        //Window object
Line 3,714: Line 3,781:
 
     });
 
     });
  
−
});
+
});*/
 
     </script>
 
     </script>
 
     <!-- End: SmoothWheel Integration -->
 
     <!-- End: SmoothWheel Integration -->

Latest revision as of 03:58, 22 October 2019

Volatect


Flying safe starts by flying healthy.


REVOLUTIONIZING YOUR TRAVEL EXPERIENCE

Meet Volatect. A disease diagnostic device that works like magic. 

pre order

REVOLUTIONIZING YOUR TRAVEL EXPERIENCE

State of the art Engineering and Biology

Crispr

CRISPR (Clustered Regularly Interspaced Short Palindromic Repeats) is a genome-editing technology derived from the bacterial defense system strategy to cut the DNA of viruses and other invading bodies. The method we are utilizing, DETECTR, involves the use of CRISPR-Cas12a to accurately detect a DNA sequence and cut a fluorescent probe to release light upon detection.

Microfluidics

Microfluidics unites the reliability of lab tests with the integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally. In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.

WEB API

An API (Application Programming Interface) simply put is a way for applications to communicate with each other. The Volatect API is intended to be used by medical researchers. We believe that the data that comes out of air travel disease reports from our device could help immensely in the analysis and prediction of outbreaks around the world as we provide disease diagnosis in relation to the nationality and the flight path of the passengers.

State-of-the-art Biology and Engineering

CRISPR

CRISPR technology is a simple yet powerful tool for editing genomes. It allows researchers to easily alter DNA sequences and modify gene function. Its many potential applications include correcting genetic defects, treating and preventing the spread of diseases and improving crops. However, its promise also raises ethical concerns.In popular usage, "CRISPR" (pronounced "crisper") is shorthand for "CRISPR-Cas9." CRISPRs are specialized stretches of DNA. The protein Cas9 (or "CRISPR-associated") is an enzyme that acts like a pair of molecular scissors, capable of cutting strands of DNA.

Microfluidics

Microfluidics unites the reliability of lab tests with the integrated efficiency of a printed circuit board. It tackles the challenges of controlling fluid flow in micromillimeters sized channel geometries and facilitating complex on-chip biological protocols both spatially and temporally. In accordance with the international trends of integrating technologies to ensure reliable use, scalability and user availability, Volatect's chip is the result of improving multiple iterations on iGEM's diagnostics track over the years and a pursuit of high standards both in signal quality and chemical contamination prevention.

Volatect API

We built a WEB API that allows secure access to the data we collect using our device. Medical researchers can now use the data we collect from passengers in airports to predict and report disease outbreaks before they happen. 

We  new friends!

© Volatect 2019. All Rights Reserved.