Line 1: | Line 1: | ||
− | {{UCSC-Header}} | + | {{UCSC-Header}} |
− | <html> | + | <html> |
− | <style> | + | <style> |
− | + | .pageflow { | |
− | + | margin-right: 0px; | |
− | + | margin-left: 0px; | |
− | + | margin-top:30px; | |
− | + | background: honeydew; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
h1 { | h1 { | ||
font-family: 'Objektiv-mk1' !important; | font-family: 'Objektiv-mk1' !important; | ||
− | font-weight: | + | font-weight: 200 !important; |
− | font-size: | + | font-size: 330%; |
} | } | ||
− | |||
− | + | h2 { | |
− | + | font-family: 'Objektiv-mk1' !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
font-family: 'Objektiv-mk1' !important; | font-family: 'Objektiv-mk1' !important; | ||
font-weight: 300 !important; | font-weight: 300 !important; | ||
Line 152: | Line 23: | ||
} | } | ||
− | + | #page { | |
− | + | background: honeydew; | |
− | + | ||
} | } | ||
− | + | .proj-button { | |
− | + | position: relative; | |
− | + | width: 10%; | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | width: | + | |
− | + | ||
} | } | ||
− | + | ||
− | + | ||
.proj-button-image { | .proj-button-image { | ||
opacity: 1; | opacity: 1; | ||
display: inline-block; | display: inline-block; | ||
− | width: | + | width: 16%; |
height: auto; | height: auto; | ||
transition: .5s ease; | transition: .5s ease; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
+ | |||
.proj-button-desc { | .proj-button-desc { | ||
transition: .5s ease; | transition: .5s ease; | ||
− | opacity: | + | opacity: 0; |
position: absolute; | position: absolute; | ||
top: 100%; | top: 100%; | ||
left: 50%; | left: 50%; | ||
+ | background: transparent; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-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; | ||
+ | } | ||
+ | |||
+ | .text { | ||
+ | background-color: transparent; | ||
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | padding: 16px 32px; | ||
+ | font-family: "Objektiv-mk1"; | ||
+ | font-weight: 300 !important; | ||
+ | } | ||
+ | |||
+ | .paragraph { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | margin-left: 100px !important; | ||
+ | margin-right: 100px !important; | ||
+ | font-size: large !important; | ||
+ | } | ||
+ | |||
.firstword { | .firstword { | ||
font-family: 'Objektiv-mk1' !important; | font-family: 'Objektiv-mk1' !important; | ||
− | font-size: | + | font-size: 100px; |
} | } | ||
+ | |||
.titleimg { | .titleimg { | ||
vertical-align: middle; | vertical-align: middle; | ||
Line 199: | Line 91: | ||
.buddies { | .buddies { | ||
vertical-align: middle; | vertical-align: middle; | ||
− | |||
text-align: center; | text-align: center; | ||
+ | width: 80%; | ||
+ | } | ||
+ | .titlebox { | ||
+ | margin-left: 200px !important; | ||
} | } | ||
− | + | ||
− | font-family: 'Objektiv-mk1' !important; | + | @media (max-width: 1086px) { |
− | + | ||
− | + | .titlebox { | |
− | font-size: | + | margin-left: auto !important; |
+ | } | ||
+ | p { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | margin-left: 20px !important; | ||
+ | margin-right: 20px !important; | ||
+ | font-size: medium !important; | ||
+ | } | ||
+ | .titleimg { | ||
+ | vertical-align: middle; | ||
+ | width: 80%; | ||
+ | } | ||
+ | .buddies { | ||
+ | vertical-align: middle; | ||
+ | text-align: right; | ||
+ | width: 70%; | ||
+ | } | ||
+ | h1 { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | font-weight: 300 !important; | ||
+ | font-size: 300%; | ||
+ | } | ||
+ | .firstword { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | font-size: 90px; | ||
+ | } | ||
} | } | ||
− | + | ||
− | font-family: 'Objektiv-mk1' !important; | + | @media (max-width: 768px) { |
− | + | .proj-button-image { | |
− | font-size: | + | 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-weight: 300 !important; | ||
+ | font-size: 200%; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'Objektiv-mk1'; /*!important*/ | ||
+ | font-size: 20px; /*!important*/ | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin-left: 50px !important; | ||
+ | margin-right: 50px !important; | ||
+ | } | ||
+ | .titleimg { | ||
+ | vertical-align: middle; | ||
+ | width: 80%; | ||
+ | } | ||
+ | .buddies { | ||
+ | vertical-align: middle; | ||
+ | width: 70%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .firstword { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | font-size: 80px; | ||
+ | } | ||
} | } | ||
− | + | @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: 80%; | ||
+ | } | ||
+ | .buddies { | ||
+ | vertical-align: middle; | ||
+ | width: 70%; | ||
+ | text-align: center; | ||
− | + | } | |
− | + | p { | |
− | + | font-family: 'Objektiv-mk1' !important; | |
− | < | + | margin-left: 20px !important; |
+ | margin-right: 20px !important; | ||
+ | font-size: small !important; | ||
+ | } | ||
+ | h1 { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | font-weight: 300 !important; | ||
+ | font-size: 150%; | ||
+ | } | ||
+ | .firstword { | ||
+ | font-family: 'Objektiv-mk1' !important; | ||
+ | font-size: 80px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
− | <div class="titlebox"> | + | <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> | ||
− | + | </div> | |
− | + | <center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/5/59/Cyanobuddies.png"></center> | |
− | + | ||
− | + | ||
− | + | ||
− | <center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/5/59/Cyanobuddies.png"></center> | + | |
− | <br> | + | <br> |
− | + | <!--<div class="container"> | |
− | + | <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> | |
− | <br> | + | <br> |
− | + | <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> | |
− | + | </div>--> | |
− | + | <div class="container"> | |
− | + | <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 robust cyanobacteria, <i>Arthrospira platensis</i>, to produce essential medicines and nutrition supplements sustainably, photosynthetically, and on-site at healthcare facilities.</p><br> | |
− | + | <p>Due to insufficient research into the genetics of <i>A. platensis</i>, we have undertaken two separate engineering endeavors in the metabolically similar <i>Synechococcus elongatus PCC 7942</i> to produce 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> | |
− | + | </div> | |
− | <br> | + | <br> |
− | <br> | + | <br> |
− | <br> | + | <br> |
− | <br> | + | <br> |
− | <h2>Click on an icon below to learn more about our project!</h2> | + | <h2>Click on an icon below to learn more about our project!</h2> |
− | <div class="row"> | + | <div class="row"> |
− | + | <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"> | |
− | + | <div class="proj-button-desc"> | |
− | + | <div class="text">Acetaminophen</div> | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:UCSC/B-12" class="proj-button"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/1/19/B12_icon.png" class="proj-button-image"> | |
− | + | <div class="proj-button-desc"> | |
− | + | <div class="text">Vitamin B-12</div> | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="proj-button"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/c/c4/Bioreactor_icon.png" class="proj-button-image"> | |
− | + | <div class="proj-button-desc"> | |
− | + | <div class="text">Bioreactor</div> | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:UCSC/Model" class="proj-button"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/d/d8/Modeling_icon.png" class="proj-button-image"> | |
− | + | <div class="proj-button-desc"> | |
− | + | <div class="text">Modeling</div> | |
− | + | </div> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:UCSC/Results" class="proj-button"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/e6/Results_icon.png" class="proj-button-image"> | |
− | + | <div class="proj-button-desc"> | |
− | + | <div class="text">Results</div> | |
− | + | </div> | |
− | + | </a> | |
− | </div> | + | </div> |
− | </center> | + | </center> |
− | </div> | + | </div> |
− | </body> | + | </body> |
− | </html> | + | </html> |
− | {{UCSC-Footer}} | + | {{UCSC-Footer}} |
Revision as of 00:36, 6 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 robust cyanobacteria, Arthrospira platensis, to produce essential medicines and nutrition supplements sustainably, photosynthetically, and on-site at healthcare facilities.
Due to insufficient research into the genetics of A. platensis, we have undertaken two separate engineering endeavors in the metabolically similar Synechococcus elongatus PCC 7942 to produce 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!