Difference between revisions of "Team:TecCEM"

 
(19 intermediate revisions by 2 users not shown)
Line 221: Line 221:
 
           $('#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 232: Line 233:
 
     </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 238: 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: 2000px;
+
             width: 1800px;
 
           position: absolute;
 
           position: absolute;
−
           right: -150px;
+
           right: -100px;
−
           top: -200px;
+
           top: -120px;
 
           z-index: 1999;
 
           z-index: 1999;
 
         }
 
         }
Line 272: Line 293:
 
     }
 
     }
 
     @keyframes loaded-img-right-animation {
 
     @keyframes loaded-img-right-animation {
−
         0% {right: -150px;}       
+
         0% {right: -100px;}       
 
         100% {right: -4200px;}
 
         100% {right: -4200px;}
 
     }
 
     }
Line 278: 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;
 
               height: 150vh;
 
           position: absolute;
 
           position: absolute;
Line 289: Line 333:
 
         .loaded-img-right{   
 
         .loaded-img-right{   
 
           height: 150vh;
 
           height: 150vh;
−
         /*visibility: hidden;*/    
+
         visibility: hidden;   
 
       z-index: 1999;
 
       z-index: 1999;
 
       position: absolute;
 
       position: absolute;
Line 300: Line 344:
 
     }
 
     }
 
     @keyframes loaded-img-right-animation {
 
     @keyframes loaded-img-right-animation {
−
         0% {right: -200px;}       
+
         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 319: 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 333: 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 366: 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 382: 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 388: 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 394: 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>

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