Line 174: | Line 174: | ||
<div class="text-area"> | <div class="text-area"> | ||
− | + | <h2 id="d-intro"> </h2> | |
Line 198: | Line 198: | ||
<br /> | <br /> | ||
<br /><br /> | <br /><br /> | ||
− | <h5>UNIVERSAL PATHOGEN BLOOD TESTING KIT I</h5> | + | <h5 id="d-kit1">UNIVERSAL PATHOGEN BLOOD TESTING KIT I</h5> |
<img class="center" src="https://static.igem.org/mediawiki/2018/2/2f/T--Mingdao--phil14-4.png" alt="" style="width: 70%; margin-bottom: 20px;"> | <img class="center" src="https://static.igem.org/mediawiki/2018/2/2f/T--Mingdao--phil14-4.png" alt="" style="width: 70%; margin-bottom: 20px;"> | ||
<br /><br /> | <br /><br /> | ||
Line 227: | Line 227: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="path-btns" style="left:0;"> | <div class="path-btns" style="left:0;"> | ||
<div class="path"> | <div class="path"> | ||
Line 234: | Line 235: | ||
</svg> | </svg> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="intro-btn" class="path-dot"></div> |
<div class="pathWord path-word-sm"> | <div class="pathWord path-word-sm"> | ||
<p>Introduction</p> | <p>Introduction</p> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="path"> | <div class="path"> | ||
<div class="pathSvg"> | <div class="pathSvg"> | ||
Line 245: | Line 247: | ||
</svg> | </svg> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="kit1-btn" class="path-dot" style="top: 100px"></div> |
<div class="pathWord path-word-sm"> | <div class="pathWord path-word-sm"> | ||
− | <p> | + | <p>Kit 1</p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="path"> | <div class="path"> | ||
<div class="pathSvg"> | <div class="pathSvg"> | ||
Line 267: | Line 259: | ||
</svg> | </svg> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="kit2-btn" class="path-dot" style="top: 200px"></div> |
<div class="pathWord path-word-sm"> | <div class="pathWord path-word-sm"> | ||
− | <p> | + | <p>Kit 2</p> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
+ | |||
<div class="top"> | <div class="top"> | ||
<img class="center" src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt=""> | <img class="center" src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt=""> | ||
</div> | </div> | ||
− | + | ||
+ | </body> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | $("# | + | $("#intro-btn").click(function() { |
$('html, body').animate({ | $('html, body').animate({ | ||
− | scrollTop: $("#d- | + | scrollTop: $("#d-intro").offset().top |
− | }, | + | }, 400); |
}); | }); | ||
− | $("# | + | $("#kit1-btn").click(function() { |
$('html, body').animate({ | $('html, body').animate({ | ||
− | scrollTop: $("#d- | + | scrollTop: $("#d-kit1").offset().top |
− | }, | + | }, 400); |
}); | }); | ||
− | $("# | + | $("#kit2-btn").click(function() { |
$('html, body').animate({ | $('html, body').animate({ | ||
− | scrollTop: $("#d- | + | scrollTop: $("#d-kit2").offset().top |
− | }, | + | }, 400); |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
}); | }); | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$('.top').on('click', function(){ | $('.top').on('click', function(){ | ||
− | $('html, body').animate({scrollTop: '0px'}, | + | $('html, body').animate({scrollTop: '0px'}, 400); |
}); | }); | ||
− | $("# | + | $("#intro-btn").css('background-color', '#385e66'); |
var scroll_pos = 0; | var scroll_pos = 0; | ||
$(document).scroll(function() { | $(document).scroll(function() { | ||
scroll_pos = $(this).scrollTop(); | scroll_pos = $(this).scrollTop(); | ||
− | + | d_intro_pos = $("#d-intro").offset().top -100 | |
− | + | d_k1_pos = $("#d-kit1").offset().top -100 | |
− | + | d_k2_pos= $("#d-kit2").offset().top -100 | |
− | + | ||
// introduction | // introduction | ||
− | if(scroll_pos < | + | if(scroll_pos < d_k1_pos) { |
$(".path-dot").css('background-color', '#fff') | $(".path-dot").css('background-color', '#fff') | ||
− | $("# | + | $("#intro-btn").css('background-color', '#385e66');} |
// model1 | // model1 | ||
− | + | else if(scroll_pos < d_k2_pos){ | |
− | if(scroll_pos >= | + | if(scroll_pos >= d_k1_pos){ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
$(".path-dot").css('background-color', '#fff') | $(".path-dot").css('background-color', '#fff') | ||
− | $("# | + | $("#kit1-btn").css('background-color', '#385e66');} |
} | } | ||
// conclusion | // conclusion | ||
− | else if( scroll_pos >= | + | else if( scroll_pos >= d_k2_pos) { |
$(".path-dot").css('background-color', '#fff') | $(".path-dot").css('background-color', '#fff') | ||
− | $("# | + | $("#kit2-btn").css('background-color', '#385e66'); |
} | } | ||
}); | }); |
Revision as of 03:01, 15 October 2018
Mosquito Toll-Amp signaling plays an important roll in response to and regulating blood infectious pathogens.
To genetically engineer mosquitoes as blood testing tools, we’ve collected DNA materials as BioBrick parts for future assembly.
First, we designed a universal pathogen blood testing kit consisting of BioBrick parts of GAM1 promoter, GFP and polyA, as well as Ac5 promoter as a positive expression control.
Second, we designed a HIV viral blood testing kit consisting of BioBrick parts of Ac5 promoter, CD4 extracellular domain, Drosophila transmembrane and intracellular domains, and poly A, as well as Ac5-GFP-polyA as a positive expression control.
UNIVERSAL PATHOGEN BLOOD TESTING KIT I
HUMAN HIV VIRUS BLOOD TESTING KIT II
Introduction
Kit 1
Kit 2