Difference between revisions of "Team:UCSC/Parts"

 
(10 intermediate revisions by 2 users not shown)
Line 30: Line 30:
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
 
   font-size: 120%;
 
   font-size: 120%;
   font-weight: 200;
+
   font-weight: 400;
 
}
 
}
  
Line 77: Line 77:
 
   font-size: 20px;
 
   font-size: 20px;
 
   font-family: "Objektiv-mk1" !important;
 
   font-family: "Objektiv-mk1" !important;
   font-weight: 600 !important;
+
   font-weight: 400 !important;
 
   padding: 16px 32px;
 
   padding: 16px 32px;
 
}
 
}
Line 91: Line 91:
 
.proj-button:hover .proj-button-desc {
 
.proj-button:hover .proj-button-desc {
 
   opacity: 0.6;
 
   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 125: Line 116:
 
.firstword {
 
.firstword {
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
   font-size: 100px;
+
   font-size: 65px;
 
}
 
}
 
.quote {
 
.quote {
Line 144: Line 135:
 
.titleimg {
 
.titleimg {
 
   vertical-align: middle;
 
   vertical-align: middle;
   width: 20%;
+
   width: 24%;
 +
  padding-left: 10px;
 +
}
 +
 
 +
.titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 14%;
 +
  padding-right: 10px;
 
}
 
}
  
Line 172: Line 170:
 
}
 
}
  
 +
.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 230: Line 311:
 
     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 240: Line 328:
 
   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 251: Line 359:
 
       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 281: Line 400:
 
       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 299: Line 459:
 
       font-size: 20px; /*!important*/
 
       font-size: 20px; /*!important*/
 
   }
 
   }
 +
 +
  /*h3 {
 +
    font-size: 80% !important;
 +
  }*/
 
    
 
    
 
   .quote {
 
   .quote {
Line 334: Line 498:
 
     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 380: Line 561:
 
   .firstword {
 
   .firstword {
 
     font-family: 'objektiv-mk1' !important;
 
     font-family: 'objektiv-mk1' !important;
     font-size: 70px;
+
     font-size: 40px;
 
   }
 
   }
  
Line 386: Line 567:
 
     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 396: Line 584:
  
 
   h1 {
 
   h1 {
     font-size: 160%;
+
     font-size: 140%;
 
   }
 
   }
  
Line 461: Line 649:
 
<div id="page">
 
<div id="page">
 
<center>
 
<center>
 +
<br>
 
<br>
 
<br>
  
Line 470: Line 659:
  
 
<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%">
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-md-4">
 
       <div class="col-md-4">
         <h3><b>Project Homepage</b></h3>
+
         <h3>P R O J E C T</h3>
 
         <hr>
 
         <hr>
 
         <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button">
 
         <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button">
           <img src="https://static.igem.org/mediawiki/2017/0/0b/Cyano_button_icon.png" class="proj-button-image-solo">
+
           <img src="https://static.igem.org/mediawiki/2017/6/64/UCSCproject.png" class="proj-button-image-solo" alt="https://m.signalvnoise.com/depend-less-on-each-other-507fe0e23e4b">
 
           <div class="proj-button-desc">
 
           <div class="proj-button-desc">
             <div class="overlap-button-text">PROJECT</div>
+
             <div class="overlap-button-text">HOMEPAGE</div>
 
           </div>
 
           </div>
 
         </a>
 
         </a>
Line 485: Line 732:
  
 
       <div class="col-md-8">
 
       <div class="col-md-8">
         <h3><b>Click here to learn more!</b></h3>
+
         <h3>Click here to learn more!</h3>
 
         <hr>
 
         <hr>
 
         <div class="row">
 
         <div class="row">
  
 
         <a href="https://2017.igem.org/Team:UCSC/Acetaminophen" class="proj-button">
 
         <a href="https://2017.igem.org/Team:UCSC/Acetaminophen" class="proj-button">
               <img src="https://static.igem.org/mediawiki/2017/7/74/Ace_icon.png" class="proj-button-image">
+
               <img src="https://static.igem.org/mediawiki/2017/6/6c/Acetaminophenicon.png" class="proj-button-image">
 
               <div class="proj-button-desc">
 
               <div class="proj-button-desc">
 
                 <div class="overlap-button-text">ACETAMINOPHEN</div>
 
                 <div class="overlap-button-text">ACETAMINOPHEN</div>
Line 497: Line 744:
  
 
         <a href="https://2017.igem.org/Team:UCSC/B-12" class="proj-button">
 
         <a href="https://2017.igem.org/Team:UCSC/B-12" class="proj-button">
               <img src="https://static.igem.org/mediawiki/2017/a/a2/B12_flask_button.png" class="proj-button-image">
+
               <img src="https://static.igem.org/mediawiki/2017/8/89/B12_title.png" class="proj-button-image">
 
               <div class="proj-button-desc">
 
               <div class="proj-button-desc">
 
                 <div class="overlap-button-text">VITAMIN B<sub>12</sub></div>
 
                 <div class="overlap-button-text">VITAMIN B<sub>12</sub></div>
Line 513: Line 760:
  
 
           <a href="https://2017.igem.org/Team:UCSC/Demonstrate" class="proj-button">
 
           <a href="https://2017.igem.org/Team:UCSC/Demonstrate" class="proj-button">
             <img src="https://static.igem.org/mediawiki/2017/e/e6/Results_icon.png" class="proj-button-image">
+
             <img src="https://static.igem.org/mediawiki/2017/a/ad/Resulticon.png" class="proj-button-image">
 
             <div class="proj-button-desc">
 
             <div class="proj-button-desc">
 
               <div class="overlap-button-text">RESULTS</div>
 
               <div class="overlap-button-text">RESULTS</div>
Line 519: Line 766:
 
         </a>
 
         </a>
  
          <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/0/0b/Cyano_button_icon.png" class="proj-button-image">
+
             <img src="https://static.igem.org/mediawiki/2017/8/84/Spirulinaicon.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 528: Line 775:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
<br>
 
<br>
 
<br>
  

Latest revision as of 04:28, 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.