Difference between revisions of "Team:Mingdao/Part Collection"

 
(11 intermediate revisions by 3 users not shown)
Line 44: Line 44:
 
   padding: 50px;
 
   padding: 50px;
 
   min-height: 180vh;
 
   min-height: 180vh;
−
   z-index: 10; }
+
   z-index: 10;
 +
margin-top:600px;}
  
 
.text-area {
 
.text-area {
Line 125: Line 126:
 
   color: #4682B4  !important;
 
   color: #4682B4  !important;
 
   font-size: 28px;
 
   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;
 +
}
 +
 +
.text-area h5{
 +
  text-align: center;
 +
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #f9000c !important;
 +
  font-size: 30px;
 
   font-weight:bold;
 
   font-weight:bold;
 
}
 
}
Line 140: Line 158:
 
   display: block !important;
 
   display: block !important;
 
   margin: 40px auto !important;
 
   margin: 40px auto !important;
 +
}
 +
 +
.top-picture{
 +
z-index:2;
 +
width:100%;
 +
  position: absolute;
 
}
 
}
  
Line 151: Line 175:
  
 
<body>
 
<body>
 +
      <img class="top-picture" src="https://static.igem.org/mediawiki/2018/9/90/T--Mingdao--Phil13-2.png" >
 
     <div class="bg-container" style="max-height:none;">
 
     <div class="bg-container" style="max-height:none;">
−
      <img class="top-picture" src="https://static.igem.org/mediawiki/2018/9/97/T--Mingdao--part_collection_top.jpg" style="width:100%">
+
 
 
       <div class="my-main-container">
 
       <div class="my-main-container">
 
         <div class="main-content">
 
         <div class="main-content">
 
           <div class="text-area">
 
           <div class="text-area">
−
            <h1 id = "d-introduction">Part Collection</h1>
+
         
−
<br />
+
        <h2 id="d-intro"> </h2>
−
+
 
−
            <h2> Part Collection </h2>
+
 
 
<p style="text-indent:2em">
 
<p style="text-indent:2em">
−
The result indicated that luciferase activity driven by Drosomycin promoter can be triggered by CD4-Toll chimera. The activity was decreased in the presence of gp120 of HIV. The finding demonstrates the possibility that GE mosquito created by our project could be applied to detect HIV virus in infected human blood.
+
Mosquito Toll-Amp signaling plays an important roll in response to and regulating blood infectious pathogens.
 
</p>
 
</p>
 
<br />  
 
<br />  
 
<p style="text-indent:2em">
 
<p style="text-indent:2em">
−
The result indicated that luciferase activity driven by Drosomycin promoter can be triggered by CD4-Toll chimera. The activity was decreased in the presence of gp120 of HIV. The finding demonstrates the possibility that GE mosquito created by our project could be applied to detect HIV virus in infected human blood.
+
To genetically engineer mosquitoes as blood testing tools, we’ve collected DNA materials as BioBrick parts for future assembly.
 
</p>
 
</p>
 
<br />  
 
<br />  
 
<p style="text-indent:2em">
 
<p style="text-indent:2em">
−
Mosquito Toll-Amp signaling plays an important roll in response to and regulating blood infectious pathogens.
+
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.
 
</p>
 
</p>
 
<br />  
 
<br />  
Line 175: Line 200:
 
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.
 
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.
 
</p>
 
</p>
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/f/f0/T--Mingdao--phil14-2.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br /><br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/3/38/T--Mingdao--phil14-3.png" alt="" style="width: 80%; margin-bottom: 20px;">
 
<br />
 
<br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
−
<br />
+
          <h5 id="d-kit1">UNIVERSAL PATHOGEN BLOOD TESTING KIT I</h5>
−
<br />  
+
<img class="center" src="https://static.igem.org/mediawiki/2018/2/2f/T--Mingdao--phil14-4.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
            <h3>UNIVERSAL PATHOGEN BLOOD TESTING KIT I</h3>
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/a/a0/T--Mingdao--phil13M1.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<br />
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/c/c7/T--Mingdao--phil14-9.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<br />
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/b/bd/T--Mingdao--phil14-10.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<br />
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/f/f9/T--Mingdao--phil14-11.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<br />
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<img class="center" src="https://static.igem.org/mediawiki/2018/6/60/T--Mingdao--phil14-12.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<br />
+
<br /><br />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
           <h5 id="d-kit2">HUMAN HIV VIRUS BLOOD TESTING KIT II</h5>
−
<br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/6/6c/T--Mingdao--phil14-13.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
 
+
<br /><br />
−
           <h3>HUMAN HIV VIRUS BLOOD TESTING KIT II</h3>
+
<img class="center" src="https://static.igem.org/mediawiki/2018/d/db/T--Mingdao--phil14-14.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
−
<br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/e/e5/T--Mingdao--phil14-15.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
−
<br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/2/29/T--Mingdao--phil14-16.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
−
<br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/7/70/T--Mingdao--phil14-17.png" alt="" style="width: 70%; margin-bottom: 20px;">
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
<br /><br />
−
<br />
+
−
<img class="center" src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--project_mos3.png" alt="" style="width: 50%; margin-bottom: 20px;">
+
−
<br />
+
−
 
