Difference between revisions of "Team:UCSC/Parts"

Line 77: Line 77:
 
   font-size: 20px;
 
   font-size: 20px;
 
   font-family: "Objektiv-mk1" !important;
 
   font-family: "Objektiv-mk1" !important;
   font-weight: 400 !important;
+
   font-weight: 600 !important;
 
   padding: 16px 32px;
 
   padding: 16px 32px;
 
}
 
}
  
 
.proj-button:hover .proj-button-image {
 
.proj-button:hover .proj-button-image {
   opacity: 0.2;
+
   opacity: 0.3;
 
}
 
}
  
 
.proj-button:hover .proj-button-image-solo {
 
.proj-button:hover .proj-button-image-solo {
   opacity: 0.2;
+
   opacity: 0.3;
 
}
 
}
  
 
.proj-button:hover .proj-button-desc {
 
.proj-button:hover .proj-button-desc {
   opacity: 0.8;
+
   opacity: 0.6;
 +
}
 +
 
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 
}
 
}
  
Line 116: Line 125:
 
.firstword {
 
.firstword {
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
   font-size: 100px;
+
   font-size: 65px;
 
}
 
}
 
.quote {
 
.quote {
Line 136: Line 145:
 
   vertical-align: middle;
 
   vertical-align: middle;
 
   width: 20%;
 
   width: 20%;
 +
  padding-left: 10px;
 +
}
 +
 +
.titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 14%;
 +
  padding-right: 10px;
 
}
 
}
  
Line 163: Line 179:
 
}
 
}
  
 +
.diagram-image-right-1 {
 +
  width: 45%;
 +
  padding-left: 30px;
 +
  float: right;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 15px;
 +
  padding-top: 0px;
 +
}
 +
 +
.diagram-image-right-2 {
 +
  width: 45%;
 +
  padding-left: 30px;
 +
  float: right;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 5px;
 +
}
 +
 +
.diagram-image-left-1 {
 +
  width: 68%;
 +
  padding-right: 30px;
 +
  float: left;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 110px;
 +
  padding-top: 30px;
 +
}
 +
 +
.diagram-image-left-2 {
 +
  width: 52%;
 +
  padding-right: 30px;
 +
  float: left;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 5px;
 +
  padding-top: 15px;
 +
}
 +
 +
.diagram-image-center-large-1 {
 +
  width: 100%;
 +
  align-content: center;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 15px;
 +
  padding-top: 15px;
 +
    margin-right: 100px;
 +
}
 +
 +
.row-3 {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: inherit;
 +
}
 +
 +
@media (min-width: 1450px) {
 +
  .diagram-image-left-1 {
 +
    width: 68%;
 +
    padding-right: 30px;
 +
    float: left;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 150px;
 +
    padding-top: 95px;
 +
  }
 +
 +
}
 +
 +
@media (min-width: 1285px) {
 +
  .diagram-image-left-1 {
 +
    width: 68%;
 +
    padding-right: 30px;
 +
    float: left;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 40px;
 +
    padding-top: 95px;
 +
  }
 +
 +
}
  
 
@media (min-width: 1144px) {
 
@media (min-width: 1144px) {
 
   .container {
 
   .container {
 
       width: 100% !important;
 
       width: 100% !important;
 +
    }
 +
    .container-3 {
 +
      width: 100% !important;
 +
      font-family: 'objektiv-mk1';
 
     }
 
     }
  
Line 221: Line 320:
 
     padding-left: 0px !important;
 
     padding-left: 0px !important;
 
     padding-right: 0px !important;
 
     padding-right: 0px !important;
 +
  }
 +
 +
  .container-3 {
 +
    width: 80% !important;
 +
    padding-left: 0px !important;
 +
    padding-right: 0px !important;
 +
    font-family: 'objektiv-mk1';
 
   }
 
   }
  
