Difference between revisions of "Team:UCSC/Project"

Line 3: Line 3:
 
<style>
 
<style>
  
−
.pageflow {
+
.metabolic-pathway {
−
   margin-right: 0px;
+
   margin: auto;
−
  margin-left: 0px;
+
−
  margin-top:30px;
+
 
   background: honeydew;
 
   background: honeydew;
 +
  width: 100%;
 
}
 
}
  
Line 14: Line 13:
 
   font-size: 300%; /*!important*/
 
   font-size: 300%; /*!important*/
 
   font-weight: 300 !important;
 
   font-weight: 300 !important;
−
     width: 80%;
+
     width: 90%;
 
}
 
}
  
Line 21: Line 20:
 
   font-size: 200%;
 
   font-size: 200%;
 
   font-weight: 300;
 
   font-weight: 300;
 +
}
 +
 +
h3 {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 120%;
 +
  font-weight: 200;
 
}
 
}
  
Line 29: Line 34:
 
.proj-button {
 
.proj-button {
 
     position: relative;
 
     position: relative;
−
     width: 10%;
+
     width: 25%;
 
     text-decoration: none !important;
 
     text-decoration: none !important;
 
}
 
}
Line 36: Line 41:
 
   opacity: 1;
 
   opacity: 1;
 
   display: inline-block;
 
   display: inline-block;
−
   width: 18%;
+
   width: 30%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
}
 +
 
 +
.proj-button-image-solo {
 +
  opacity: 1;
 +
  display: inline-block;
 +
  width: 65%;
 
   height: auto;
 
   height: auto;
 
   transition: .5s ease;
 
   transition: .5s ease;
Line 51: Line 65:
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%)
 
   -ms-transform: translate(-50%, -50%)
 +
}
 +
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 
}
 
}
  
 
.proj-button:hover .proj-button-image {
 
.proj-button:hover .proj-button-image {
 +
  opacity: 0.3;
 +
}
 +
 +
.proj-button:hover .proj-button-image-solo {
 
   opacity: 0.3;
 
   opacity: 0.3;
 
}
 
}
  
 
.proj-button:hover .proj-button-desc {
 
.proj-button:hover .proj-button-desc {
−
   opacity: 0.8;
+
   opacity: 0.6;
 
}
 
}
  
Line 66: Line 93:
 
   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;
 
}
 
}
  
−
.pagagraph {
+
.text {
−
   font-family: 'objektiv-mk1' !important;
+
   background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  padding: 16px 32px;
 +
}
  
 +
.paragraph-left {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 18px;
 +
  text-align: left;
 +
  vertical-align: middle;
 
}
 
}
  
 
p {
 
p {
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
 +
/*  margin-left: 200px !important;
 +
  margin-right: 200px !important;*/
 
   font-size: large !important;
 
   font-size: large !important;
 
}
 
}
Line 83: Line 121:
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
 
   font-size: 65px;
 
   font-size: 65px;
 +
}
 +
.quote {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-style: italic !important;
 +
  font-size: 28px;
 +
  line-height: 130%;
 
}
 
}
  
−
.titleimg {
+
.quote-person {
−
   vertical-align: middle;
+
   font-family: 'objektiv-mk1' !important;
−
   width: 14%;
+
  font-size: 22px;
 +
   width: 100% !important;
 +
  text-align: right !important;
 +
  padding-right: 80px !important;
 
}
 
}
  
−
.subtitleimg {
+
.titleimg {
 
   vertical-align: middle;
 
   vertical-align: middle;
−
   width: 100%;
+
   width: 28%;
 
}
 
}
  
 
.titlebox {
 
.titlebox {
−
   margin-left: 200px !important;
+
   margin-left: 0px !important;
 
}
 
}
 +
 +
.reference-list {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: 12px;
 +
  text-align: left;
 +
  list-style-type: none;
 +
  line-height: 100%;
 +
  margin-bottom: 80px;
 +
}
 +
 +
.reference-italic {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: 12px;
 +
  font-style: italic;
 +
}
 +
 +
figcaption {
 +
  font-family: 'objektiv-mk1';
 +
  font-style: italic;
 +
  font-size: 13px;
 +
}
 +
  
 