+
  
 
           </div>
 
           </div>
Line 211: Line 235:
 
       </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 218: Line 243:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
−
         <div id="d-introduction-btn" class="path-dot"></div>
+
         <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 229: Line 255:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
−
         <div id="d-model1-btn" class="path-dot" style="top: 100px"></div>
+
         <div id="kit1-btn" class="path-dot" style="top: 100px"></div>
 
         <div class="pathWord path-word-sm">
 
         <div class="pathWord path-word-sm">
−
           <p>Model 1</p>
+
           <p>Kit 1</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="d-model2-btn" class="path-dot" style="top: 200px"></div>
+
−
        <div class="pathWord path-word-sm">
+
−
          <p>Model 2</p>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
       <div class="path">
 
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
Line 251: Line 267:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
−
         <div id="d-conclusion-btn" class="path-dot" style="top: 300px"></div>
+
         <div id="kit2-btn" class="path-dot" style="top: 200px"></div>
 
         <div class="pathWord path-word-sm">
 
         <div class="pathWord path-word-sm">
−
           <p>Conclusion</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/2018/5/58/T--Mingdao--go_to_top.jpg" alt="">
 
     </div>
 
     </div>
−
  </body>
+
 
 +
</body>
 
   <script type="text/javascript">
 
   <script type="text/javascript">
−
     $("#d-introduction-btn").click(function() {
+
     $("#intro-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
−
           scrollTop: $("#d-introduction").offset().top
+
           scrollTop: $("#d-intro").offset().top
−
       }, 500);
+
       }, 400);
 
     });
 
     });
−
     $("#d-model1-btn").click(function() {
+
     $("#kit1-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
−
           scrollTop: $("#d-model1").offset().top
+
           scrollTop: $("#d-kit1").offset().top
−
       }, 500);
+
       }, 400);
 
     });
 
     });
−
     $("#d-model2-btn").click(function() {
+
     $("#kit2-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
−
           scrollTop: $("#d-model2").offset().top
+
           scrollTop: $("#d-kit2").offset().top
−
       }, 500);
+
       }, 400);
−
    });
+
−
    $("#d-conclusion-btn").click(function() {
+
−
      $('html, body').animate({
+
−
          scrollTop: $("#d-conclusion").offset().top
+
−
      }, 500);
+
 
     });
 
     });
  
 
     $(document).ready(function(){
 
     $(document).ready(function(){
 
       $('.top').on('click', function(){
 
       $('.top').on('click', function(){
−
         $('html, body').animate({scrollTop: '0px'}, 500);
+
         $('html, body').animate({scrollTop: '0px'}, 400);
 
       });
 
       });
−
         $("#d-introduction-btn").css('background-color', '#385e66');
+
         $("#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_introduction_pos = $("#d-introduction").offset().top -100
+
             d_intro_pos = $("#d-intro").offset().top -100
−
             d_model1 = $("#d-model1").offset().top -100
+
             d_k1_pos = $("#d-kit1").offset().top -100
−
             d_model2= $("#d-model2").offset().top -100
+
             d_k2_pos= $("#d-kit2").offset().top -100
−
            d_conclusion_pos = $("#d-conclusion").offset().top -100
+
  
 
             // introduction
 
             // introduction
−
             if(scroll_pos < d_model1_pos) {
+
             if(scroll_pos < d_k1_pos) {
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
−
                 $("#d-introduction-btn").css('background-color', '#385e66');
+
                 $("#intro-btn").css('background-color', '#385e66');}
 
             // model1  
 
             // model1  
−
            } else if(scroll_pos < d_model2_pos){
+
            else if(scroll_pos < d_k2_pos){
−
               if(scroll_pos >= d_model1_pos){
+
               if(scroll_pos >= d_k1_pos){
−
                $(".path-dot").css('background-color', '#fff')
+
−
                $("#d-model1-btn").css('background-color', '#385e66');}
+
−
 
+
−
            // model2
+
−
            } else if(scroll_pos < d_conclusion_pos){
+
−
              if(scroll_pos >= d_model2_pos){
+
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
−
                 $("#d-model2-btn").css('background-color', '#385e66');}
+
                 $("#kit1-btn").css('background-color', '#385e66');}
 
             }
 
             }
 
              
 
              
 
             // conclusion
 
             // conclusion
−
             else if( scroll_pos >= d_conclusion_pos) {
+
             else if( scroll_pos >= d_k2_pos) {
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
−
                 $("#d-conclusion-btn").css('background-color', '#385e66');
+
                 $("#kit2-btn").css('background-color', '#385e66');
 
             }
 
             }
 
         });
 
         });

Latest revision as of 03:34, 18 October 2018

HOME
Description

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