Difference between revisions of "Team:TecCEM"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{TecCEM}} {{:Team:TecCEM/Templates/NavBar}}
+
{{TecCEM}}  
 +
 
 
<html>
 
<html>
  
Line 16: Line 17:
 
     <script>
 
     <script>
 
         jQuery(document).ready(function($) {
 
         jQuery(document).ready(function($) {
−
 
+
            $(window).on('beforeunload', function(){
 +
  $(window).scrollTop(0);
 +
});
 
             function map(value, in_min, in_max, out_min, out_max) {
 
             function map(value, in_min, in_max, out_min, out_max) {
 
                 return (value - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
 
                 return (value - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
Line 95: Line 98:
 
             width: 100%;
 
             width: 100%;
 
         }
 
         }
−
          
+
         #firstTitle{
 +
            font-size: 2em;
 +
        }
 
         .imgOranges {
 
         .imgOranges {
 
             position: inherit;
 
             position: inherit;
Line 199: Line 204:
 
           position: absolute;
 
           position: absolute;
 
           right: 0;
 
           right: 0;
−
           top: -90px;
+
           top: -180px;
 
           z-index: 1999;
 
           z-index: 1999;
 
         }
 
         }
Line 211: Line 216:
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
         $(window).on('load', function() {   
 
         $(window).on('load', function() {   
 +
          $(window).on('beforeunload', function(){
 +
  $(window).scrollTop(0);
 +
});
 
           $('#load-image').addClass('loaded-img-left');
 
           $('#load-image').addClass('loaded-img-left');
 
           $('#load-image-right').addClass('loaded-img-right');
 
           $('#load-image-right').addClass('loaded-img-right');
 +
          $('#mobile-load').addClass('mobile-load-image-right');
 
           function overflow(){
 
           function overflow(){
 
             $('body').css('overflow-y', 'scroll');
 
             $('body').css('overflow-y', 'scroll');
Line 218: Line 227:
 
           }
 
           }
 
           setTimeout(overflow, 3000);           
 
           setTimeout(overflow, 3000);           
−
           // $('.loadVisible').css('visibility','visible');
+
           $('.loadVisible').css('visibility','visible');
−
           $( ".loadVisible" ).fadeIn( "slow", function() {
+
            
−
    // Animation complete
+
−
          });
+
 
           // $().css('overflow-y', 'visible');
 
           // $().css('overflow-y', 'visible');
 
         });
 
         });
 
     </script>
 
     </script>
 
     <style type="text/css">
 
     <style type="text/css">
 +
    #mobile-load{
 +
        visibility: hidden;
 +
        /*width: 1800px;*/
 +
          position: absolute;
 +
          right: -100px;
 +
          top: -170px;
 +
          z-index: 1999;
 +
    }
 +
    .mobile-load-image-right{
 +
        z-index: 1999;
 +
        visibility: hidden;
 +
      position: absolute;
 +
        animation-name: loaded-img-right-animation;
 +
        animation-duration: 1.4s;
 +
        animation-iteration-count: 1;
 +
        animation-fill-mode: forwards;
 +
        animation-delay: 1s;     
 +
        animation-timing-function: ease-in-out; 
 +
    }
 
         .orangeColor{
 
         .orangeColor{
 
           background-color: rgb(255,200,62);           
 
           background-color: rgb(255,200,62);           
Line 232: Line 258:
 
           position: absolute;
 
           position: absolute;
 
           left: 0;
 
           left: 0;
 +
          top: -5px;
 
           z-index: 2000;
 
           z-index: 2000;
 
         }
 
         }
 
         #load-image-right{
 
         #load-image-right{
 +
            width: 1800px;
 
           position: absolute;
 
           position: absolute;
−
           right: 0;
+
           right: -100px;
−
           top: -90px;
+
           top: -120px;
 
           z-index: 1999;
 
           z-index: 1999;
 
         }
 
         }
Line 265: Line 293:
 
     }
 
     }
 
     @keyframes loaded-img-right-animation {
 
     @keyframes loaded-img-right-animation {
−
         0% {right: 0px;}       
+
         0% {right: -100px;}       
 
         100% {right: -4200px;}
 
         100% {right: -4200px;}
 
     }
 
     }