@media (min-width: 1144px) {
 
@media (min-width: 1144px) {
 
   .container {
 
   .container {
−
    width: 70% !important;
+
      width: 70% !important;
−
  }
+
    }
 +
 
 
   .text-container {
 
   .text-container {
 
     width: 60%;
 
     width: 60%;
−
     padding-left: 15px;
+
     padding-left: 30px;
−
     padding-right: 15px;
+
     padding-right: 30px;
 
   }
 
   }
 +
 
   .titlebox {
 
   .titlebox {
 
     width: 80%;
 
     width: 80%;
 
   }
 
   }
 +
 
   figcaption {
 
   figcaption {
 
     font-size: 16px;
 
     font-size: 16px;
Line 121: Line 193:
 
       margin-left: auto !important;
 
       margin-left: auto !important;
 
     }
 
     }
 +
 +
  p {
 +
    font-family: 'objektiv-mk1' !important;
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 +
    font-size: medium !important;
 +
  }
 +
 
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 26px;
 +
  }
 +
 +
  .quote-person {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 20px;
 +
    width: 100%;
 +
    text-align: right;
 +
    padding-right: 80px !important;
 +
  }
 +
 +
  .metabolic-pathway {
 +
      margin: auto;
 +
      background: honeydew;
 +
      width: 100%;
 +
  }
 +
 +
  .container {
 +
    width: 70% !important;
 +
    padding-left: 0px !important;
 +
    padding-right: 0px !important;
 +
  }
  
 
   .text-container {
 
   .text-container {
 
     width: 80%;
 
     width: 80%;
−
     padding-left: 15px;
+
     padding-left: 0px;
−
     padding-right: 15px;
+
     padding-right: 0px;
 
   }
 
   }
  
−
   p {
+
   figcaption {
−
    font-family: 'objektiv-mk1' !important;
+
     font-size: 14px;
−
    margin-left: 20px !important;
+
−
    margin-right: 20px !important;
+
−
     font-size: medium !important;
+
 
   }
 
   }
 +
}
 +
 +
@media (max-width: 992px) {
 +
  .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 30%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 
}
 
}
  
Line 140: Line 253:
 
       opacity: 1;
 
       opacity: 1;
 
       display: inline-block;
 
       display: inline-block;
−
       width: 36%;
+
       width: 32%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 
 +
    .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 35%;
 
       height: auto;
 
       height: auto;
 
       transition: .5s ease;
 
       transition: .5s ease;
Line 148: Line 270:
 
     .proj-button-desc {
 
     .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
−
       opacity: 1;
+
       opacity: 0;
 
       position: absolute;
 
       position: absolute;
 
       top: 100%;
 
       top: 100%;
Line 157: Line 279:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
−
     background-color: rgba(94, 94, 94, 0.5);
+
     background-color: rgba(94, 94, 94, 0.0);
 
     border-radius: 60px;
 
     border-radius: 60px;
 
     color: white;
 
     color: white;
Line 164: Line 286:
 
   h1 {
 
   h1 {
 
       font-family: 'objektiv-mk1'; /*!important*/
 
       font-family: 'objektiv-mk1'; /*!important*/
−
       font-size: 250%; /*!important*/
+
       font-size: 220%; /*!important*/
 +
      width: 80%;
 
   }
 
   }
  
−
  h2 {
+
    h2 {
 
       font-family: 'objektiv-mk1'; /*!important*/
 
       font-family: 'objektiv-mk1'; /*!important*/
 
       font-size: 20px; /*!important*/
 
       font-size: 20px; /*!important*/
 +
  }
 +
 
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 20px;
 +
  }
 +
 +
  .quote-person {
 +
    width: 100%;
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 16px;
 +
    text-align: right !important;
 +
    padding-right: 20px !important;
 
   }
 
   }
  
 
   .text-container {
 
   .text-container {
−
     width: 80%;
+
     width: 82%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 
   }
 
   }
  
 +
  figcaption {
 +
    font-size: 14px;
 +
    line-height: 140%;
 +
  }
 +
 +
  .reference-list {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 12px;
 +
    text-align: left;
 +
    list-style-type: none;
 +
    line-height: 100%;
 +
    margin-bottom: 80px;
 +
    margin-right: -70px;
 +
    margin-left: -70px;
 +
  }
 +
}
 
