Difference between revisions of "Team:Mingdao/Applied Design"

(Prototype team page)
 
 
(138 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Mingdao}}
+
{{:Team:Mingdao/test9}}
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <meta charset="UTF-8">
 +
    <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'>
 +
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
 +
    <title>Prototype</title>
  
 +
  <style type="text/css">
  
 +
* {
 +
  margin: 0;
 +
  padding: 0;
 +
  box-sizing: border-box; }
  
−
<div class="column full_size judges-will-not-evaluate">
+
body {
−
<h3>★ ALERT! </h3>
+
  width: 100%;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
  margin: 0;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
  padding: 0;
 +
  font-family: 'Ubuntu' !important; }
 +
 
 +
.bg-container {
 +
  background-attachment: fixed;
 +
  background-color: white;
 +
  margin-top:-10px;
 +
  overflow: hidden;
 +
  position: relative;
 +
  background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--Mingdao--prototype_background.jpg);
 +
  background-repeat: no-repeat;
 +
  background-size: 100%;
 +
}
 +
 
 +
.my-main-container {
 +
  width: 100%;
 +
  padding: 50px 7%;
 +
}
 +
 
 +
.main-content {
 +
  background-color: rgba(255,255,255, .9);
 +
  width: 80%;
 +
  margin-left: 10%;
 +
  padding: 50px;
 +
  min-height: 180vh;
 +
  z-index: 0;
 +
margin-top:600px
 +
}
 +
 
 +
.text-area {
 +
  margin-bottom: 80px; }
 +
  .text-area h1 {
 +
    font-size: 130px;
 +
    font-weight: 700;
 +
    font-family: 'Arizonia' !important;
 +
    text-align: center; }
 +
  .text-area p {
 +
    font-size: 22px;
 +
    font-weight: 500; }
 +
.m-block img {
 +
  width: 100%; }
 +
 
 +
.path-btns {
 +
z-index:0;
 +
  position: fixed;
 +
  width: 250px;
 +
  top: 200px;
 +
  left: 225px; }
 +
 
 +
