Difference between revisions of "Team:UCSC/Project"

Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
.pageflow {
 +
  margin-right: 0px;
 +
  margin-left: 0px;
 +
  margin-top:30px;
 +
  background: honeydew;
 +
}
 +
 +
h1 {
 +
  font-family: 'objektiv-mk1'!important;
 +
  font-size: 300%; /*!important*/
 +
  font-weight: 300 !important;
 +
    width: 80%;
 +
}
 +
 +
h2 {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 200%;
 +
  font-weight: 300;
 +
}
 +
 +
#page {
 +
  background: honeydew;
 +
}
 +
 +
.proj-button {
 +
    position: relative;
 +
    width: 10%;
 +
}
 +
 +
.proj-button-image {
 +
  opacity: 1;
 +
  display: inline-block;
 +
  width: 14%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.proj-button-desc {
 +
  transition: .5s ease;
 +
  opacity: 0;
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 50%;
 +
  background: transparent;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%)
 +
}
 +
 +
.proj-button:hover .proj-button-image {
 +
  opacity: 0.3;
 +
}
 +
 +
.proj-button:hover .proj-button-desc {
 +
  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;
 +
}
 +
 +
.pagagraph {
 +
  font-family: 'objektiv-mk1' !important;
 +
 +
}
 +
 +
p {
 +
  font-family: 'objektiv-mk1' !important;
 +
  /*margin-left: 200px !important;
 +
  margin-right: 200px !important;*/
 +
  /*width: 70%;*/
 +
  font-size: large !important;
 +
}
 +
 +
.firstword {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 100px;
 +
}
 +
 +
.titleimg {
 +
  vertical-align: middle;
 +
  width: 100%;
 +
}
 +
 +
.titlebox {
 +
  margin-left: 200px !important;
 +
}
 +
 +
@media (min-width: 1144px) {
 +
  .container {
 +
    width: 70% !important;
 +
  }
 +
  .text-container {
 +
    width: 60%;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
  }
 +
  .titlebox {
 +
    width: 80%;
 +
  }
 +
  figcaption {
 +
    font-size: 16px;
 +
  }
 +
}
 +
 +
@media (max-width: 1144px) {
 +
 +
    .titlebox {
 +
      margin-left: auto !important;
 +
    }
 +
 +
  .text-container {
 +
    width: 80%;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
  }
 +
 +
  p {
 +
    font-family: 'objektiv-mk1' !important;
 +
    margin-left: 20px !important;
 +
    margin-right: 20px !important;
 +
    font-size: medium !important;
 +
  }
 +
}
 +
 +
@media (max-width: 768px) {
 +
  .proj-button-image {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 40%;
 +
      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%)
 +
  }
 +
 +
  h1 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 250%; /*!important*/
 +
  }
 +
 +
  h2 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 20px; /*!important*/
 +
  }
 +
 +
  .text-container {
 +
    width: 80%;
 +
  }
 +
 +
/*  p {
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 +
  }
 +
}*/
 +
 +
@media (max-width: 576px) {
 +
  .proj-button-image {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 60%;
 +
      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%)
 +
  }
 +
 +
  .firstword {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 70px;
 +
  }
 +
 +
  .titleimg {
 +
    vertical-align: middle;
 +
    width: 90%;
 +
  }
 +
 +
  .text-container {
 +
    width: 100%;
 +
    margin-left: -15px;
 +
    margin-right: -15px;
 +
  }
 +
 +
  p {
 +
    font-family: 'objektiv-mk1' !important;
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 +
    font-size: small !important;
 +
  }
 +
}
 +
  
 
</style>
 
</style>

Revision as of 22:33, 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!