Line 231: Line 337:
 
   figcaption {
 
   figcaption {
 
     font-size: 14px;
 
     font-size: 14px;
 +
  }
 +
 +
  .diagram-image-center-large-1 {
 +
    width: 100%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
      margin-right: 60px;
 +
    }
 +
 +
    .diagram-image-left-1 {
 +
    width: 50%;
 +
    padding-right: 30px;
 +
    float: left;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 30px;
 +
    padding-top: 30px;
 
   }
 
   }
 
}
 
}
Line 242: Line 368:
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       backface-visibility: hidden;
 
       backface-visibility: hidden;
 +
    }
 +
 +
    .diagram-image-center-large-1 {
 +
    width: 100%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
    margin-left: 60px;
 +
      margin-right: 60px;
 
     }
 
     }
 
}
 
}
Line 272: Line 409:
 
       transform: translate(-50%, -50%);
 
       transform: translate(-50%, -50%);
 
       -ms-transform: translate(-50%, -50%)
 
       -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
    .diagram-image-right-1 {
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
    width: 65%;
 +
}
 +
 +
  .diagram-image-left-1 {
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
    width: 68%;
 +
}
 +
 +
  .diagram-image-right-2 {
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 +
  .diagram-image-left-2 {
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 +
  .diagram-image-center-large-1 {
 +
    width: 100%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 
   }
 
   }
  
Line 290: Line 468:
 
       font-size: 20px; /*!important*/
 
       font-size: 20px; /*!important*/
 
   }
 
   }
 +
 +
  /*h3 {
 +
    font-size: 80% !important;
 +
  }*/
 
    
 
    
 
   .quote {
 
   .quote {
Line 325: Line 507:
 
     margin-right: -70px;
 
     margin-right: -70px;
 
     margin-left: -70px;
 
     margin-left: -70px;
 +
  }
 +
 +
  .diagram-image {
 +
    width: 100%;
 +
    padding-left: 0px;
 +
  }
 +
 +
  .container-3 {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
  }
 +
 +
  .row-3 {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 75%;
 +
    line-height: 1.5;
 
   }
 
   }
 
}
 
}
Line 371: Line 570:
 
   .firstword {
 
   .firstword {
 
     font-family: 'objektiv-mk1' !important;
 
     font-family: 'objektiv-mk1' !important;
     font-size: 70px;
+
     font-size: 40px;
 
   }
 
   }
  