.path-btns .path-dot {
 +
    width: 25px;
 +
    height: 25px;
 +
    border-radius: 50%;
 +
    position: absolute;
 +
    background-color: #fff;
 +
    top: 5px;
 +
    left: 27px;
 +
    border: 5px solid #385e66;
 +
    cursor: pointer; }
 +
    .path-btns .path-dot.active {
 +
      background-color: #385e66; }
 +
    .path-btns .path-dot:hover {
 +
      transition: all .3s;
 +
      transform: scale(1.2); }
 +
 
 +
.path {
 +
  height: 100px;
 +
  display: flex; }
 +
 
 +
.path .pathSvg {
 +
    display: block; }
 +
 
 +
  .path .pathWord {
 +
    padding-right: 10%; }
 +
 
 +
  .path .path-btn {
 +
    cursor: pointer;
 +
    fill: #fff; }
 +
 
 +
    .path .path-btn.path-active {
 +
      fill: #385e66; }
 +
 
 +
  .path .path-word-sm {
 +
    font-size: 12px; }
 +
 
 +
#HQ_page .path .pathWord p {
 +
      font-weight: 700;
 +
      text-align: left !important;
 +
      font-size: 16px;
 +
      color: #bf4e4e;
 +
}
 +
 
 +
#HQ_page .text-area p {
 +
  font-size: 22px;
 +
  font-family: 'Ubuntu';
 +
  font-weight: 500; }
 +
 
 +
 
 +
.pdfbtn {
 +
  width: 100%;
 +
  margin: 20px 0 10px 0;
 +
  padding: 10px 20px;
 +
  border-radius: 5px;
 +
  background-color: #556b7e;
 +
  color: white;
 +
  display: block;
 +
  position: relative; }
 +
  .pdfbtn i {
 +
    position: absolute;
 +
    right: 50px;
 +
    top: 50%;
 +
    transform: translateY(-50%); }
 +
 
 +
.pdf-container {
 +
  width: 100%;
 +
  text-align: center;
 +
  height: 90vh;
 +
  display: none; }
 +
 
 +
.ul-container {
 +
  width: 100%;
 +
  text-align: center;
 +
  height: auto;
 +
  }
 +
 
 +
.ul-container ul.medal li {
 +
  list-style: none; }
 +
  .ul-container ul.medal li:before {
 +
    content: '';
 +
    display: inline-block;
 +
    height: 1em;
 +
    width: 2em;
 +
    background-size: 1em;
 +
    background-image: url(../img/circle.png);
 +
    background-repeat: no-repeat; }
 +
 
 +
.ul-container ul {
 +
  text-align: left;
 +
  padding: 20px 50px;
 +
  margin-left: 0;
 +
 
 +
  border: #556b7e solid 2px;
 +
  font-size: 22px; }
 +
  .ul-container ul li {
 +
    padding: 10px;
 +
    list-style: disc; }
 +
    .ul-container ul li a {
 +
      text-decoration: none;
 +
      color: #000; }
 +
      .ul-container ul li a:visited, .ul-container ul li a:hover, .ul-container ul li a:focus {
 +
        color: #000;
 +
        text-decoration: none; }
 +
    .ul-container ul li span {
 +
      background-color: #fadd3a;
 +
      padding: 1px 10px;
 +
      border-radius: 5px;
 +
      margin-left: 20px;
 +
      cursor: pointer; }
 +
    .ul-container ul li i {
 +
      padding-left: 10px; }
 +
 
 +
 
 +
.top {
 +
  position: fixed;
 +
  right: 50px;
 +
  bottom: 50px;
 +
  height: 50px;
 +
  width: 50px;
 +
  cursor: pointer; }
 +
  .top img {
 +
    width: 100%; }
 +
.top-picture{
 +
z-index:2;
 +
width:100%;
 +
  position: absolute;
 +
}
 +
 
 +
.text-area h2{
 +
    text-align: center;
 +
    margin-bottom: 2rem !important;
 +
    margin-top: 2rem;
 +
    color: white !important;
 +
    font-size: 40px;
 +
    font-weight:bold;
 +
    font-family:serif;
 +
}
 +
 
 +
h4{
 +
    text-align: center;
 +
    margin-bottom: 2rem !important;
 +
    margin-top: 2rem;
 +
    color: black !important;
 +
    font-size: 40px;
 +
    font-weight:bold;
 +
    font-family:serif;
 +
}
 +
h3{
 +
text-align: left;
 +
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #4682B4 !important;
 +
  font-size: 28px;
 +
  font-weight:bold;
 +
}
 +
  .text-area h4{
 +
  text-align: left;
 +
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #f9000c !important;
 +
  font-size: 30px;
 +
  font-weight:bold;
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
    <div class="bg-container">
 +
<img class="top-picture" src="https://static.igem.org/mediawiki/2018/2/21/T--Mingdao--Phil13-1.png" style="width:100%">
 +
      <div class="my-main-container">
 +
        <div class="main-content">
 +
          <div class="text-area">
 +
            <!-- <h1>Prototype</h1> -->
 +
<h4 id="d-ge"></h4>
 +
<div class="col-md-12 col-sm-12">
 +
                        <img src="https://static.igem.org/mediawiki/2018/d/d5/T--Mingdao--phil13N1.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
                    </div>
 +
         
 +
 
 +
 
 +
<!-- <h4>GE Mosquitoes</h4> -->
 +
 
 +
<p style="text-indent:2em">
 +
To demonstrate our pathogen blood testing system on a real adult mosquito, we collaborated with NCHU_Taichung iGEM Team 2018 from Taiwan and conducted an experiment of DNA microinjection into adult female mosquito, Aedes aegypti. </p>
 +
<br />
 +
<p style="text-indent:2em">
 +
In addition to this experiment, we also visited the Mosquito Lab of Prof. Wu-Chun Tu in National Chung Hsing University, Taiwan. We presented our idea and got the valuable feedback from him. Moreover, we learned the physiology and behavior of mosquitoes when sucking and attracted by human blood from Dr. Hau-you Tzeng. The knowledge we learned was turned into our prototype design.
 +
<br />
 +
<h3> EXPERIMENT at NCHU </h3>
 +
<p>
 +
&#8595; Make microinjection needles by pulling glass capillary tubes<br />
 +
&#8595; Anesthetize the adult mosquitoes on ice<br />
 +
&#8595; Fill the needle with the DNAs in Cellfectin II reagent with E. coli or not<br />
 +
&#8595; Inject the DNA by inserting into the thorax of the mosquito.<br />
 +
&#8595; Recover the mosquito for 2 days<br />
 +
</p>
 +
<br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/e3/T--Mingdao--phil13N2.png" alt="" style="width: 40%; margin-bottom: 20px;"></center>
 +
 
 +
<h3>RESULT</h3>
 +
<p style="text-indent:2em">
 +
The mosquito injected with DNA plus E. coli showed fluorescence signal in Gel Imaging System and Blue LED Box after 2 days of DNA microinjection. This result further proved our concept into a reality.
 +
</p>
 +
<br />
 +
<br />
 +
 
 +
<h4 id="d-p-d"></h4>
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/b/b5/T--Mingdao--phil13N3.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 
</div>
 
</div>
  
  
−
<div class="clear"></div>
+
<!-- <h4>Product Design</h4> -->
 +
<p style="text-indent:2em">
 +
To make GE mosquito GFP reporter system come to the world, some may be considered: product packaging, result reading device and protocol, safety, as well as product marketing. </p>
 +
<br />
 +
<p style="text-indent:2em">
 +
We developed two products as one set for our reporter and reading system:<br />
 +
<p>
 +
1. KISSING BOX<sup>TM</sup>: GE mosquitoes kept in the box for sucking blood<br />
 +
<p>
 +
2. BLUE LED BOX: a scanner box equipped with blue led for observing the green fluorescence signal.<br />
 +
<p>
 +
</p><br />
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<center><img src="https://static.igem.org/mediawiki/2018/8/85/T--Mingdao--phil13N4.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem"></center>
 +
</div>
 +
 
 +
 
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/f/f7/T--Mingdao--phil13N5.jpeg" alt="" style="width: 40%; margin-bottom: 20px;"></center><br /><br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/e7/T--Mingdao--phil13N6.png" alt="" style="width: 50%; margin-bottom: 20px;"></center>
 +
 
 +
<br />
 +
<p style="text-indent:2em">
 +
We made a matchbox-size KISSING BOX<sup>TM</sup> with a clear acrylic sheet (as a transparent window) on the top and a cover of fine metal mesh in the bottom. The box can carry as many as 20 mosquitoes which can suck blood through the mesh.
 +
</p>
 +
<!-- <h4>BLUE LED SCANNER BOX</h4> -->
  
  
−
<div class="column full_size">
+
<div class="col-md-12 col-sm-12">
−
<h1>Applied Design</h1>
+
<img src="https://static.igem.org/mediawiki/2018/d/d3/T--Mingdao--phil13N9.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
  
−
<div class="column two_thirds_size">
 
−
<h3>Best Applied Design Special Prize</h3>
 
  
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
<center><img class="center" src="https://static.igem.org/mediawiki/2018/b/b6/T--Mingdao--phil13N7.jpeg" alt="" style="width: 58%; margin-bottom: 20px;"></center>
−
<br><br>
+
<center><img class="center" src="https://static.igem.org/mediawiki/2018/c/cc/T--Mingdao--phil13N8.png" alt="" style="width: 60%; margin-bottom: 20px;"></center>
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
<p style="text-indent:2em">
−
<br><br>
+
<center>The SCANNER can load a KISSING BOX<sup>TM</sup> inside. </center>
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
</p><br /><br />
−
</p>
+
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/eb/T--Mingdao--phil13N10.png" alt="" style="width: 80%; margin-bottom: 20px;"></center>
 +
<br />
 +
<p style="text-indent:2em">
 +
The SCANNER equipped with blue LED which can excite the green fluorescence of GFP as shown here with fluorescein in a PCR tube.  
 +
</p><br />
 +
 
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f5/T--Mingdao--phil13N12.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div><br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--sam201-1.png" alt="" style="width: 80%; margin-bottom: 20px;"></center>
 +
<br />
 +
<center>
 +
        <video playinline controls="true" style="width: 75%">
 +
  <source src="https://static.igem.org/mediawiki/2018/2/2e/T--Mingdao--sam200-6.mp4" type="video/mp4" >
 +
    </video>
 +
  <center><br />
 +
 
 +
You can see glowing mosquitoes sucking fluorescein through the transparent window in KISSING BOX<sup>TM</sup>.
 +
 
 +
<br /><br />
 +
<center>
 +
        <video playinline controls="true" style="width: 75%">
 +
  <source src="https://static.igem.org/mediawiki/2018/a/a8/T--Mingdao--phil13N11.mp4" type="video/mp4" >
 +
    </video>
 +
  <center>
 +
 
 +
 
 +
<br /><br />
 +
 
 +
<p style="text-indent:2em">
 +
The SCANNER BOX with KISSING BOX<sup>TM</sup> is light and portable which can be held with one hand. The operation is simple and easy-to-use without any profession instructions. Our product is suitable for point-of-care use including poor-educated and limited-resource countries.
 +
</p><br />
 +
 
 +
 
 +
 
 +
<!-- <h3>User Guide</h3> -->
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/0/01/T--Mingdao--phil13N13.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 
</div>
 
</div>
  
  
−
<div class="column third_size">
+
 
−
<div class="highlight decoration_A_full">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/6/6d/T--Mingdao--phil13N14.png" alt="" style="width: 100%; margin-bottom: 20px;">
−
<h3>Inspiration</h3>
+
<br /><br />
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
 
−
<ul>
+
<!-- <h3> Product Features </h3> -->
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
<img class="center" src="https://static.igem.org/mediawiki/2018/d/d6/T--Mingdao--phil13N15.png" alt="" style="width: 80%; margin-bottom: 20px;">
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
<br /><br />
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
<img class="center" src="https://static.igem.org/mediawiki/2018/5/5e/T--Mingdao--phil13N16.png" alt="" style="width: 80%; margin-bottom: 20px;">
−
</ul>
+
<br /><br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/0/0a/T--Mingdao--phil13N17.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br /><br />
 +
<p style="text-indent:2em">
 +
Compared to other current methods, the KISSING BOX<sup>TM</sup> provides a novel way solving difficulties of accuracy, windows period of virus infection, measuring time and place. The KISSING BOX<sup>TM</sup> is developed for point-of-care use and affordable to the public. </p>
 +
<br /><br /><br /><br /><br />
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- <h4>Product Safety</h4> -->
 +
 
 +
<h4 id="d-p-s"></h4>
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/8/8b/T--Mingdao--phil13N18.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 
</div>
 
</div>
 +
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/8/89/T--Mingdao--phil13N19.png" alt="" style="width: 60%; margin-bottom: 20px;">
 +
<br />
 +
<p style="text-indent:2em">
 +
Safety is more than everything. The product will bring to you with wingless GE mosquitoes either with wings cut manually or genetically modified by knocking out a wing development gene, vestigial.
 +
</p>
 +
<br /><br /><br /><br /><br />
 +
 +
 +
<h4 id="d-p-c"></h4>
 +
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/4/43/T--Mingdao--phil13N25.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 
</div>
 
</div>
  
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/e/ef/T--Mingdao--phil13N21.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/5/53/T--Mingdao--phil13N22.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/8/80/T--Mingdao--phil13N23.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/a/a4/T--Mingdao--phil13N24.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
 +
<br />
 +
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
<!--  <script type="text/javascript">
 +
  $('#interlab-btn-1').on('click', function(){
 +
  $('#interlab-1').css('height','250vh')
 +
  $('#interlab-1').slideToggle("slow");
 +
  $('.bg-container').css('max-height','500vh')
 +
  $('.main-content').css('min-height','200vh')
 +
  });
 +
  $('#interlab-btn-2').on('click', function(){
 +
    $('#interlab-2').slideToggle("slow");
 +
      $('.bg-container').css('max-height','500vh')
 +
      $('.main-content').css('min-height','200vh')
 +
  });
 +
  $('.top').on('click', function(){
 +
    $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
 +
</script>-->
 +
 +
 +
    <div class="path-btns" style="left:0;">
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="ge-btn" class="path-dot"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>GE Mosquitoes</p>
 +
        </div>
 +
      </div>
 +
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-d-btn" class="path-dot" style="top: 100px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Design</p>
 +
        </div>
 +
      </div>
 +
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-s-btn" class="path-dot" style="top: 200px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Safety</p>
 +
        </div>
 +
      </div>
 +
 +
        <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="0" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-c-btn" class="path-dot" style="top: 300px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Catalog</p>
 +
        </div>
 +
      </div>
 +
 +
    </div>
 +
 +
    <div class="top">
 +
      <img class="center" src="https://static.igem.org/mediawiki/2018/5/58/T--Mingdao--go_to_top.jpg" alt="">
 +
    </div>
 +
  </body>
  
 +
  <script type="text/javascript">
 +
    $("#ge-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-ge").offset().top
 +
      }, 500);
 +
    });
 +
    $("#p-d-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-p-d").offset().top
 +
      }, 500);
 +
    });
 +
    $("#p-s-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-p-s").offset().top
 +
      }, 500);
 +
    });
 +
    $("#p-c-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-p-c").offset().top
 +
      }, 500);
 +
    });
  
 +
    $(document).ready(function(){
 +
      $('.top').on('click', function(){
 +
        $('html, body').animate({scrollTop: '0px'}, 500);
 +
      });
 +
        $("#ge-btn").css('background-color', '#385e66');
 +
        var scroll_pos = 0;
 +
        $(document).scroll(function() {
 +
            scroll_pos = $(this).scrollTop();
  
 +
            d_ge_pos = $("#d-ge").offset().top -100
 +
            d_pd_pos = $("#d-p-d").offset().top -100
 +
            d_ps_pos= $("#d-p-s").offset().top -100
 +
            d_pc_pos = $("#d-p-c").offset().top -100
  
 +
            // introduction
 +
            if(scroll_pos < d_pd_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#ge-btn").css('background-color', '#385e66');
 +
            // model1
 +
            } else if(scroll_pos < d_ps_pos){
 +
              if(scroll_pos >= d_pd_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-d-btn").css('background-color', '#385e66');}
  
 +
            // model2
 +
            } else if(scroll_pos < d_pc_pos){
 +
              if(scroll_pos >= d_ps_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-s-btn").css('background-color', '#385e66');}
 +
            }
  
 +
           
 +
            // conclusion
 +
            else if( scroll_pos >= d_pc_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-c-btn").css('background-color', '#385e66');
 +
            }
 +
        });
 +
    });
  
 +
  </script>
 
</html>
 
</html>
 +
{{:Team:Mingdao/test6}}

Latest revision as of 03:02, 18 October 2018

HOME
Prototype

To demonstrate our pathogen blood testing system on a real adult mosquito, we collaborated with NCHU_Taichung iGEM Team 2018 from Taiwan and conducted an experiment of DNA microinjection into adult female mosquito, Aedes aegypti.


In addition to this experiment, we also visited the Mosquito Lab of Prof. Wu-Chun Tu in National Chung Hsing University, Taiwan. We presented our idea and got the valuable feedback from him. Moreover, we learned the physiology and behavior of mosquitoes when sucking and attracted by human blood from Dr. Hau-you Tzeng. The knowledge we learned was turned into our prototype design.

EXPERIMENT at NCHU

↓ Make microinjection needles by pulling glass capillary tubes
↓ Anesthetize the adult mosquitoes on ice
↓ Fill the needle with the DNAs in Cellfectin II reagent with E. coli or not
↓ Inject the DNA by inserting into the thorax of the mosquito.
↓ Recover the mosquito for 2 days


RESULT

The mosquito injected with DNA plus E. coli showed fluorescence signal in Gel Imaging System and Blue LED Box after 2 days of DNA microinjection. This result further proved our concept into a reality.



To make GE mosquito GFP reporter system come to the world, some may be considered: product packaging, result reading device and protocol, safety, as well as product marketing.


We developed two products as one set for our reporter and reading system:

1. KISSING BOXTM: GE mosquitoes kept in the box for sucking blood

2. BLUE LED BOX: a scanner box equipped with blue led for observing the green fluorescence signal.





We made a matchbox-size KISSING BOXTM with a clear acrylic sheet (as a transparent window) on the top and a cover of fine metal mesh in the bottom. The box can carry as many as 20 mosquitoes which can suck blood through the mesh.

The SCANNER can load a KISSING BOXTM inside.




The SCANNER equipped with blue LED which can excite the green fluorescence of GFP as shown here with fluorescein in a PCR tube.





You can see glowing mosquitoes sucking fluorescein through the transparent window in KISSING BOXTM.



The SCANNER BOX with KISSING BOXTM is light and portable which can be held with one hand. The operation is simple and easy-to-use without any profession instructions. Our product is suitable for point-of-care use including poor-educated and limited-resource countries.










Compared to other current methods, the KISSING BOXTM provides a novel way solving difficulties of accuracy, windows period of virus infection, measuring time and place. The KISSING BOXTM is developed for point-of-care use and affordable to the public.







Safety is more than everything. The product will bring to you with wingless GE mosquitoes either with wings cut manually or genetically modified by knocking out a wing development gene, vestigial.










GE Mosquitoes

Product Design

Product Safety

Product Catalog