Team:NYU Abu Dhabi/sampleHome
Meet Volatect. A disease diagnostic device that works like magic
REVOLUTIONIZING YOUR TRAVEL EXPERIENCE
Meet Volatectica. A disease diagnostic device that works like magic.
pre orderREVOLUTIONIZING YOUR TRAVEL EXPERIENCE
How does it work?
Üyelik Tipini Seçerek Kayıt Olun
Step 1
Step 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mi nibh, tristique et sagittis in, aliquet id metus. In eleifend et dolor eget tincidunt.
Step 2
Step 2
Etiam eget nulla ut elit placerat commodo. Etiam vestibulum consectetur quam eget pretium. Sed in suscipit augue. Nunc venenatis porttitor enim a hendrerit.
Neye İhtiyacınız Varsa Belirtin
Size Uygun Teklifi Seçin
Step 3
Step 3
Integer cursus tincidunt mauris, imperdiet bibendum augue dapibus tempor. Pellentesque rhoncus neque erat. Nam at metus urna. Nullam rhoncus odio eu sem fermentum dictum.
Step 4
Step 4
Cras iaculis, eros sit amet congue tincidunt, justo magna iaculis urna, quis aliquet tortor ipsum et purus. Vivamus gravida tristique velit. Sed non mi at massa dignissim placerat.
Piyasa Analizi Yaptırın
State of the art Engineering and Biology
Crispr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Microfluidics
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
WEB API
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
State-of-the-art Biology and Engineering
bla bla bla
CRISPR
We use Crispr in order to target specific genes. Bla bla
RPA / LAMP
Fluoresence is what we use to decide what the
DEP
Di Electric Bla bla force used to do ___
Machine Learning
We use machine learning models to make accurate deductions on data.
Web 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.
<script>
$(function () {
setRandomClass();
setInterval(function () {
setRandomClass();
}, 4000);//number of milliseconds (2000 = 2 seconds)
});
function setRandomClass() {
var ul = $("svg");
var items = ul.find("circle");
var number = items.length;
//alert("yolo");
items.removeClass("banaan");
items.removeClass("banaan2");
for(x=0;x<Math.random() * 25;x++){
var random = Math.floor((Math.random() * number));
var random2 = Math.floor((Math.random() * 10));
if(random2<7) {
items.eq(random).addClass("banaan");
} else {
items.eq(random).addClass("banaan2");
}
}
} </script>
</div>Contents
WEB API
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<button class="btn btn-primary" type="button">Learn more</button></div>
<style>
@import "compass/css3";
.headingTextBioEngineering {
color:white;
}
.gradientText { font-size: 1.5vh;
background: #8A2387; background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387); background: linear-gradient(to right, #F27121, #E94057, #8A2387); -webkit-background-clip: text; color: transparent;
}
#engineeringbio {
opacity:0;
}
</style><script>
$(function () {
var controller3 = new ScrollMagic.Controller();
var tweenFadeIn = TweenMax.to("#engineeringbio", 1, {backgroundColor:"black",opacity:1});
var tweenStepsFadeIn = TweenMax.to("#volatectSteps", 1, {backgroundColor:"black"});
var tweenRotate = TweenMax.to("#canvas-container", 1, {scale:"0.9",rotation:0});
var tweenMicro =TweenMax.to("#microfluidics", 1, {scale:"1.5"}); //volatectSteps
// 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 sceneBack = new ScrollMagic.Scene({ duration:"200px",offset:"0"})
.triggerElement("#engineeringbio")
.setTween(timelineProductAnimation2)
//.addIndicators({name: "engineering"}) // add indicators (requires plugin) .addTo(controller3);
});
</script>
<script>
$(function () {
$("#featuresHeaderText").css("display", "none");
$("#middleFeatureContainer").css("display", "none");
$("#microfluidicsContainer").css("display", "none");
$("#webapiHolder").css("display", "none");
var controller4 = new ScrollMagic.Controller();
var timelineFeatures = new TimelineMax()
.add(TweenMax.to("#featuresHeaderText", 50, {opacity:1,top:"45%"}))
.add(TweenMax.to("#featuresHeaderText", 50, {opacity:0,top:"35%"}),"q")
.add(TweenMax.to("#featuresHeaderText", 1, {display:"none"}))
.add(TweenMax.to("#middleFeatureContainer", 50, {opacity:1,top:"35%"}),"q")
.add(TweenMax.to("#middleFeatureContainer", 10, {opacity:0}))
.add(TweenMax.to("#middleFeatureContainer", 1, {display:"none"}))
.add(TweenMax.to("#microfluidicsContainer", 50, {opacity:1,top:"30%"}))
.add(TweenMax.to("#microfluidicsContainer", 10, {opacity:0}))
.add(TweenMax.to("#microfluidicsContainer", 1, {display:"none"}))
.add(TweenMax.to("#webapiHolder", 50, {opacity:1,top:"30%"}))
.add(TweenMax.to("#webapiHolder", 10, {opacity:0,display:"none"}),"last")
.add(TweenMax.to("#webapiHolder", 1, {display:"none"}))
//microfluidicsContainer webapiHolder
var sceneBack2 = new ScrollMagic.Scene({ duration:"300%",offset:0})
.setTween(timelineFeatures)
.triggerElement("#engineeringbio")
.on("start", () => {
$("#featuresHeaderText").css("display", "");
$("#middleFeatureContainer").css("display", "");
$("#microfluidicsContainer").css("display", "");
$("#webapiHolder").css("display", "");
})
.on("leave", () => {
$("#featuresHeaderText").css("display", "none");
$("#middleFeatureContainer").css("display", "none");
$("#microfluidicsContainer").css("display", "none");
$("#webapiHolder").css("display", "none");
})
.on("end", () => {
$("#featuresHeaderText").css("display", "none");
$("#middleFeatureContainer").css("display", "none");
$("#microfluidicsContainer").css("display", "none");
$("#webapiHolder").css("display", "none");
})
//.setPin("body")
//.addIndicators({name: "engineering"}) // add indicators (requires plugin) .addTo(controller4);
});
</script>
</div>
<section id="features" class="features d-block d-lg-none" style=" background:url('assets/img/bg-pattern.png'), linear-gradient(to left, #cecccc, #fdfffc, #fdfffc, #cecccc);">
State-of-the-art Biology and Engineering
bla bla bla
CRISPR
We use Crispr in order to target specific genes. Bla bla
<button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button>RPA / LAMP
Fluoresence is what we use to decide what the
<button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button>DEP
Di Electric Bla bla force used to do ___
<button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button>Machine Learning
We use machine learning models to make accurate deductions on data.
<button class="btn btn-primary" data-toggle="modal" data-target="#crisprInfo" type="button">Learn More</button></section>
const sleep = (milliseconds) => {
return new Promise(resolve => setTimeout(resolve, milliseconds))
} setCodeTextAreas = (request,response) => {
document.getElementById("apirequest").innerText=request;
document.getElementById("apiresponse").innerText=response;
} loadTextArea = (request,response) => {
seconds=Math.floor(Math.random() * (2000 - 100 + 1)) + 100;
setCodeTextAreas(request,"-LOADING-");
showLoader();
sleep(seconds).then(() => {
setCodeTextAreas(request,response);
hideLoader();
}) } hideLoader = () => {
var link = document.getElementById('loaderImage');
link.style.visibility = 'hidden'; } showLoader = () => {
var link = document.getElementById('loaderImage');
link.style.visibility = 'visible'; } generalCall = () => {
loadTextArea("{Request: all}","{ { \"Disease\":\"HIV\",\r\n \"fluorescencePositiveMin\":30,\r\n \"fluorescencePositiveDanger\":40,\r\n \"datapoints\": {\r\n \"noOfDatapoints\":5000,\r\n \"errorVal\":\"40\",\r\n }\r\n}, { \"Disease\":\"Ebola\",\r\n \"fluorescencePositiveMin\":20,\r\n \"fluorescencePositiveDanger\":25,\r\n \"datapoints\": {\r\n \"noOfDatapoints\":3500,\r\n \"errorVal\":\"30\",\r\n }\r\n}");
} HIVPositive = () => {
loadTextArea("{Request: { disease: \"HIV\", intensity : 32 } }","{Response:{ HIV: true , Danger: false}}");
} HIVNegative = () => {
loadTextArea("{Request: { disease: \"HIV\", intensity : 20 } }","{Response:{ HIV: false , Danger: false}}");
} HIVDanger = () => {
loadTextArea("{Request: { intensity : 46 } }","{Response:{ HIV: false, Danger: true}}");
} </script>
Web 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.
<img src="assets/img/built-on-heroku-light.svg" style="width: 300px;"><img src="assets/img/kisspng-postgresql-clip-art-database-logo-web-design-strategy-relik-5b67d8468fcf82.2394477615335322305891.jpg" style="width: 100px;"><section id="socialContainer" class="contact" style="background-color: #fdfffc;">
We new friends!
</section>
<footer style="background-color: black;">
© Pathogenie 2019. All Rights Reserved.
- <a href="#">Privacy</a>
- <a href="#">Terms</a>
- <a href="#">FAQ</a>
</footer>
<script>
$(function(){
var $window = $(window); //Window object
var scrollTime = 1.5; //Scroll time var scrollDistance = 200; //Distance. Use smaller value for shorter scroll and greater value for longer scroll
$window.on("mousewheel DOMMouseScroll", function(event){
event.preventDefault();
var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3; var scrollTop = $window.scrollTop(); var finalScroll = scrollTop - parseInt(delta*scrollDistance);
TweenMax.to($window, scrollTime, { scrollTo : { y: finalScroll, autoKill:true }, ease: Power1.easeOut, //For more easing functions see https://api.greensock.com/js/com/greensock/easing/package-detail.html autoKill: true, overwrite: 5 });
});
});
</script>
</body>
</html>
We new friends!