Line 377: Line 576:
 
     vertical-align: middle;
 
     vertical-align: middle;
 
     width: 40%;
 
     width: 40%;
 +
    padding-left: 5px;
 
   }
 
   }
 +
 +
  .titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 30%;
 +
  padding-right: 5px;
 +
}
  
 
   p {
 
   p {
Line 387: Line 593:
  
 
   h1 {
 
   h1 {
     font-size: 160%;
+
     font-size: 140%;
 
   }
 
   }
  
Line 461: Line 667:
  
 
<div class="text-container">
 
<div class="text-container">
 +
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223000: <i>4abh</i></h2>
 +
 +
  <br>
 +
 +
  <p>The <i>4abh</i> gene, native to <i>A. bisporus</i>, allows the conversion of molecules like anthranilate and para-aminobenzoic acid to 4-aminophenol.</p>
 +
 +
  <br>
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223001: <i>nhoA</i></h2>
 +
 +
  <br>
 +
 +
  <p>The <i>nhoA</i> gene is native to <i>E. coli</i> and allows for the conversion of 4-aminophenol to acetaminophen.</p>
 +
 +
  <br>
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223002: <i>ssuE</i></h2>
 +
 +
  <br>
 +
 +
  <p>The enzyme created by the gene <i>ssuE</i> catalyzes activity that reduces the Flavin mononucleotide (FMN) by using NADH dehydrogenase as a reducing agent. This gene sequenced was optimized from <i>S. elonagtus</i> PCC 7002 sequence.</p>
 +
 +
  <br>
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223003: <i>bluB</i></h2>
 +
 +
  <br>
 +
 +
  <p>The gene <i>bluB</i>  encodes an enzyme that catalyzes an oxidized reaction that cleaves the reduced Flavin mononucleotide (FMNH<sub>2</sub>) transforming to 5,6-dimethylbenzimidazole (5,6-DMB). The <i>bluB</i> sequence was optimized for PCC 7942 using the reference genome sequence from <i>Sinorhizobium meliloti</i> 1021.</p>
 +
 +
  <br>
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223004: riboswitch</h2>
 +
 +
  <br>
 +
 +
  <p>The riboswitch part contains a psbAI promoter which transcribes an mRNA strand consisting of a riboswitch and repressor gene, TetR. The riboswitch binds to vitamin B<sub>12</sub> and regulates the expression of the downstream repressor gene. In the presence of vitamin B<sub>12</sub>, the riboswitch specifically anneals onto the cobalamin molecule inducing a conformational change within the mRNA sequestering the riboswitch binding site upstream of TetR. However, in the absence of vitamin B<sub>12</sub>, TetR is continuously expressed.</p>
 +
 +
  <br>
 +
  <br>
 +
 +
  <h2 style="text-align: left; font-weight: 500;">BBa_k2223005: riboswitch_reporter</h2>
 +
 +
  <br>
 +
 +
  <p>The riboswitch_reporter part contains a psbAI promoter which transcribes an mRNA strand consisting of a Tet operator, TetO, upstream of the reporter gene, mRFP. The reporter is trans-regulated by a Tet repressor protein bound to the Tet operator hindering translation. In the presence of vitamin B<sub>12</sub> the Tet systems renders useless thus, mRFP is expressed.</p>
 +
 +
  <br>
 +
  <br>
 +
  <br>
 +
  <br>
  
 
   <div class="container" style="width: 100%">
 
   <div class="container" style="width: 100%">
Line 511: Line 775:
  
 
         <a href="https://2017.igem.org/Team:UCSC/Target-Organism" class="proj-button">
 
         <a href="https://2017.igem.org/Team:UCSC/Target-Organism" class="proj-button">
             <img src="https://static.igem.org/mediawiki/2017/8/84/Spirulinaicon.png" class="proj-button-image">
+
             <img src="https://static.igem.org/mediawiki/2017/0/0b/Cyano_button_icon.png" class="proj-button-image">
 
             <div class="proj-button-desc">
 
             <div class="proj-button-desc">
 
               <div class="overlap-button-text">TARGET ORGANISM</div>
 
               <div class="overlap-button-text">TARGET ORGANISM</div>
Line 519: Line 783:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
<br>
 
<br>
 
<br>
  

Revision as of 00:48, 1 November 2017


PARTS



BBa_k2223000: 4abh


The 4abh gene, native to A. bisporus, allows the conversion of molecules like anthranilate and para-aminobenzoic acid to 4-aminophenol.



BBa_k2223001: nhoA


The nhoA gene is native to E. coli and allows for the conversion of 4-aminophenol to acetaminophen.



BBa_k2223002: ssuE


The enzyme created by the gene ssuE catalyzes activity that reduces the Flavin mononucleotide (FMN) by using NADH dehydrogenase as a reducing agent. This gene sequenced was optimized from S. elonagtus PCC 7002 sequence.



BBa_k2223003: bluB


The gene bluB encodes an enzyme that catalyzes an oxidized reaction that cleaves the reduced Flavin mononucleotide (FMNH2) transforming to 5,6-dimethylbenzimidazole (5,6-DMB). The bluB sequence was optimized for PCC 7942 using the reference genome sequence from Sinorhizobium meliloti 1021.



BBa_k2223004: riboswitch


The riboswitch part contains a psbAI promoter which transcribes an mRNA strand consisting of a riboswitch and repressor gene, TetR. The riboswitch binds to vitamin B12 and regulates the expression of the downstream repressor gene. In the presence of vitamin B12, the riboswitch specifically anneals onto the cobalamin molecule inducing a conformational change within the mRNA sequestering the riboswitch binding site upstream of TetR. However, in the absence of vitamin B12, TetR is continuously expressed.



BBa_k2223005: riboswitch_reporter


The riboswitch_reporter part contains a psbAI promoter which transcribes an mRNA strand consisting of a Tet operator, TetO, upstream of the reporter gene, mRFP. The reporter is trans-regulated by a Tet repressor protein bound to the Tet operator hindering translation. In the presence of vitamin B12 the Tet systems renders useless thus, mRFP is expressed.