Hypotaurine is the predecessor substrate of Taurine, in the pathway of cysteine metabolism, which can be obtained naturally by some foods, biosynthesized by some organisms or produced through a series of chemical reactions. Taurine and hypotaurine synthesis is an important process as it plays many roles in the functions on the human body, specially like an endogenous neurotransmitter, among other organisms. The main aim of our project is to successfully introduce a couple of enzymes into Escherichia coli’s genome so it can biosynthesize this important molecule. To achieve this, these two taurine-pathway enzymes were selected: cysteine sulfinic acid decarboxylase (CSAD) and cysteine dioxygenase (CDO). It is important to highlight the fact that it’s the first time we synthesize both of them using synthetic biology techniques.
(Prototype team template page) |
|||
Line 3: | Line 3: | ||
<style> | <style> | ||
− | |||
− | + | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, output, ruby, section, summary, time, mark, audio, video { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | border: 0; | |
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
− | + | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
− | + | display: block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | body { | |
− | + | line-height: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ol, ul { | |
− | + | list-style: none; | |
− | + | ||
− | + | ||
} | } | ||
− | + | blockquote, q { | |
− | + | quotes: none; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | blockquote:before, blockquote:after, q:before, q:after { | |
− | + | content: ''; | |
− | content: | + | content: none; |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | table { | |
− | + | border-collapse: collapse; | |
− | + | border-spacing: 0; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | body { | |
− | + | -webkit-text-size-adjust: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /* Box Model */ | |
− | + | ||
− | + | *, *:before, *:after { | |
− | + | -moz-box-sizing: border-box; | |
− | + | -webkit-box-sizing: border-box; | |
− | + | box-sizing: border-box; | |
} | } | ||
− | + | /* Basic */ | |
− | + | ||
− | + | @-ms-viewport { | |
− | + | width: device-width; | |
} | } | ||
− | + | body { | |
− | + | -ms-overflow-style: scrollbar; | |
− | + | } | |
− | + | ||
− | + | @media screen and (max-width: 480px) { | |
− | + | ||
+ | html, body { | ||
+ | min-width: 320px; | ||
+ | } | ||
} | } | ||
− | + | body { | |
− | + | background: #f4f4f4; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | body.is-loading *, body.is-loading *:before, body.is-loading *:after { | |
− | + | -moz-animation: none !important; | |
− | + | -webkit-animation: none !important; | |
− | + | -ms-animation: none !important; | |
− | + | animation: none !important; | |
+ | -moz-transition: none !important; | ||
+ | -webkit-transition: none !important; | ||
+ | -ms-transition: none !important; | ||
+ | transition: none !important; | ||
+ | } | ||
+ | |||
+ | /* Type */ | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | color: #646464; | ||
+ | font-family: "Source Sans Pro", Helvetica, sans-serif; | ||
+ | font-size: 14pt; | ||
+ | font-weight: 400; | ||
+ | line-height: 1.75; | ||
} | } | ||
+ | @media screen and (max-width: 1680px) { | ||
− | + | body, input, select, textarea { | |
− | + | font-size: 12pt; | |
− | width: | + | } |
− | + | ||
− | + | } | |
− | border-bottom: | + | |
− | + | @media screen and (max-width: 1280px) { | |
− | + | ||
− | color: | + | body, input, select, textarea { |
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | a { | ||
+ | -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | transition: color 0.2s ease, border-bottom-color 0.2s ease; | ||
+ | border-bottom: dotted 1px rgba(160, 160, 160, 0.65); | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
} | } | ||
+ | a:before { | ||
+ | -moz-transition: color 0.2s ease; | ||
+ | -webkit-transition: color 0.2s ease; | ||
+ | -ms-transition: color 0.2s ease; | ||
+ | transition: color 0.2s ease; | ||
+ | } | ||
+ | a:hover { | ||
+ | border-bottom-color: transparent; | ||
+ | color: #2ebaae !important; | ||
+ | } | ||
− | + | a:hover:before { | |
− | + | color: #2ebaae !important; | |
− | color: # | + | } |
+ | |||
+ | strong, b { | ||
+ | color: #3c3b3b; | ||
+ | font-weight: 700; | ||
} | } | ||
+ | em, i { | ||
+ | font-style: italic; | ||
+ | } | ||
− | + | p { | |
− | + | margin: 0 0 2em 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1, h2, h3, h4, h5, h6 { | |
− | + | color: #3c3b3b; | |
− | + | font-family: "Raleway", Helvetica, sans-serif; | |
− | + | font-weight: 800; | |
+ | letter-spacing: 0.25em; | ||
+ | line-height: 1.65; | ||
+ | margin: 0 0 1em 0; | ||
+ | text-transform: uppercase; | ||
} | } | ||
− | + | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | |
+ | color: inherit; | ||
+ | border-bottom: 0; | ||
+ | } | ||
− | + | h2 { | |
− | + | font-size: 1.1em; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h3 { | |
− | + | font-size: 0.9em; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h4 { | |
− | + | font-size: 0.7em; | |
} | } | ||
− | + | h5 { | |
− | + | font-size: 0.7em; | |
− | + | ||
} | } | ||
− | + | h6 { | |
− | + | font-size: 0.7em; | |
} | } | ||
− | + | ||
− | + | sub { | |
− | + | font-size: 0.8em; | |
+ | position: relative; | ||
+ | top: 0.5em; | ||
} | } | ||
+ | sup { | ||
+ | font-size: 0.8em; | ||
+ | position: relative; | ||
+ | top: -0.5em; | ||
+ | } | ||
− | + | blockquote { | |
− | + | border-left: solid 4px rgba(160, 160, 160, 0.3); | |
+ | font-style: italic; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding: 0.5em 0 0.5em 2em; | ||
} | } | ||
− | + | code { | |
− | + | background: rgba(160, 160, 160, 0.075); | |
− | + | border: solid 1px rgba(160, 160, 160, 0.3); | |
− | + | font-family: "Courier New", monospace; | |
− | + | font-size: 0.9em; | |
+ | margin: 0 0.25em; | ||
+ | padding: 0.25em 0.65em; | ||
} | } | ||
− | + | pre { | |
− | + | -webkit-overflow-scrolling: touch; | |
− | + | font-family: "Courier New", monospace; | |
− | + | font-size: 0.9em; | |
− | + | margin: 0 0 2em 0; | |
− | + | ||
} | } | ||
+ | pre code { | ||
+ | display: block; | ||
+ | line-height: 1.75em; | ||
+ | padding: 1em 1.5em; | ||
+ | overflow-x: auto; | ||
+ | } | ||
− | + | hr { | |
+ | border: 0; | ||
+ | border-bottom: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 2em 0; | ||
+ | } | ||
− | + | hr.major { | |
− | + | margin: 3em 0; | |
− | + | } | |
− | + | ||
− | + | ||
+ | .align-left { | ||
+ | text-align: left; | ||
} | } | ||
− | . | + | |
− | + | .align-center { | |
− | + | text-align: center; | |
− | + | ||
} | } | ||
+ | .align-right { | ||
+ | text-align: right; | ||
+ | } | ||
− | + | ||
− | . | + | |
− | + | /* Blurb */ | |
− | font-size: | + | |
− | + | .blurb h2 { | |
+ | font-size: 0.8em; | ||
+ | margin: 0 0 1.5em 0; | ||
} | } | ||
− | + | .blurb h3 { | |
− | . | + | font-size: 0.7em; |
− | font- | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .blurb p { | |
− | . | + | font-size: 0.9em; |
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | /* List */ | |
− | + | ||
− | + | ol { | |
− | + | list-style: decimal; | |
+ | margin: 0 0 2em 0; | ||
+ | padding-left: 1.25em; | ||
} | } | ||
− | + | ol li { | |
− | + | padding-left: 0.25em; | |
− | + | } | |
− | + | ||
− | + | ul { | |
+ | list-style: disc; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding-left: 1em; | ||
} | } | ||
− | + | ul li { | |
− | + | padding-left: 0.5em; | |
− | width: | + | } |
− | + | ||
− | + | ul.alt { | |
− | + | list-style: none; | |
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.alt li { | ||
+ | border-top: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | padding: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | ul.alt li:first-child { | ||
+ | border-top: 0; | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1em 0 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li:last-child { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li > * { | ||
+ | text-decoration: none; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | ul.icons li > *:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.icons li > * .label { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | ul.actions { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1.5em 0 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | ul.actions li:last-child { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next:after { | ||
+ | content: ""; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next:after { | ||
+ | content: '\f054'; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous:before { | ||
+ | content: ""; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .previous:before { | ||
+ | content: '\f053'; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1280px) { | ||
+ | |||
+ | ul.actions.pagination { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | ul.actions.pagination .next, ul.actions.pagination .previous { | ||
+ | min-width: 20em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | ul.actions.pagination .next, ul.actions.pagination .previous { | ||
+ | min-width: 18em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.actions.small li { | ||
+ | padding: 0 1em 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li { | ||
+ | display: block; | ||
+ | padding: 1.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical li > * { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical.small li { | ||
+ | padding: 1em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.vertical.small li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit { | ||
+ | display: table; | ||
+ | margin-left: -1em; | ||
+ | padding: 0; | ||
+ | table-layout: fixed; | ||
+ | width: calc(100% + 1em); | ||
+ | } | ||
+ | |||
+ | ul.actions.fit li { | ||
+ | display: table-cell; | ||
+ | padding: 0 0 0 1em; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit li > * { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.fit.small { | ||
+ | margin-left: -0.5em; | ||
+ | width: calc(100% + 0.5em); | ||
+ | } | ||
+ | |||
+ | ul.actions.fit.small li { | ||
+ | padding: 0 0 0 0.5em; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | |||
+ | ul.actions { | ||
+ | margin: 0 0 2em 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li { | ||
+ | padding: 1em 0 0 0; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | ul.actions li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | ul.actions li > * { | ||
+ | width: 100%; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | ul.actions.small li { | ||
+ | padding: 0.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul.actions.small li:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | dl { | ||
+ | margin: 0 0 2em 0; | ||
} | } | ||
− | + | dl dt { | |
− | . | + | display: block; |
− | padding: | + | font-weight: 700; |
− | + | margin: 0 0 1em 0; | |
− | border: | + | } |
− | + | ||
+ | dl dd { | ||
+ | margin-left: 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Post */ | ||
+ | |||
+ | .post { | ||
+ | padding: 2em 3em 1em 3em ; | ||
+ | background: #ffffff; | ||
+ | border: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 0 0 3em 0; | ||
+ | position: relative; | ||
} | } | ||
− | + | .post > header { | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | border: 1px solid | + | display: flex; |
− | border- | + | border-bottom: solid 1px rgba(160, 160, 160, 0.3); |
− | + | left: -3em; | |
+ | margin: -3em 0 3em 0; | ||
+ | position: relative; | ||
+ | width: calc(100% + 6em); | ||
+ | } | ||
+ | |||
+ | .post > header .title { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -ms-flex: 1; | ||
+ | padding: 3.75em 3em 3.3em 3em; | ||
+ | } | ||
+ | |||
+ | .post > header .title h2 { | ||
+ | font-weight: 900; | ||
+ | font-size: 1.5em; | ||
+ | } | ||
+ | |||
+ | .post > header .title > :last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta { | ||
+ | padding: 3.75em 3em 1.75em 3em ; | ||
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | min-width: 17em; | ||
+ | text-align: right; | ||
+ | width: 17em; | ||
+ | } | ||
+ | |||
+ | .post > header .meta > * { | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta > :last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .published { | ||
+ | color: #3c3b3b; | ||
+ | display: block; | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-size: 0.7em; | ||
+ | font-weight: 800; | ||
+ | letter-spacing: 0.25em; | ||
+ | margin-top: 0.5em; | ||
+ | text-transform: uppercase; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .post > a.image.featured { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .post > a.image.featured img { | ||
+ | -moz-transition: -moz-transform 0.2s ease-out; | ||
+ | -webkit-transition: -webkit-transform 0.2s ease-out; | ||
+ | -ms-transition: -ms-transform 0.2s ease-out; | ||
+ | transition: transform 0.2s ease-out; | ||
+ | } | ||
+ | |||
+ | .post > a.image.featured:hover img { | ||
+ | -moz-transform: scale(1.05); | ||
+ | -webkit-transform: scale(1.05); | ||
+ | -ms-transform: scale(1.05); | ||
+ | transform: scale(1.05); | ||
+ | } | ||
+ | |||
+ | .post > footer { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | .post > footer .actions { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats li { | ||
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | display: inline-block; | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-size: 0.6em; | ||
+ | font-weight: 400; | ||
+ | letter-spacing: 0.25em; | ||
+ | line-height: 1; | ||
+ | margin: 0 0 0 2em; | ||
+ | padding: 0 0 0 2em; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats li:first-child { | ||
+ | border-left: 0; | ||
+ | margin-left: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats li .icon { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats li .icon:before { | ||
+ | color: rgba(160, 160, 160, 0.3); | ||
+ | margin-right: 0.75em; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | |||
+ | .post { | ||
+ | border-left: 0; | ||
+ | border-right: 0; | ||
+ | left: -3em; | ||
+ | width: calc(100% + (3em * 2)); | ||
+ | } | ||
+ | |||
+ | .post > header { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | padding: 3.75em 3em 1.25em 3em ; | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .title { | ||
+ | -ms-flex: 0 1 auto; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .post > header .meta { | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | border-left: 0; | ||
+ | margin: 0 0 2em 0; | ||
+ | padding-top: 0; | ||
+ | padding: 0; | ||
+ | text-align: left; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .post > header .meta > * { | ||
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin-left: 2em; | ||
+ | padding-left: 2em; | ||
+ | } | ||
+ | |||
+ | .post > header .meta > :first-child { | ||
+ | border-left: 0; | ||
+ | margin-left: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .published { | ||
+ | margin-bottom: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .author { | ||
+ | -moz-flex-direction: row-reverse; | ||
+ | -webkit-flex-direction: row-reverse; | ||
+ | -ms-flex-direction: row-reverse; | ||
+ | flex-direction: row-reverse; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .author .name { | ||
+ | margin: 0 0 0 1.5em; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .author img { | ||
+ | width: 3.5em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | .post { | ||
+ | padding: 1.5em 1.5em 0.1em 1.5em ; | ||
+ | left: -1.5em; | ||
+ | margin: 0 0 2em 0; | ||
+ | width: calc(100% + (1.5em * 2)); | ||
+ | } | ||
+ | |||
+ | .post > header { | ||
+ | padding: 3em 1.5em 0.5em 1.5em ; | ||
+ | left: -1.5em; | ||
+ | margin: -1.5em 0 1.5em 0; | ||
+ | width: calc(100% + 3em); | ||
+ | } | ||
+ | |||
+ | .post > header .title h2 { | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | |||
+ | .post > header .meta { | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .post > header .meta > * { | ||
+ | border-left: 0; | ||
+ | margin: 1em 0 0 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | .post > header .meta .author .name { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .post > .image.featured { | ||
+ | margin-left: -1.5em; | ||
+ | margin-top: calc(-1.5em - 1px); | ||
+ | width: calc(100% + 3em); | ||
+ | } | ||
+ | |||
+ | .post > footer { | ||
+ | -moz-align-items: stretch; | ||
+ | -webkit-align-items: stretch; | ||
+ | -ms-align-items: stretch; | ||
+ | align-items: stretch; | ||
+ | -moz-flex-direction: column-reverse; | ||
+ | -webkit-flex-direction: column-reverse; | ||
+ | -ms-flex-direction: column-reverse; | ||
+ | flex-direction: column-reverse; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .post > footer .stats li { | ||
+ | margin: 0 0 0 1.25em; | ||
+ | padding: 0 0 0 1.25em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Section/Article */ | ||
+ | |||
+ | section.special, article.special { | ||
+ | text-align: center; | ||
} | } | ||
− | + | header p { | |
− | + | font-family: "Raleway", Helvetica, sans-serif; | |
− | + | font-size: 0.7em; | |
− | + | font-weight: 400; | |
− | + | letter-spacing: 0.25em; | |
− | font-weight: | + | line-height: 2.5; |
− | + | margin-top: -1em; | |
− | + | text-transform: uppercase; | |
− | + | ||
− | + | ||
− | - | + | |
− | - | + | |
− | + | ||
} | } | ||
− | + | /* --Header */ | |
− | + | ||
− | + | body { | |
− | + | padding-top: 3.5em; | |
} | } | ||
− | + | #header { | |
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: space-between; | ||
+ | -webkit-justify-content: space-between; | ||
+ | -ms-justify-content: space-between; | ||
+ | justify-content: space-between; | ||
+ | background-color: #444; | ||
+ | border-bottom: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | height: 3.5em; | ||
+ | left: 0; | ||
+ | line-height: 3.5em; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 10000; | ||
+ | } | ||
− | + | #header a { | |
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | #header ul { | |
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
− | + | #header ul li { | |
− | + | display: inline-block; | |
− | + | padding-left: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | #header h1 { | ||
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | padding: 0 0 0 1.5em; | ||
+ | white-space: nowrap; | ||
+ | } | ||
− | + | #header h1 a { | |
+ | font-size: 0.7em; | ||
+ | } | ||
− | + | #header .links { | |
− | . | + | -moz-flex: 1; |
− | + | -webkit-flex: 1; | |
− | + | -ms-flex: 1; | |
− | + | flex: 1; | |
− | + | border-left: solid 1px rgba(160, 160, 160, 0.3); | |
− | + | height: inherit; | |
− | + | line-height: inherit; | |
− | + | margin-left: 1.5em; | |
− | + | overflow: hidden; | |
+ | padding-left: 1.5em; | ||
+ | } | ||
− | + | #header .links ul li { | |
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | line-height: 1; | ||
+ | margin-left: 1em; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | #header .links ul li:first-child { | ||
+ | border-left: 0; | ||
+ | margin-left: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | #header .links ul li a { | ||
+ | border-bottom: 0; | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-size: 0.7em; | ||
+ | font-weight: 400; | ||
+ | letter-spacing: 0.25em; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #header .main { | ||
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | text-align: right; | ||
+ | } | ||
− | + | #header .main ul { | |
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | #header .main ul li { | ||
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | white-space: nowrap; | ||
+ | } | ||
− | + | #header .main ul li > * { | |
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
− | + | #header .main ul li > a { | |
− | + | text-decoration: none; | |
− | + | border-bottom: 0; | |
+ | color: #aaaaaa; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-indent: 4em; | ||
+ | width: 4em; | ||
+ | } | ||
+ | #header .main ul li > a:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; | ||
+ | } | ||
+ | #header .main ul li > a:before { | ||
+ | display: block; | ||
+ | height: inherit; | ||
+ | left: 0; | ||
+ | line-height: inherit; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | text-indent: 0; | ||
+ | top: 0; | ||
+ | width: inherit; | ||
+ | } | ||
+ | #header form { | ||
+ | margin: 0; | ||
+ | } | ||
− | + | #header form input { | |
+ | display: inline-block; | ||
+ | height: 2.5em; | ||
+ | position: relative; | ||
+ | top: -2px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #header #search { | ||
+ | -moz-transition: all 0.5s ease; | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -ms-transition: all 0.5s ease; | ||
+ | transition: all 0.5s ease; | ||
+ | max-width: 0; | ||
+ | opacity: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | #header #search input { | ||
+ | width: 12em; | ||
+ | } | ||
+ | #header #search.visible { | ||
+ | max-width: 12.5em; | ||
+ | opacity: 1; | ||
+ | padding: 0 0.5em 0 0; | ||
+ | } | ||
− | + | @media screen and (max-width: 980px) { | |
− | + | #header .links { | |
+ | display: none; | ||
+ | } | ||
− | + | } | |
+ | @media screen and (max-width: 736px) { | ||
− | + | #header { | |
− | + | height: 2.75em; | |
− | + | line-height: 2.75em; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #header h1 { | |
− | + | padding: 0 0 0 1em; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #header .main .search { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | } | ||
− | + | /* Wrapper */ | |
+ | #wrapper { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-flex-direction: row-reverse; | ||
+ | -webkit-flex-direction: row-reverse; | ||
+ | -ms-flex-direction: row-reverse; | ||
+ | flex-direction: row-reverse; | ||
+ | -moz-transition: opacity 0.5s ease; | ||
+ | -webkit-transition: opacity 0.5s ease; | ||
+ | -ms-transition: opacity 0.5s ease; | ||
+ | transition: opacity 0.5s ease; | ||
+ | margin: 0 auto; | ||
+ | max-width: 100%; | ||
+ | opacity: 1; | ||
+ | padding: 4.5em; | ||
+ | width: 90em; | ||
+ | } | ||
− | + | body.is-menu-visible #wrapper { | |
+ | opacity: 0.15; | ||
+ | } | ||
+ | @media screen and (max-width: 1680px) { | ||
− | + | #wrapper { | |
− | + | padding: 4em; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | } | ||
− | + | @media screen and (max-width: 1280px) { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #wrapper { | |
− | + | display: block; | |
− | + | } | |
− | + | } | |
+ | @media screen and (max-width: 736px) { | ||
+ | #wrapper { | ||
+ | padding: 1.5em; | ||
+ | } | ||
+ | } | ||
+ | body.single #wrapper { | ||
+ | display: block; | ||
+ | } | ||
− | + | /* Main */ | |
+ | #main { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -ms-flex: 1; | ||
+ | width: 100%; | ||
+ | } | ||
+ | /* Sidebar */ | ||
− | + | #sidebar { | |
− | + | margin-left: 2em; | |
+ | margin-right: 2em; | ||
+ | width: auto; | ||
+ | } | ||
+ | #sidebar > * { | ||
+ | border-top: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 3em 0 0 0; | ||
+ | padding: 3em 0 0 0; | ||
+ | } | ||
+ | #sidebar > :first-child { | ||
+ | border-top: 0; | ||
+ | margin-top: 0; | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #sidebar { | ||
+ | border-top: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 3em 0 0 0; | ||
+ | min-width: 0; | ||
+ | padding: 3em 0 0 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | /* --Menu */ | ||
+ | ul, ol { | ||
+ | list-style:none; | ||
+ | } | ||
+ | .nav li a { | ||
+ | padding:0px 12px; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .nav li a:hover { | ||
+ | } | ||
+ | |||
+ | .nav li ul { | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | .nav li:hover > ul { | ||
+ | background-color:#4E4444; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .nav li ul li { | ||
+ | position:relative; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | /* Intro */ | |
− | + | ||
− | + | #intro .logo { | |
− | + | border-bottom: 0; | |
+ | display: inline-block; | ||
+ | margin: 0 0 1em 0; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | width: 11em; | ||
+ | } | ||
+ | |||
+ | #intro .logo:before { | ||
+ | background-position: top left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100% 100%; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
} | } | ||
− | + | #intro .logo img { | |
− | + | display: block; | |
+ | margin-left: -0.15em; | ||
+ | width: 9em; | ||
} | } | ||
− | + | #intro header h2 { | |
− | + | font-size: 2em; | |
− | + | font-weight: 900; | |
+ | } | ||
− | + | #intro header p { | |
− | + | font-size: 0.8em; | |
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1280px) { | ||
+ | |||
+ | #intro { | ||
+ | margin: 0 0 3em 0; | ||
+ | text-align: center; | ||
} | } | ||
+ | #intro header h2 { | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | #intro header p { | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | } | ||
− | + | @media screen and (max-width: 736px) { | |
− | + | #intro { | |
− | + | margin: 0 0 1.5em 0; | |
− | + | padding: 1.25em 0; | |
+ | } | ||
− | + | #intro > :last-child { | |
+ | margin-bottom: 0; | ||
+ | } | ||
− | + | #intro .logo { | |
− | + | margin: 0 0 0.5em 0; | |
} | } | ||
− | + | ||
− | + | #intro header h2 { | |
+ | font-size: 1.25em; | ||
} | } | ||
− | // | + | #intro header > :last-child { |
− | + | margin-bottom: 0; | |
− | + | } | |
− | }); | + | |
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer .icons { | ||
+ | color: #aaaaaa; | ||
+ | } | ||
+ | |||
+ | #footer .copyright { | ||
+ | color: #aaaaaa; | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-size: 1em; | ||
+ | font-weight: 400; | ||
+ | letter-spacing: 1em; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | body.single #footer { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Menu */ | ||
+ | |||
+ | #menu { | ||
+ | -moz-transform: translateX(25em); | ||
+ | -webkit-transform: translateX(25em); | ||
+ | -ms-transform: translateX(25em); | ||
+ | transform: translateX(25em); | ||
+ | -moz-transition: -moz-transform 0.5s ease, visibility 0.5s; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s; | ||
+ | -ms-transition: -ms-transform 0.5s ease, visibility 0.5s; | ||
+ | transition: transform 0.5s ease, visibility 0.5s; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | background: #ffffff; | ||
+ | border-left: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | box-shadow: none; | ||
+ | height: 100%; | ||
+ | max-width: 80%; | ||
+ | overflow-y: auto; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | width: 25em; | ||
+ | z-index: 10002; | ||
+ | } | ||
+ | |||
+ | #menu > * { | ||
+ | border-top: solid 1px rgba(160, 160, 160, 0.3); | ||
+ | padding: 3em; | ||
+ | } | ||
+ | |||
+ | #menu > * > :last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #menu > :first-child { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | #menu .links { | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu .links > li { | ||
+ | border: 0; | ||
+ | border-top: dotted 1px rgba(160, 160, 160, 0.3); | ||
+ | margin: 1.5em 0 0 0; | ||
+ | padding: 1.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | #menu .links > li a { | ||
+ | display: block; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #menu .links > li a h3 { | ||
+ | -moz-transition: color 0.2s ease; | ||
+ | -webkit-transition: color 0.2s ease; | ||
+ | -ms-transition: color 0.2s ease; | ||
+ | transition: color 0.2s ease; | ||
+ | font-size: 0.7em; | ||
+ | } | ||
+ | |||
+ | #menu .links > li a p { | ||
+ | font-family: "Raleway", Helvetica, sans-serif; | ||
+ | font-size: 0.6em; | ||
+ | font-weight: 400; | ||
+ | letter-spacing: 0.25em; | ||
+ | margin-bottom: 0; | ||
+ | text-decoration: none; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | #menu .links > li a:hover h3 { | ||
+ | color: #2ebaae; | ||
+ | } | ||
+ | |||
+ | #menu .links > li:first-child { | ||
+ | border-top: 0; | ||
+ | margin-top: 0; | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | body.is-menu-visible #menu { | ||
+ | -moz-transform: translateX(0); | ||
+ | -webkit-transform: translateX(0); | ||
+ | -ms-transform: translateX(0); | ||
+ | transform: translateX(0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | |||
+ | #menu > * { | ||
+ | padding: 1.5em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | /************************************HTML************************ | ||
+ | <head> | ||
+ | <title>WIKI IGEM 2016</title> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | <!-- Wrapper --> | ||
+ | <div id="wrapper"> | ||
+ | <!-- Header --> | ||
+ | <header id="header"> | ||
+ | <h1><a href="#">WIKI IGEM 2016</a></h1> | ||
+ | <nav class="nav"> | ||
+ | <ul> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="">Hypotaurine and Taurine</a></li> | ||
+ | <li><a href="">Background </a></li> | ||
+ | <li><a href="">Overview </a></li> | ||
+ | <li><a href="">Assembly </a></li> | ||
+ | <li><a href="">Devices </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Assembly </a></li> | ||
+ | <li><a href="#">CSAD </a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <nav class="main"> | ||
+ | <ul> | ||
+ | <li class="menu"> | ||
+ | <a class="fa-bars" href="#menu">Menu</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </header> | ||
+ | |||
+ | <!-- Menu --> | ||
+ | <section id="menu"> | ||
+ | |||
+ | <!-- Links --> | ||
+ | <section> | ||
+ | <ul class="links"> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Project</h3> | ||
+ | <p>Taurine is a free aminoacid...</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Assembly</h3> | ||
+ | <p>composed for two enzymes into several constructs...</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>CSAD</h3> | ||
+ | <p>The cysteine sulfinic acid decarboxylase enzyme...</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Policy & Practices</h3> | ||
+ | <p>Cooperation..</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Achievements</h3> | ||
+ | <p>Results: ALL PROTEINS AGAIN...</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Team</h3> | ||
+ | <p>Description of all the members...</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <h3>Sponsors</h3> | ||
+ | <p></p> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | <!-- Main --> | ||
+ | <div id="main"> | ||
+ | <!-- Post --> | ||
+ | <article class="post"> | ||
+ | <header> | ||
+ | <div class="title"> | ||
+ | <h2><a href="#">Abstract</a></h2> | ||
+ | </div> | ||
+ | </header> | ||
+ | <img src="images/pic01.png" alt="" /> | ||
+ | <p>Hypotaurine is the predecessor substrate of Taurine, in the pathway of cysteine metabolism, which can be obtained naturally by some foods, biosynthesized by some organisms or produced through a series of chemical reactions. Taurine and hypotaurine synthesis is an important process as it plays many roles in the functions on the human body, specially like an endogenous neurotransmitter, among other organisms. The main aim of our project is to successfully introduce a couple of enzymes into Escherichia coli’s genome so it can biosynthesize this important molecule. To achieve this, these two taurine-pathway enzymes were selected: cysteine sulfinic acid decarboxylase (CSAD) and cysteine dioxygenase (CDO). It is important to highlight the fact that it’s the first time we synthesize both of them using synthetic biology techniques.</p> | ||
+ | |||
+ | </article> | ||
− | |||
− | |||
− | |||
− | + | <!-- Post --> | |
− | + | ||
− | + | </div> | |
+ | <!-- Sidebar --> | ||
+ | <section id="sidebar"> | ||
− | + | <!-- Intro --> | |
+ | <section id="intro"> | ||
+ | <a href="#" class="logo"><img src="images/Biosint.png" alt="" /></a> | ||
+ | <header> | ||
+ | <h2>WIKI IGEM 2016</h2> | ||
+ | <p>Bioproduction of hypotaurine: Metabolic pathway insertion in Escherichia coli</p> | ||
+ | </header> | ||
+ | </section> | ||
+ | <!-- About --> | ||
+ | <section class="blurb"> | ||
+ | <h2>BIOSINT MEXICO 2015 </h2> | ||
+ | <p>Instituto Tecnologico y de Estudios Superiores de Monterrey Campus Queretaro | ||
+ | Epigmenio Gonzales 500, Fracc. San Pablo | ||
+ | Email: biosint2014@gmail.com | ||
+ | Queretaro, QRO </p> | ||
+ | <img src="images/IGEM.png" alt="" /> | ||
+ | |||
+ | </section> | ||
+ | <!-- Footer --> | ||
+ | <section id="footer"> | ||
+ | <ul class="icons"> | ||
+ | <li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li> | ||
+ | <li><a href="#" class="fa-facebook"><span class="label">Facebook</span></a></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | |||
+ | </section> | ||
− | </ | + | </div> |
+ | <!-- Scripts --> | ||
+ | <script src="assets/js/jquery.min.js"></script> | ||
+ | <script src="assets/js/skel.min.js"></script> | ||
+ | <script src="assets/js/util.js"></script> | ||
+ | <script src="assets/js/main.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 04:55, 15 October 2016
/************************************HTML************************