Line 271: Line 299:
 
       visibility: hidden;
 
       visibility: hidden;
 
     }
 
     }
−
     @media only screen and (max-width: 967px) {          
+
     @media only screen and (max-width: 967px) {  
 +
    .small {
 +
        font-size:  2em !important;
 +
    }       
 +
    #mobile-load{
 +
        visibility: visible;
 +
        height: 150vh;
 +
          position: absolute;
 +
          right: -110px;
 +
          top: -210px;
 +
          z-index: 1999;
 +
    }
 +
    .mobile-load-image-right{
 +
        height: 150vh;
 +
        /*visibility: hidden;*/ 
 +
      z-index: 1999;
 +
      position: absolute;
 +
        animation-name: loaded-img-right-animation;
 +
        animation-duration: 1.4s;
 +
        animation-iteration-count: 1;
 +
        animation-fill-mode: forwards;
 +
        animation-delay: 1s;     
 +
        animation-timing-function: ease-in-out;
 +
    }
 
             #load-image-right{
 
             #load-image-right{
 
               visibility: hidden;
 
               visibility: hidden;
 +
              height: 150vh;
 
           position: absolute;
 
           position: absolute;
−
           right: 0;
+
           right: -200px;
−
          top: -90px;
+
        /* top: -140px;*/
 
           z-index: 1999;
 
           z-index: 1999;
 
         }
 
         }
 
         .loaded-img-right{   
 
         .loaded-img-right{   
 +
          height: 150vh;
 
         visibility: hidden;   
 
         visibility: hidden;   
 
       z-index: 1999;
 
       z-index: 1999;
Line 291: Line 344:
 
     }
 
     }
 
     @keyframes loaded-img-right-animation {
 
     @keyframes loaded-img-right-animation {
−
         0% {right: 0px;}       
+
         0% {right: -110px;}       
 
         100% {right: -4200px;}
 
         100% {right: -4200px;}
 
     }
 
     }
 
         #load-image{
 
         #load-image{
 
           position: absolute;
 
           position: absolute;
−
           left: -300px;
+
           left: -350px;
 
           z-index: 2000;
 
           z-index: 2000;
 
         }
 
         }
Line 310: Line 363:
 
     }
 
     }
 
     @keyframes loaded-img-left-animation {
 
     @keyframes loaded-img-left-animation {
−
         0% {left: -300px;}       
+
         0% {left: -350px;}       
 
         100% {left: -1200px;}
 
         100% {left: -1200px;}
 
     }
 
     }
Line 324: Line 377:
 
       <div>
 
       <div>
 
         <img id = "load-image-right"src="https://static.igem.org/mediawiki/2017/a/a3/TEC-CEM-load_right.png">
 
         <img id = "load-image-right"src="https://static.igem.org/mediawiki/2017/a/a3/TEC-CEM-load_right.png">
 +
      </div>
 +
      <div>
 +
        <img id = "mobile-load"src="https://static.igem.org/mediawiki/2017/1/11/TEC-CEM-load_right_2.png">
 
       </div>  
 
       </div>  
 
     </div>
 
     </div>
Line 357: Line 413:
 
                     </div>
 
                     </div>
 
                     <div class="col-12 paragraphU">
 
                     <div class="col-12 paragraphU">
−
                         <p class="justifyText">Huanglongbing (HLB) disease is an important bacterial disease present in citrus plants around the world. It is transmitted through Diaphorina citri, a type of psyllid. It was first discovered in China and has now spread to Asia, Africa, the Arabian Peninsula, Mexico, and Florida, in the United States. The difficulty to culture the bacteria, its rapid spread, and devastating effects, have made HLB one of the most important plagues worldwide. In Mexico, the lack of information about the disease and the large costs for its control make it even more destructive.</p>