/*  p {
 
/*  p {
 
     margin-left: 10px !important;
 
     margin-left: 10px !important;
Line 184: Line 339:
 
@media (max-width: 576px) {
 
@media (max-width: 576px) {
 
   .proj-button-image {
 
   .proj-button-image {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 50%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 +
    .proj-button-image-solo {
 
       opacity: 1;
 
       opacity: 1;
 
       display: inline-block;
 
       display: inline-block;
Line 194: Line 358:
 
     .proj-button-desc {
 
     .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
−
       opacity: 1;
+
       opacity: 0;
 
       position: absolute;
 
       position: absolute;
 
       top: 100%;
 
       top: 100%;
Line 202: Line 366:
 
   }
 
   }
  
−
  .overlap-button-text {
+
    .overlap-button-text {
−
     background-color: rgba(94, 94, 94, 0.5);
+
     background-color: rgba(94, 94, 94, 0.0);
 
     border-radius: 60px;
 
     border-radius: 60px;
 
     color: white;
 
     color: white;
Line 216: Line 380:
 
   .titleimg {
 
   .titleimg {
 
     vertical-align: middle;
 
     vertical-align: middle;
−
     width: 30%;
+
     width: 40%;
−
  }
+
−
 
+
−
  .text-container {
+
−
    width: 100%;
+
−
    margin-left: -15px;
+
−
    margin-right: -15px;
+
 
   }
 
   }
  
Line 234: Line 392:
 
   h1 {
 
   h1 {
 
     font-size: 160%;
 
     font-size: 160%;
 +
  }
 +
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 17px;
 +
  }
 +
 +
  .quote-person {
 +
    width: 60% !important;
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 12px;
 +
    text-align: right !important;
 +
    margin-right: -120px !important;
 +
  }
 +
 +
  .paragraph-left {
 +
    font-size: 13px;
 +
    line-height: 170%;
 +
  }
 +
 +
  .text-container {
 +
    width: 85%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
  }
 +
 +
  .metabolic-pathway {
 +
      margin: auto;
 +
      background: honeydew;
 +
      width: 110%;
 +
      margin-left: -20px;
 +
      margin-right: -20px;
 +
  }
 +
 +
  figcaption {
 +
    font-size: 12px;
 +
    line-height: 130%;
 +
  }
 +
 +
  .reference-list {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 12px;
 +
    text-align: left;
 +
    list-style-type: none;
 +
    line-height: 100%;
 +
    margin-bottom: 80px;
 +
    margin-right: -50px;
 +
    margin-left: -50px;
 +
  }
 +
}
 +
 +
@media (max-width: 400px) {
 +
  .quote {
 +
    font-size: 15px;
 
   }
 
   }
 
}
 
}

Revision as of 00:38, 2 November 2017


PROJECT DESCRIPTION




Malnutrition and inconsistent access to medicine are widespread global problems. While a great deal of progress has been made, micronutrient deficiency remains one of the leading causes of global disease burden, especially in non-industrialized regions[1]. Our project, Bugs Without Borders, aims to decentralize production of medical and dietary supplements by engineering the alkali photoautotroph, Arthrospira platensisI, commonly referred to as Spirulina. A. platensis is the most quintessential organism for growth at “on-site” healthcare facilities due to its modest media cost, alkali growth conditions, and its inherent properties as a nutritional “superfood[2].”





Based on information we gathered through correspondence with international healthcare professionals, acetaminophen and vitamin DMB B12 (the form of vitamin B12 that mammals can absorb) were selected from the World Health Organization (WHO)’s published Essential Medicines List as the most impactful products our photosynthetic “factories” could manufacture[3].


The integration and performance of the genes in acetaminophen production, 4ABH and nhoA, and those in vitamin DMB B12 production, ssuE and bluB, were investigated in the model cyanobacteria, Synechococcus elongatus PCC 7942 with the aim of subsequent integration into A. platensis once a genetic system has been studied and established. An in vivo vitamin B12 detection system was also optimized for S. elongatus and E. coli by altering the ribosome binding site on the B12 riboswitch (part BBa_K1913011) and the psbAI (part BBa_K754000) promoter we used for its transcription. In addition, we aim to sequence the entire genome of A. platensis UTEX 2340 to further enable genetic research in this organism and its potential medical applications.

  • [1] Taylor, D. W., & CIM, F. (2010). Pharmaceutical Access in Least Developed Countries: on-the-ground barriers and industry successes”. Cameron Institute, October.
  • [2] Spirulina Benefits: 7 Reasons to Try It (& 1 Major Caution) Wellness Mama. (n.d.). Retrieved October 26, 2017, from https://wellnessmama.com/4738/spirulina-benefits/
  • [3] World Health Organization, ed., The Selection and Use of Essential Medicines: report of the WHO Expert Committee, 2007; (including the 15th model list of essential medicines). No. 946in WHO Technical Report Series, Geneva: World Health Organization, 2007. OCLC: 254437808.


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

    ACETAMINOPHEN
    VITAMIN B12
    MODELING
    RESULTS
    TARGET ORGANISM
    PARTS

    S P O N S O R S
    S O C I A L
    C O N T A C T
    Jack Baskin School of Engineering
    University of California, Santa Cruz
    1156 High Street
    Santa Cruz, California, 95064