Difference between revisions of "Team:UCSC"

Line 1: Line 1:
 
{{UCSC-Header}}
 
{{UCSC-Header}}
 
 
<html>
 
<html>
  
<style type="text/css">
+
<body>
 +
<div id="page">
 +
<center>
 +
<br>
  
 +
<!--<div class="titlebox">
 +
    <div class="row no-gutters justify-content-md-center">
 +
      <div class="col-sm-4">
 +
        <center>
 +
          <img class="buddies" src="https://static.igem.org/mediawiki/2017/f/f9/3synechobuddies.png">
 +
        </center>
 +
      </div>
 +
      <div class="col-md-6">
 +
        <h1>PROJECT DESCRIPTION</h1>
 +
      </div>
 +
    </div>
 +
</div>-->
  
.proj-button {
+
<h1>PROJECT DESCRIPTION</h1><br>
    position: relative;
+
    width: 10%;
+
}
+
  
.proj-button-image {
+
<br>
  opacity: 1;
+
<br>
  display: inline-block;
+
  width: 14%;
+
  height: auto;
+
  transition: .5s ease;
+
  backface-visibility: hidden;
+
  margin: 20px;
+
}
+
  
.proj-button-desc {
+
  <!--<div class="container">
  transition: .5s ease;
+
    <p><span class="firstword">We </span>are using the cyanobacteria genus Synechococcus as a model for the FDA-approved Arthrospira platensis, commonly known as Spirulina. By focusing on an edible cyanobacteria, we hope to generate an easily consumable, photosynthetic culture of vitamin or pharmaceutical synthesizers.</p>
  opacity: 0;
+
<br>
  position: absolute;
+
    <p>Of the three non-opioid pain reducers on the World Health Organization’s (WHO) list of essential medicines, we have decided to pursue acetaminophen, the active ingredient in Tylenol, due to the feasibility of recreating the metabolic pathway in a cyanobacteria. With respect to vitamins, we aim to produce human usable vitamin B12 because it is one of the few vitamins that A. platensis does not adequately produce.</p>
  top: 100%;
+
   </div>-->
  left: 50%;
+
  background: transparent;
+
  transform: translate(-50%, -50%);
+
   -ms-transform: translate(-50%, -50%)
+
}
+
  
.proj-button:hover .proj-button-image {
+
  <div class="text-container">
  opacity: 0.3;
+
    <p><span class="firstword">Much</span> of the world struggles with inadequate access to essential medicines and nutrition due to high pharmaceutical prices and unreliable distribution. Our solution is to decentralize production of these resources by engineering the edible cyanobacteria, <i>Arthrospira platensis</i> -- also known as Spirulina, to produce essential medicines and nutrition supplements sustainably, photosynthetically, and on-site at pharmacies and healthcare facilities.</p><br><br>
}
+
  
.proj-button:hover .proj-button-desc {
+
<center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/5/59/Cyanobuddies.png"></center><br><br>
  opacity: 0.6;
+
}
+
  
.text {
+
    <p>Due to insufficient research into the genetics of <i>A. platensis</i>, we are using the metabolically similar <i>Synechococcus elongatus PCC 7942</i> to model two separate engineering endeavors for producing acetaminophen and human-usable vitamin B12. The genes for acetaminophen production, 4ABH and nhoA, and those for B12 production, ssuE and bluB, have been transformed into <i>PCC 7942</i> with the aim of pathway validation and subsequent migration to <i>A. platensis</i>, once a genetic system has been established. In addition, we are performing a whole genome sequencing of <i>A. platensis UTEX 2340</i> to further this organism for research and medical applications.</p>
  background-color: transparent;
+
    </div>
  color: black;
+
  font-size: 20px;
+
  font-family: "Objektiv-mk1" !important;
+
  font-weight: 600 !important;
+
  padding: 16px 32px;
+
}
+
  
.desktop-frontpage {
+
<br>
display: block;
+
<br>
user-drag: none;
+
<br>
user-select: none;
+
<br>
-moz-user-select: none;
+
-webkit-user-drag: none;
+
-webkit-user-select: none;
+
-ms-user-select: none;
+
        background: honeydew;
+
        width: 80%;
+
        padding: 50px 0px;
+
}
+
  
.mobile-frontpage {
+
<h2>Click on an icon below to learn more about our project!</h2>
display: none;
+
}
+
 
+
@media (max-width: 768px) {
+
 
+
.text {
+
background-color: rgba(94, 94, 94, 0.5);
+
border-radius: 60px;
+
color: white;
+
}
+
 
+
.proj-button-image {
+
opacity: 0.7;
+
      display: inline-block;
+
      width: 30%;
+
      height: auto;
+
      transition: .5s ease;
+
      backface-visibility: hidden;
+
}
+
 
+
.desktop-frontpage {
+
width: 95%;
+
}
+
 
+
    .proj-button-desc {
+
      transition: .5s ease;
+
      opacity: 1;
+
      position: absolute;
+
      top: 100%;
+
      left: 50%;
+
      transform: translate(-50%, -50%);
+
      -ms-transform: translate(-50%, -50%)
+
  }
+
}
+
 