+
                         <p class="justifyText">Huanglongbing (HLB) disease is an important bacterial disease present in citrus plants around the world. It is transmitted through <span class =  "italicText">Diaphorina citri</span> , a type of psyllid. It was first discovered in China and has now spread to Asia, Africa, the Arabian Peninsula, Mexico, and Florida, in the United States. The difficulty to culture the bacteria, its rapid spread, and devastating effects, have made HLB one of the most important plagues worldwide. In Mexico, the lack of information about the disease and the large costs for its control make it even more destructive.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 373: Line 429:
 
         <div class="row complex">
 
         <div class="row complex">
 
             <div class="col-12">
 
             <div class="col-12">
−
                 <h2 class="titleRed">A complex problem,<br/>a simple solution</h2>
+
                 <h2 class="titleRed small">A complex problem,<br/>a simple solution</h2>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 379: Line 435:
 
             <div class="col"></div>
 
             <div class="col"></div>
 
             <div class="col-lg-3 paddingFades paragraphU sadPeopleLeft">
 
             <div class="col-lg-3 paddingFades paragraphU sadPeopleLeft">
−
                 <p>Our team has developed CitricOff: a device that can produce siRNA in E. coli. This device will help the scalability of siRNA producción worldwide. The siRNA production mechanism helped us control the HLB disease by producing the necessary siRNA in order to silence multiple genes in D. citri.</p>
+
                 <p>Our team has developed CitricOff: a device that can produce siRNA in <span class =  "italicText">E. coli</span> . This device will help the scalability of siRNA production worldwide. The siRNA production mechanism helped us control the HLB disease by producing the necessary siRNA in order to silence multiple genes in <span class =  "italicText">Diaphorina citri</span> .</p>
 
             </div>
 
             </div>
 
             <div class="col-md-3 paddingFadesImg paragraphU">
 
             <div class="col-md-3 paddingFadesImg paragraphU">
Line 385: Line 441:
 
             </div>
 
             </div>
 
             <div class="col-lg-3 paddingFades paragraphU sadPeopleRight">
 
             <div class="col-lg-3 paddingFades paragraphU sadPeopleRight">
−
                 <p>Easy to apply, ecological, and species-specific, CitricOff provides an alternative for families in Mexico and the world who rely on citrus plantations for their income. More than 69 thousand families could benefit from it, and avoid resorting to illicit activities</p>
+
                 <p>Simple, ecological, and species-specific, CitricOff provides an alternative for families in Mexico and the world who rely on citrus plantations for their income. More than 69 thousand families could benefit from it, and avoid resorting to illicit activities</p>
 
             </div>
 
             </div>
 
             <div class="col"></div>
 
             <div class="col"></div>
Line 400: Line 456:
  
 
</html>
 
</html>
 +
{{:Team:TecCEM/Templates/NavBar}}
 
{{:Team:TecCEM/Templates/Footer}}
 
{{:Team:TecCEM/Templates/Footer}}

Latest revision as of 23:49, 1 November 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

IGEM_TECCEM

Let's Save
The Citrus!

HLB: a deadly
citrus plague

Huanglongbing (HLB) disease is an important bacterial disease present in citrus plants around the world. It is transmitted through Diaphorina citri , a type of psyllid. It was first discovered in China and has now spread to Asia, Africa, the Arabian Peninsula, Mexico, and Florida, in the United States. The difficulty to culture the bacteria, its rapid spread, and devastating effects, have made HLB one of the most important plagues worldwide. In Mexico, the lack of information about the disease and the large costs for its control make it even more destructive.

A complex problem,
a simple solution

Our team has developed CitricOff: a device that can produce siRNA in E. coli . This device will help the scalability of siRNA production worldwide. The siRNA production mechanism helped us control the HLB disease by producing the necessary siRNA in order to silence multiple genes in Diaphorina citri .

Simple, ecological, and species-specific, CitricOff provides an alternative for families in Mexico and the world who rely on citrus plantations for their income. More than 69 thousand families could benefit from it, and avoid resorting to illicit activities

IGEM_TECCEM
IGEM_TECCEM