Difference between revisions of "Team:TecCEM"

 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{TecCEM}} {{:Team:TecCEM/Templates/NavBar}}
+
{{TecCEM}}  
 +
 
 
<html>
 
<html>
  
Line 97: Line 98:
 
             width: 100%;
 
             width: 100%;
 
         }
 
         }
          
+
         #firstTitle{
 +
            font-size: 2em;
 +
        }
 
         .imgOranges {
 
         .imgOranges {
 
             position: inherit;
 
             position: inherit;
Line 218: 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 229: 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 235: 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: -3px;
+
           right: -100px;
           top: -140px;
+
           top: -120px;
 
           z-index: 1999;
 
           z-index: 1999;
 
         }
 
         }
Line 268: Line 293:
 
     }
 
     }
 
     @keyframes loaded-img-right-animation {
 
     @keyframes loaded-img-right-animation {
         0% {right: -3px;}       
+
         0% {right: -100px;}       
 
         100% {right: -4200px;}
 
         100% {right: -4200px;}
 
     }
 
     }
Line 274: 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 285: 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 296: 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 315: 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 329: 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 362: 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 378: 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 384: 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 390: 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 405: 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

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