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

 
(5 intermediate revisions by one other user 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 157: 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 168: 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/90/T--Mingdao--Phil13-2.png" 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">
 
            
 
            
−
            <!-- <h2> Part Collection </h2> -->  
+
        <h2 id="d-intro"> </h2>
  
  
Line 198: Line 206:
 
<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 />
−
<img class="center" src="https://static.igem.org/mediawiki/2018/4/44/T--Mingdao--phil14-8.png" alt="" style="width: 70%; 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 /><br />
 
<img class="center" src="https://static.igem.org/mediawiki/2018/c/c7/T--Mingdao--phil14-9.png" alt="" style="width: 70%; 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;">
Line 211: Line 219:
 
<img class="center" src="https://static.igem.org/mediawiki/2018/6/60/T--Mingdao--phil14-12.png" alt="" style="width: 70%; 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 /><br />
−
           <h5>HUMAN HIV VIRUS BLOOD TESTING KIT II</h5>
+
           <h5 id="d-kit2">HUMAN HIV VIRUS BLOOD TESTING KIT II</h5>
 
<img class="center" src="https://static.igem.org/mediawiki/2018/6/6c/T--Mingdao--phil14-13.png" alt="" style="width: 70%; margin-bottom: 20px;">
 
<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 />
 
<br /><br />
Line 227: 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 234: 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 245: 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 267: 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