![](https://static.igem.org/mediawiki/2017/4/4e/Growmeup1.png)
![](https://static.igem.org/mediawiki/2017/6/6d/Growmeupactual2.png)
![](https://static.igem.org/mediawiki/2017/3/35/Growmeup3.png)
![](https://static.igem.org/mediawiki/2017/9/93/Khanhgrowth4.png)
Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
(116 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
<script src="https://use.typekit.net/hii0ztv.js"></script> | <script src="https://use.typekit.net/hii0ztv.js"></script> | ||
<script>try{Typekit.load({ async: true });}catch(e){}</script> | <script>try{Typekit.load({ async: true });}catch(e){}</script> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
− | <style | + | <style> |
+ | |||
+ | .metabolic-pathway { | ||
+ | margin: auto; | ||
+ | background: honeydew; | ||
+ | width: 100%; | ||
+ | } | ||
h1 { | h1 { | ||
− | + | font-family: 'objektiv-mk1'!important; | |
− | + | font-size: 300%; /*!important*/ | |
− | + | font-weight: 300 !important; | |
− | + | width: 90%; | |
− | + | ||
} | } | ||
− | h2{ | + | h2 { |
− | + | font-family: 'objektiv-mk1' !important; | |
− | + | font-size: 200%; | |
− | + | font-weight: 300; | |
− | + | ||
− | + | ||
} | } | ||
− | + | h3 { | |
− | font-family: | + | font-family: 'objektiv-mk1' !important; |
− | font-style: | + | font-size: 120%; |
− | + | font-weight: 400; | |
− | + | } | |
− | + | ||
+ | h4 { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | #page { | ||
+ | background: honeydew; | ||
+ | } | ||
+ | |||
+ | .proj-button { | ||
+ | position: relative; | ||
+ | width: 25%; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .proj-button-image { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 30%; | ||
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 65%; | ||
+ | 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%) | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: transparent; | ||
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | font-family: "Objektiv-mk1" !important; | ||
+ | font-weight: 400 !important; | ||
+ | padding: 16px 32px; | ||
+ | } | ||
+ | |||
+ | .proj-button:hover .proj-button-image { | ||
+ | opacity: 0.3; | ||
+ | } | ||
+ | |||
+ | .proj-button:hover .proj-button-image-solo { | ||
+ | opacity: 0.3; | ||
+ | } | ||
+ | |||
+ | .proj-button:hover .proj-button-desc { | ||
+ | opacity: 0.6; | ||
+ | } | ||
+ | |||
+ | .text { | ||
+ | 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 { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | /* margin-left: 200px !important; | ||
+ | margin-right: 200px !important;*/ | ||
+ | font-size: large !important; | ||
+ | } | ||
+ | |||
+ | .firstword { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 65px; | ||
+ | } | ||
+ | .quote { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-style: italic !important; | ||
+ | font-size: 28px; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | |||
+ | .quote-person { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 22px; | ||
+ | width: 100% !important; | ||
+ | text-align: right !important; | ||
+ | padding-right: 80px !important; | ||
+ | } | ||
+ | |||
+ | .titleimg { | ||
+ | vertical-align: middle; | ||
+ | width: 20%; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .titleimg-medal { | ||
+ | vertical-align: middle; | ||
+ | width: 14%; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | .titlebox { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | #validate-part-div { | ||
+ | height: 0px; | ||
+ | width: 100%; | ||
+ | background-color: honeydew; | ||
+ | } | ||
+ | |||
+ | @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 (max-width: 1285px) { | ||
+ | .diagram-image-left-1 { | ||
+ | width: 68%; | ||
+ | padding-right: 30px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 30px; | ||
+ | padding-top: 95px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media (min-width: 1144px) { | ||
+ | .container { | ||
+ | width: 100% !important; | ||
+ | } | ||
+ | .container-3 { | ||
+ | width: 100% !important; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | /*padding-left: 200px; | ||
+ | padding-right: 200px;*/ | ||
+ | } | ||
+ | |||
+ | .container-2 { | ||
+ | width: 100% !important; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-left: 100px; | ||
+ | padding-right: 100px; | ||
+ | } | ||
+ | |||
+ | .text-container { | ||
+ | width: 70%; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | |||
+ | .titlebox { | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 1144px) { | ||
+ | |||
+ | .titlebox { | ||
+ | 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: 80% !important; | ||
+ | padding-left: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | } | ||
+ | |||
+ | .container-3 { | ||
+ | width: 80% !important; | ||
+ | padding-left: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | } | ||
+ | |||
+ | .container-2 { | ||
+ | width: 80% !important; | ||
+ | padding-left: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | } | ||
+ | |||
+ | .text-container { | ||
+ | width: 80%; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 992px) { | ||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 30%; | ||
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 768px) { | ||
+ | .proj-button-image { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 32%; | ||
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 35%; | ||
+ | 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%) | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: rgba(94, 94, 94, 0.4); | ||
+ | border-radius: 60px; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-family: 'objektiv-mk1'; /*!important*/ | ||
+ | font-size: 220%; /*!important*/ | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: 'objektiv-mk1'; /*!important*/ | ||
+ | font-size: 100%; /*!important*/ | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 90% !important; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | /*h3 { | ||
+ | font-size: 80% !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 { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .diagram-image { | ||
+ | width: 100%; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | .container-3 { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .container-2 { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .row-3 { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 75%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | } | ||
+ | /* p { | ||
+ | margin-left: 10px !important; | ||
+ | margin-right: 10px !important; | ||
+ | } | ||
+ | }*/ | ||
+ | |||
+ | @media (max-width: 576px) { | ||
+ | .proj-button-image { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 50%; | ||
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | 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%) | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: rgba(94, 94, 94, 0.5); | ||
+ | border-radius: 60px; | ||
+ | color: white; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .firstword { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | |||
+ | .titleimg { | ||
+ | vertical-align: middle; | ||
+ | width: 40%; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | |||
+ | .titleimg-medal { | ||
+ | vertical-align: middle; | ||
+ | width: 30%; | ||
+ | padding-right: 5px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | margin-left: 10px !important; | ||
+ | margin-right: 10px !important; | ||
+ | font-size: small !important; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .col-md-12 { | ||
+ | margin-left: -70px !important; | ||
+ | margin-right: -70px !important; | ||
+ | } | ||
+ | |||
+ | .container-3 { | ||
+ | width: 100% !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 400px) { | ||
+ | .quote { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #example { | ||
+ | background: transparent; | ||
+ | height: 0px; | ||
+ | overflow-y: scroll; | ||
+ | transition: height 1s; | ||
+ | -moz-transition: height 1s; /* Firefox 4 */ | ||
+ | -webkit-transition: height 1s; /* Safari and Chrome */ | ||
+ | -o-transition: height 1s; /* Opera */ | ||
+ | } | ||
+ | |||
+ | a.showLink, a.hideLink { | ||
+ | text-decoration: none; | ||
+ | background: transparent url('down.gif') no-repeat left; | ||
+ | } | ||
+ | |||
+ | a.hideLink { | ||
+ | background: transparent url('up.gif') no-repeat left; | ||
+ | } | ||
+ | |||
+ | #example1 { | ||
+ | background: transparent; | ||
+ | height: 0px; | ||
+ | overflow-y: scroll; | ||
+ | transition: height 1s; | ||
+ | -moz-transition: height 1s; /* Firefox 4 */ | ||
+ | -webkit-transition: height 1s; /* Safari and Chrome */ | ||
+ | -o-transition: height 1s; /* Opera */ | ||
+ | } | ||
+ | |||
+ | a.showLink1, a.hideLink1 { | ||
+ | text-decoration: none; | ||
+ | background: transparent url('down.gif') no-repeat left; | ||
+ | } | ||
+ | |||
+ | a.hideLink1 { | ||
+ | background: transparent url('up.gif') no-repeat left; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | |||
− | |||
− | < | + | <body style="background-color: honeydew;"> |
+ | <div id="page"> | ||
+ | <center> | ||
+ | <br> | ||
− | < | + | <img class="titleimg" src=""> |
− | < | + | <center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/5/56/RESULTS.PNG"></center> |
+ | <h1>RESULTS</h1> | ||
− | < | + | <br> |
− | < | + | <div class="text-container"> |
− | < | + | <br> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <p>Our project focuses on biosynthetically producing the molecules vitamin DMB B<sub>12</sub> and acetaminophen in <i>Synechococcus elongatus</i> PCC 7942. The secondary focuses of our project were geared towards analyzing the growth of <i>S. elongatus</i> PCC 7942 in seawater, creating a detection method for vitamin B<sub>12</sub> via a riboswitch/reporter system, and a proof of concept for the production of acetaminophen in <i>E. coli</i>.</p> |
− | < | + | <br> |
− | < | + | <br> |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | <h2 style="text-align: left; font-weight: 500;">I. Biosynthesis</h2> |
− | < | + | <br> |
− | < | + | <h4 style="text-align: left; font-weight: 400; font-size: 140%;">1a. Plasmid construction of DWB1, DWB2, DWB3, and DWB4</h4> |
+ | <br> | ||
− | < | + | <p>Plasmids DWB1, DWB2, DWB3 and DWB4 were designed for gene integration into the chromosomal genome of <i>S. elongatus</i> PCC 7942. The plasmid AM2991 was constructed for homologous recombination into defined Neutral Integration Site 1 (NSI) in <i>S. elongatus</i> PCC 7492. The genes <i>ssuE</i> and <i>4ABH</i> were assembled into a AM2991 plasmid backbone constructing DWB1 and DWB2, respectively. The plasmid AM1573 was used for recombination into Neutral Integration Site 2 (NSII). The genes <i>bluB</i> and <i>nhoA</i> were assembled into pAM1573 forming DWB3 and DWB4, respectively. All plasmids were successfully constructed and confirmed through sanger sequencing.</p> |
− | < | + | <br> |
+ | <br> | ||
+ | <br> | ||
− | < | + | <div class="container-3"> |
− | < | + | <div class="row-3"> |
− | < | + | <div class="col-md-6"> |
− | </ | + | <img src="https://static.igem.org/mediawiki/2017/6/6c/PAM2991DWB1DWB2.png" style="width: 100%;"> |
+ | <i></i> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1e/PAM1573DWB3DWB4.png" style="width: 100%;"> | ||
+ | <i></i> | ||
+ | </div> | ||
+ | </div> | ||
+ | <i>Plasmids were constructed through Gibson Assembly. Genes ssuE and 4ABH were inserted into pAM2991, while genes bluB and nhoA were inserted into pAM1573.</i> | ||
+ | </div> | ||
− | < | + | <br> |
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <h4 style="text-align: left; font-weight: 400; font-size: 140%;">1b. Successful integration of <i>ssuE</i> into <i>S. elongatus</i> PCC 7942</h4> | ||
− | < | + | <br> |
− | < | + | <div class="diagram-image-center-large-1"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2017/0/02/Homologrecomb.png" style="width: 100%; margin-bottom: 60px;"> |
− | + | <i>Homologous recombination of DWB1 plasmid into the chromosomal genome of <i>S. elongatus</i> PCC 7942.</i> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <br> |
− | </ | + | <div class="diagram-image-right-1"> |
+ | <img src="https://static.igem.org/mediawiki/2017/2/2b/Jetgel.png" style="width: 100%;"> | ||
+ | <i>Colony PCR of a single cell line transformed with DWB1. Amplification of the first neutral integration site in <i>S. elongatus</i> PCC 7942 shows two bands: the original unmodified genome at ~1690bp and ssuE integrated cassette into the chromosomal genome at ~6500bp. An isolated cell culture with successful integration into most of the genome is seen on Patch #4.</i> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <p>Integration of the <i>ssuE</i> gene into <i>S. elongatus</i> PCC 7942 genome was successful. Cells were inoculated with DWB1 plasmid and transformed in the dark, overnight. Transformed cells were selected for growth on BG-11 and streptomycin plates. Colonies were grown for 7-10 days and homologous recombination of the entire plasmid cassette into the genome was assayed through PCR of neutral site one.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Due to multiple copies of the chromosomal genome in the organism, <i>S. elongatus</i> PCC 7942 was patched onto antibiotic plates after colony picks, with the purpose of isolating cells that contain solely integrated gene constructs. After four rounds of patching a single cell line, specific amplification of a strand larger than that of the original genome indicates successful isolation of <i>ssuE</i> integrated cells.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <p>Insertion of the gene <i>ssuE</i> into an organism expressing <i>bluB</i> has been documented to increase the expression of 5,6-dimethylbenzimidazole (5,6-DMB), the precursor for the mammalian usable version of vitamin B<sub>12</sub><sup>[2]</sup>. In order produce an abundance of 5,6-DMB within <i>S. elongatus</i> PCC 7942, DWB3 plasmid will be transformed and <i>bluB</i> will be integrated into cells that have been isolated with the optimized <i>ssuE </i>insert.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h2 style="text-align: left; font-weight: 500;">II. Growth</h2> | ||
+ | |||
+ | <div class="diagram-image-left-1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/dc/Growth_edit.png" style="width: 100%;"> | ||
+ | <i>Growth curve of S.elongatus PCC 7942 cultures grown in SCCB-1 (yellow) and BG-11(N+) (green). Absorbance with an OD<sub>730</sub> was taken daily.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: left; font-weight: 400; font-size: 140%;">2a. <i>S. elongatus</i> grown in local sea water, SCCB-1</h4> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p><i>S. elongatus</i> PCC 7942 cultures are commercially grown in BG-11 media. However, seawater from a local beach was obtained, SCCB-1, to deduce whether locally sourced bodies of water were sufficient for the growth of <i>S. elongatus</i>. SCCB-1 was filtered, autoclaved and supplemented with a source of Nitrogen in the form of NaNO<sub>2</sub>.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>To show the difference in growth with each media, SCCB-1 and BG-11(N+) were inoculated with <i>S. elongatus</i> PCC 7942 and cell density was measured daily for 10 circadian days. Cultures grown in SCCB-1 exhibit similar growth patterns to that of BG-11(N+) confirming the potential of locally sourcing a media for cyanobacterial growth.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: left; font-weight: 400; font-size: 140%;">2b. Growth Rates and Selection</h4> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: center; font-weight: 300; font-size: 140%; width: 80%;">Growth Curves for Successive Inoculations of <i>S. elongatus</i> PCC 7942 at Various Wavelengths</h4> | ||
+ | <!-- <div class="container-3"> | ||
+ | <button type="button" class="btn btn-info" data-toggle="collapse" aria-expanded="false" data-target="#demo">Simple collapsible</button> | ||
+ | <div id="demo" class="collapse"> | ||
+ | <div class="row-3"> | ||
+ | <div class="col-md-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/4e/Growmeup1.png" style="width: 100%; padding-bottom: 20px; padding-top: 20px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6d/Growmeupactual2.png" style="width: 100%; padding-bottom: 20px; padding-top: 20px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/35/Growmeup3.png" style="width: 100%; padding-bottom: 20px; padding-top: 20px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <i>The observation of three consecutive cell cultures grown in BG-11(N+) showed a selection for cells that grew faster in BG-11(N+). <b>A.</b>) The average growth curves of a third passage inoculated in early August at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 7. <b>B.</b>) The average growth curves of a fourth passage inoculated in late August at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 6. <b>C.</b>) The average growth curves of a fourth passage inoculated in late October at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 4.</i> | ||
+ | </div> | ||
+ | </div> --> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="readmore"> | ||
+ | <p style="text-align: center; font-size: 160% !important; background-color: white; width: 52%; border-radius: 24px;"><a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">Click here to view our growth data!</a></p> | ||
+ | <div id="example" class="more"> | ||
+ | <p style="text-align: center; font-size: 160% !important; background-color: white; width: 52%; border-radius: 24px;"><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide growth data</a></p> | ||
+ | <div class="text"> | ||
+ | <div class="container-3"> | ||
+ | <div class="row-3" style="margin-top: 30px;"> | ||
+ | <div class="col-md-12"> | ||
+ | <b style="font-size: 150%;"><i>Figure A</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/4e/Growmeup1.png" style="width: 100%; padding-bottom: 80px;"> | ||
+ | <b style="font-size: 150%;"><i>Figure B</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6d/Growmeupactual2.png" style="width: 100%; padding-bottom: 80px;"> | ||
+ | <b style="font-size: 150%;"><i>Figure C</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/35/Growmeup3.png" style="width: 100%; padding-bottom: 80px;"> | ||
+ | <b style="font-size: 150%;"><i>Figure D</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/93/Khanhgrowth4.png" style="width: 100%; padding-bottom: 20px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <i>The observation of three consecutive cell cultures grown in BG-11(N+) showed a selection for cells that grew faster in BG-11(N+). <b>A.</b>) The average growth curves of a third passage inoculated in early August at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 7. <b>B.</b>) The average growth curves of a fourth passage inoculated in late August at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 6. <b>C.</b>) The average growth curves of a fourth passage inoculated in late October at OD<sub>600</sub>, OD<sub>650</sub>, OD<sub>730</sub>, and at OD<sub>750</sub> respectively. The cell culture is seen to enter log phase at day 4. <b>D.</b>) A Growth Curved generated from counting the cells in fourth passage cultures inoculated in mid and late October. All data taken for Graphs A - C were taken in the afternoon; however, Graph D data was collected in the early morning.</i> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | function showHide(shID) { | ||
+ | if (document.getElementById(shID)) { | ||
+ | if (document.getElementById(shID+'-show').style.display != 'none') { | ||
+ | document.getElementById(shID+'-show').style.display = 'none'; | ||
+ | document.getElementById(shID+'-hide').style.display = 'inline'; | ||
+ | document.getElementById(shID).style.height = '1000px'; | ||
+ | } | ||
+ | else { | ||
+ | document.getElementById(shID+'-show').style.display = 'inline'; | ||
+ | document.getElementById(shID+'-hide').style.display = 'none'; | ||
+ | document.getElementById(shID).style.height = '0px'; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | function showHide1(shID1) { | ||
+ | if (document.getElementById(shID1)) { | ||
+ | if (document.getElementById(shID1+'-show').style.display != 'none') { | ||
+ | document.getElementById(shID1+'-show').style.display = 'none'; | ||
+ | document.getElementById(shID1+'-hide').style.display = 'inline'; | ||
+ | document.getElementById(shID1).style.height = '1000px'; | ||
+ | } | ||
+ | else { | ||
+ | document.getElementById(shID1+'-show').style.display = 'inline'; | ||
+ | document.getElementById(shID1+'-hide').style.display = 'none'; | ||
+ | document.getElementById(shID1).style.height = '0px'; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: left; font-weight: 400; font-size: 140%;">2c. Toxicity Tests</h4> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>A cell culture toxicity test suggested 13.23mM (10mg) of acetaminophen to be detrimental to cell growth. While the amount of time at which the cell culture showed discoloration from green to nearly clear to brown varied in duplicate samples, both concluded with cell death and discoloration of cell sample. Cell culture containing 6.6mM (5mg) of acetaminophen showed inconsistent discoloration and cultures containing 1.32mM (1mg) of acetaminophen showed no significant color change.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Cultures were also tested with 1.8µM and 2.9µM of acetaminophen (to align with the expected amount based on a patent for the biosynthesis of acetaminophen in <i>E. coli</i><sup>[1]</sup>. No significant discoloration was observed. The discoloration and subsequent color change of the culture is suspected to be due to the degradation of acetaminophen into its precursor 4-aminophenol. Cell culture toxicity tests were performed with 4-aminophenol. Cell cultures were observed after the addition of 1.8µM, 9.1µM, and 18.3µM respectively. All samples with 4-aminophenol added turned from dark green to dark brown overnight. Further tests to determine the contents of the sample following the observed color change is recommended.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="container-2"> | ||
+ | <div class="row-3"> | ||
+ | <div class="col-md-6" style="padding-bottom: 25px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b0/Acetaminophen_test_2.png" style="width: 99.5%;"> | ||
+ | <i><b>A.</b> Acetaminophen toxicity tests</i> | ||
+ | </div> | ||
+ | <div class="col-md-6" style="padding-bottom: 25px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/88/4_aminophenol_test_2.png" style="width: 100%;"> | ||
+ | <i><b>B.</b> 4-aminophenol toxicity tests</i> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <i>Acetaminophen toxicity tests (<b>A</b>) showing color change at 13.23mM after 11 days and 4-aminophenol toxicity tests (<b>B</b>) yielding dramatic color change at 1.8µM, 9.1µM, and 18.3µM overnight.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div id="validate-part-div"></div> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h2 style="text-align: left; font-weight: 500;">III. Riboswitch</h2> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-center-large-1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/7f/Riboswtiching.png" style="width: 100%;"> | ||
+ | <i>Expression of the plasmid EN15 produces two strands of mRNA. In the absence of cobalamin, the Tet repressor is expressed hindering the expression of the reporter gene. In the presence of cobalamin, mRFP thus becomes expressed.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <p>A detection mechanism for vitamin B<sub>12</sub>, specifically the molecule cobalamin, would allow for an instantaneous assay of its presence. The biobrick part, BBa_K1913011, from the Wageningen 2016 iGEM team was modified and tested for its affinity to 5,6-DMB-cobalamin (DMB B<sub>12</sub>) or adenine-cobalamin (B<sub>12</sub> analogs). The part consist of a riboswitch, btub, that binds specifically to cobalamin, sequestering the ribosomal binding site (RBS) upstream of the TetR gene, thereby hindering the expression of the repressor. In the absence of cobalamin, the TetR gene is constitutively expressed producing the Tet repressor which trans-regulates the Tet operator, TetO. The operator was designed upstream of the reporter gene, mRFP. Therefore, detection of the reporter RFP implies the presence of vitamin B<sub>12</sub>.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-right-1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/0d/Riboproof.jpg" style="width: 100%;"> | ||
+ | <i>The expression of RFP is indicative of a functional riboswitch <b>or</b> the modified psbAI. psbAI is normally functional only in cyanobacteria and the modification of the -10 element allowed for transcription in <i>E coli</i>.</i> | ||
+ | </div> | ||
+ | |||
+ | <p>Plasmid EN15 was constructed through Gibson Assembly. Gene block fragments consisting of the riboswitch/reporter parts, NSII homologous sequences, and an ampicillin resistance were ligated onto an <i>E. coli</i> specific sequence, pBR322. The novel plasmid was designed for recombination into Neutral Integration Site 2 (NSII) within the chromosomal genome of <i>S. elongatus</i> PCC 7942. The riboswitch system was modified for expression within <i>S. elongatus</i> PCC 7942. A light induced psbAI promoter, documented to be constitutively expressed in cyanobacteria such as <i>S. elongatus</i> PCC 7942, was modified at the -10 element for expression in <i>E. coli</i>. The promoter was placed upstream of the biobrick parts, producing two separate mRNA strands.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>The riboswitch system was modified to be expressed in <i>E. coli</i> as a proof that all parts work as expected. <i>E. coli</i> produces vitamin B<sub>12</sub> analogs which bind onto the riboswitch and express the mRFP reporter gene. Once the assembly of the plasmid EN15 was confirmed, it was then transformed into <i>E. coli</i> which further validated that all parts worked accordingly. Plasmid EN15 was confirmed via sanger sequencing.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h2 style="text-align: left; font-weight: 500;">VI. High Performance Liquid Chromatography (HPLC)</h2> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>To confirm the design of the plasmid DWB2, specifically the function of the <i>4ABH</i> gene, the plasmid was transformed into <i>E. coli</i>. However, since our gene block was codon optimized for <i>S. elongatus</i> PCC 7942, a Shine-Dalgarno sequence was inserted upstream of the <i>4ABH</i> gene.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>HPLC (<a href="https://2017.igem.org/Team:UCSC/Notebook#verify-tag">conditions listed on the notebook page</a>) indicated that acetaminophen was not produced as expected. The positive control indicated that acetaminophen eluted at 4.7 minutes (Figure 1). The negative control indicated a baseline for the cell lysate and produced no peaks at 4.7 min (Figure 2). Chromatograms of cell cultures M1-M7 indicated no peak for acetaminophen at 4.7 minutes. The chromatogram of M7 was included as an example (Figure 3). The injection volume was 100µL for each sample.</p> | ||
+ | <!-- <img src="https://static.igem.org/mediawiki/2017/e/e8/Chart.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b5/Xanderhplc2.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/bc/Xanderhplc3.png"> --> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="readmore"> | ||
+ | <p style="text-align: center; font-size: 160% !important; background-color: white; width: 52%; border-radius: 24px;"><a href="#" id="example1-show" class="showLink1" onclick="showHide1('example1');return false;">Click here to view our HPLC data!</a></p> | ||
+ | <div id="example1" class="more"> | ||
+ | <p style="text-align: center; font-size: 160% !important; background-color: white; width: 52%; border-radius: 24px;"><a href="#" id="example1-hide" class="hideLink1" onclick="showHide1('example1');return false;">Hide HPLC data</a></p> | ||
+ | <div class="text"> | ||
+ | <div class="container-3"> | ||
+ | <div class="row-3" style="margin-top: 30px;"> | ||
+ | <div class="col-md-12"> | ||
+ | <b style="font-size: 150%;"><i>Figure 1</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e8/Chart.png" style="width: 90%; padding-bottom: 80px; padding-top: 20px;"> | ||
+ | <b style="font-size: 150%;"><i>Figure 2</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b5/Xanderhplc2.png" style="width: 90%; padding-bottom: 80px; padding-top: 20px;"> | ||
+ | <b style="font-size: 150%;"><i>Figure 3</i></b> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/bc/Xanderhplc3.png" style="width: 90%; padding-bottom: 20px; padding-top: 20px;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- <i></i> --> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <p>These results indicate that the transformants did not produce acetaminophen. The transformants did not produce 4-aminophenol as expected. This could be due to a lack of <i>4ABH</i> expression, enzymatic activity to produce 4-aminophenol, or a lack of incorporation of the Shine-Dalgarno (SD) sequence into the DWB2 plasmid. Lack of incorporation of the SD sequence would result in lack of ribosomal binding sites and lead to no translation of the <i>4ABH</i> gene. Although the HPLC results showed no significant peak for acetaminophen, DWB2 was successfully transformed for <i>E. coli</i>. Additionally, acetaminophen and 4-aminophenol production was verified in <i>E. coli</i> through the insertion of the <i>4ABH</i> gene in other studies using similar methods<sup>[1]</sup>. Through these analyses, we were confident in moving forward with inserting out gene into <i>S. elongatus</i> PCC 7942.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>In lieu of these results, the integration of the SD sequence into DWB2 will be re-done using a New England Biolabs<sup>TM</sup> (NEB<sup>TM</sup>) Q5<sup>TM</sup> Site-Directed Mutagenesis Kit. Primers have been re-designed for the process of integrating the SD sequence into the gene block in this method. <i>E. coli</i> DH5ɑ will be re-transformed and grown in M9M media, followed by HPLC to verify activity of the <i>4ABH</i> gene.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="container" style="width: 100%"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <h3>P R O J E C T</h3> | ||
+ | <hr> | ||
+ | <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/64/UCSCproject.png" class="proj-button-image-solo"> | ||
+ | <div class="proj-button-desc"> | ||
+ | <div class="overlap-button-text">HOMEPAGE</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-8"> | ||
+ | <h3>Click here to learn more!</h3> | ||
+ | <hr> | ||
+ | <div class="row"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UCSC/Acetaminophen" class="proj-button"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6c/Acetaminophenicon.png" class="proj-button-image"> | ||
+ | <div class="proj-button-desc"> | ||
+ | <div class="overlap-button-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/a/a2/B12_flask_button.png" class="proj-button-image"> | ||
+ | <div class="proj-button-desc"> | ||
+ | <div class="overlap-button-text">VITAMIN B<sub>12</sub></div> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UCSC/Model" class="proj-button"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/be/Modeling_button.png" class="proj-button-image"> | ||
+ | <div class="proj-button-desc"> | ||
+ | <div class="overlap-button-text">MODELING</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UCSC/Target-Organism" class="proj-button"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/84/Spirulinaicon.png" class="proj-button-image"> | ||
+ | <div class="proj-button-desc"> | ||
+ | <div class="overlap-button-text">TARGET ORGANISM</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UCSC/Part_Collection" 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> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="reference-list"> | ||
+ | <hr> | ||
+ | <li>[1] Anderson, J. C., HSIAU, T., Srivastava, S., RUAN, P., KOTKER, J. P. I., BODIK, R., & Seshia, S. A. (2016). Method for biosynthesis of acetaminophen. Google Patents.</li> | ||
+ | <li>[2] Taga, M. E., Larsen, N. A., Howard-Jones, A. R., Walsh, C. T., & Walker, G. C. (2007). BluB cannibalizes flavin to form the lower ligand of vitamin B12. Nature, 446(7134), 449–453. https://doi.org/10.1038/nature05611</li> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </center> | ||
+ | </div> | ||
+ | </html> | ||
{{UCSC-Footer}} | {{UCSC-Footer}} |
Our project focuses on biosynthetically producing the molecules vitamin DMB B12 and acetaminophen in Synechococcus elongatus PCC 7942. The secondary focuses of our project were geared towards analyzing the growth of S. elongatus PCC 7942 in seawater, creating a detection method for vitamin B12 via a riboswitch/reporter system, and a proof of concept for the production of acetaminophen in E. coli.
Plasmids DWB1, DWB2, DWB3 and DWB4 were designed for gene integration into the chromosomal genome of S. elongatus PCC 7942. The plasmid AM2991 was constructed for homologous recombination into defined Neutral Integration Site 1 (NSI) in S. elongatus PCC 7492. The genes ssuE and 4ABH were assembled into a AM2991 plasmid backbone constructing DWB1 and DWB2, respectively. The plasmid AM1573 was used for recombination into Neutral Integration Site 2 (NSII). The genes bluB and nhoA were assembled into pAM1573 forming DWB3 and DWB4, respectively. All plasmids were successfully constructed and confirmed through sanger sequencing.
Integration of the ssuE gene into S. elongatus PCC 7942 genome was successful. Cells were inoculated with DWB1 plasmid and transformed in the dark, overnight. Transformed cells were selected for growth on BG-11 and streptomycin plates. Colonies were grown for 7-10 days and homologous recombination of the entire plasmid cassette into the genome was assayed through PCR of neutral site one.
Due to multiple copies of the chromosomal genome in the organism, S. elongatus PCC 7942 was patched onto antibiotic plates after colony picks, with the purpose of isolating cells that contain solely integrated gene constructs. After four rounds of patching a single cell line, specific amplification of a strand larger than that of the original genome indicates successful isolation of ssuE integrated cells.
Insertion of the gene ssuE into an organism expressing bluB has been documented to increase the expression of 5,6-dimethylbenzimidazole (5,6-DMB), the precursor for the mammalian usable version of vitamin B12[2]. In order produce an abundance of 5,6-DMB within S. elongatus PCC 7942, DWB3 plasmid will be transformed and bluB will be integrated into cells that have been isolated with the optimized ssuE insert.
S. elongatus PCC 7942 cultures are commercially grown in BG-11 media. However, seawater from a local beach was obtained, SCCB-1, to deduce whether locally sourced bodies of water were sufficient for the growth of S. elongatus. SCCB-1 was filtered, autoclaved and supplemented with a source of Nitrogen in the form of NaNO2.
To show the difference in growth with each media, SCCB-1 and BG-11(N+) were inoculated with S. elongatus PCC 7942 and cell density was measured daily for 10 circadian days. Cultures grown in SCCB-1 exhibit similar growth patterns to that of BG-11(N+) confirming the potential of locally sourcing a media for cyanobacterial growth.
Click here to view our growth data!
A cell culture toxicity test suggested 13.23mM (10mg) of acetaminophen to be detrimental to cell growth. While the amount of time at which the cell culture showed discoloration from green to nearly clear to brown varied in duplicate samples, both concluded with cell death and discoloration of cell sample. Cell culture containing 6.6mM (5mg) of acetaminophen showed inconsistent discoloration and cultures containing 1.32mM (1mg) of acetaminophen showed no significant color change.
Cultures were also tested with 1.8µM and 2.9µM of acetaminophen (to align with the expected amount based on a patent for the biosynthesis of acetaminophen in E. coli[1]. No significant discoloration was observed. The discoloration and subsequent color change of the culture is suspected to be due to the degradation of acetaminophen into its precursor 4-aminophenol. Cell culture toxicity tests were performed with 4-aminophenol. Cell cultures were observed after the addition of 1.8µM, 9.1µM, and 18.3µM respectively. All samples with 4-aminophenol added turned from dark green to dark brown overnight. Further tests to determine the contents of the sample following the observed color change is recommended.
A detection mechanism for vitamin B12, specifically the molecule cobalamin, would allow for an instantaneous assay of its presence. The biobrick part, BBa_K1913011, from the Wageningen 2016 iGEM team was modified and tested for its affinity to 5,6-DMB-cobalamin (DMB B12) or adenine-cobalamin (B12 analogs). The part consist of a riboswitch, btub, that binds specifically to cobalamin, sequestering the ribosomal binding site (RBS) upstream of the TetR gene, thereby hindering the expression of the repressor. In the absence of cobalamin, the TetR gene is constitutively expressed producing the Tet repressor which trans-regulates the Tet operator, TetO. The operator was designed upstream of the reporter gene, mRFP. Therefore, detection of the reporter RFP implies the presence of vitamin B12.
Plasmid EN15 was constructed through Gibson Assembly. Gene block fragments consisting of the riboswitch/reporter parts, NSII homologous sequences, and an ampicillin resistance were ligated onto an E. coli specific sequence, pBR322. The novel plasmid was designed for recombination into Neutral Integration Site 2 (NSII) within the chromosomal genome of S. elongatus PCC 7942. The riboswitch system was modified for expression within S. elongatus PCC 7942. A light induced psbAI promoter, documented to be constitutively expressed in cyanobacteria such as S. elongatus PCC 7942, was modified at the -10 element for expression in E. coli. The promoter was placed upstream of the biobrick parts, producing two separate mRNA strands.
The riboswitch system was modified to be expressed in E. coli as a proof that all parts work as expected. E. coli produces vitamin B12 analogs which bind onto the riboswitch and express the mRFP reporter gene. Once the assembly of the plasmid EN15 was confirmed, it was then transformed into E. coli which further validated that all parts worked accordingly. Plasmid EN15 was confirmed via sanger sequencing.
To confirm the design of the plasmid DWB2, specifically the function of the 4ABH gene, the plasmid was transformed into E. coli. However, since our gene block was codon optimized for S. elongatus PCC 7942, a Shine-Dalgarno sequence was inserted upstream of the 4ABH gene.
HPLC (conditions listed on the notebook page) indicated that acetaminophen was not produced as expected. The positive control indicated that acetaminophen eluted at 4.7 minutes (Figure 1). The negative control indicated a baseline for the cell lysate and produced no peaks at 4.7 min (Figure 2). Chromatograms of cell cultures M1-M7 indicated no peak for acetaminophen at 4.7 minutes. The chromatogram of M7 was included as an example (Figure 3). The injection volume was 100µL for each sample.
Click here to view our HPLC data!
These results indicate that the transformants did not produce acetaminophen. The transformants did not produce 4-aminophenol as expected. This could be due to a lack of 4ABH expression, enzymatic activity to produce 4-aminophenol, or a lack of incorporation of the Shine-Dalgarno (SD) sequence into the DWB2 plasmid. Lack of incorporation of the SD sequence would result in lack of ribosomal binding sites and lead to no translation of the 4ABH gene. Although the HPLC results showed no significant peak for acetaminophen, DWB2 was successfully transformed for E. coli. Additionally, acetaminophen and 4-aminophenol production was verified in E. coli through the insertion of the 4ABH gene in other studies using similar methods[1]. Through these analyses, we were confident in moving forward with inserting out gene into S. elongatus PCC 7942.
In lieu of these results, the integration of the SD sequence into DWB2 will be re-done using a New England BiolabsTM (NEBTM) Q5TM Site-Directed Mutagenesis Kit. Primers have been re-designed for the process of integrating the SD sequence into the gene block in this method. E. coli DH5ɑ will be re-transformed and grown in M9M media, followed by HPLC to verify activity of the 4ABH gene.