+
@media (max-width: 576px) {
+
 
+
.proj-button-image {
+
      opacity: 0.7;
+
      display: inline-block;
+
      width: 50%;
+
      height: auto;
+
      transition: .5s ease;
+
      backface-visibility: hidden;
+
    }
+
 
+
    .proj-button-desc {
+
      transition: .5s ease;
+
      opacity: 1;
+
      position: absolute;
+
      top: 100%;
+
      left: 50%;
+
      transform: translate(-50%, -50%);
+
      -ms-transform: translate(-50%, -50%)
+
  }
+
 
+
.desktop-frontpage {
+
display: none;
+
}
+
 
+
.mobile-frontpage {
+
display: block;
+
user-drag: none;
+
user-select: none;
+
-moz-user-select: none;
+
-webkit-user-drag: none;
+
-webkit-user-select: none;
+
-ms-user-select: none;
+
        background: honeydew;
+
        width: 100%;
+
        padding-top: 0px;
+
}
+
}
+
 
+
</style>
+
  <head>
+
      <meta name="UCSC IGEM" content="The legendary, UCSC igem Science Superheros">
+
        <title>Santa Cruz IGEM</title>
+
  </head>
+
 
+
<div class="page">
+
<center>
+
<div class="desktop-frontpage">
+
<img src="https://static.igem.org/mediawiki/2017/e/e6/UCSC-Frontpage.png" style="width: 100%;">
+
</div>
+
<center>
+
 
+
<div class="mobile-frontpage">
+
<!--<img src="https://static.igem.org/mediawiki/2017/c/cb/Mobile_frontpage.png" style="width: 100%;">-->
+
                <img src="https://static.igem.org/mediawiki/2017/d/dd/UCSC-Frontpage_Mobile.png" style="width:100%;">
+
</div>
+
  
 
<div class="row">
 
<div class="row">
   <a href="https://2017.igem.org/Team:UCSC/Team1" class="proj-button">
+
   <a href="https://2017.igem.org/Team:UCSC/Acetaminophen" 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/7/74/Ace_icon.png" class="proj-button-image">
 
       <div class="proj-button-desc">
 
       <div class="proj-button-desc">
         <div class="text">Meet The Team</div>
+
         <div class="overlap-button-text">Acetaminophen</div>
 
       </div>
 
       </div>
 
   </a>
 
   </a>
  
   <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button">
+
   <a href="https://2017.igem.org/Team:UCSC/B-12" 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/1/19/B12_icon.png" class="proj-button-image">
 
       <div class="proj-button-desc">
 
       <div class="proj-button-desc">
         <div class="text">The Project</div>
+
         <div class="overlap-button-text">Vitamin B-12</div>
 
       </div>
 
       </div>
 
   </a>
 
   </a>
  
   <a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices" class="proj-button">
+
   <a href="https://2017.igem.org/Team:UCSC/Model" 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/d/d8/Modeling_icon.png" class="proj-button-image">
 
       <div class="proj-button-desc">
 
       <div class="proj-button-desc">
         <div class="text">Human Practices</div>
+
         <div class="overlap-button-text">Modeling</div>
 
       </div>
 
       </div>
 
   </a>
 
   </a>
  
   <a href="https://2017.igem.org/Team:UCSC/Judging" class="proj-button">
+
   <a href="https://2017.igem.org/Team:UCSC/Results" class="proj-button">
       <img src="https://static.igem.org/mediawiki/2017/2/2d/Medal_button.png" class="proj-button-image">
+
       <img src="https://static.igem.org/mediawiki/2017/e/e6/Results_icon.png" class="proj-button-image">
 
       <div class="proj-button-desc">
 
       <div class="proj-button-desc">
         <div class="text">Judging</div>
+
         <div class="overlap-button-text">Results</div>
 
       </div>
 
       </div>
 
   </a>
 
   </a>
  
</div>
+
  <a href="https://2017.igem.org/Team:UCSC/Parts" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/9/9c/Parts_icon.png" class="proj-button-image">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">Parts</div>
 +
      </div>
 +
  </a>
  
 +
</div>
 +
</center>
 +
</div>
 +
</body>
 
</html>
 
</html>
 
 
{{UCSC-Footer}}
 
{{UCSC-Footer}}

Revision as of 22:22, 16 October 2017


PROJECT DESCRIPTION




Much of the world struggles with inadequate access to essential medicines and nutrition due to high pharmaceutical prices and unreliable distribution. Our solution is to decentralize production of these resources by engineering the edible cyanobacteria, Arthrospira platensis -- also known as Spirulina, to produce essential medicines and nutrition supplements sustainably, photosynthetically, and on-site at pharmacies and healthcare facilities.





Due to insufficient research into the genetics of A. platensis, we are using the metabolically similar Synechococcus elongatus PCC 7942 to model two separate engineering endeavors for producing acetaminophen and human-usable vitamin B12. The genes for acetaminophen production, 4ABH and nhoA, and those for B12 production, ssuE and bluB, have been transformed into PCC 7942 with the aim of pathway validation and subsequent migration to A. platensis, once a genetic system has been established. In addition, we are performing a whole genome sequencing of A. platensis UTEX 2340 to further this organism for research and medical applications.





Click on an icon below to learn more about our project!