Difference between revisions of "Part:BBa K3734002"
Line 1: | Line 1: | ||
+ | <html> | ||
− | + | <head> | |
− | < | + | <meta charset="utf-8" /> |
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
+ | <meta name="csu_china" content="csu_china" /> | ||
+ | <title>Team:csu_china</title> | ||
+ | <!-- Favicon--> | ||
+ | <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
+ | <!-- Font Awesome icons (free version)--> | ||
+ | <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script> | ||
+ | <!-- Google fonts--> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" /> | ||
+ | <!-- Core theme CSS (includes Bootstrap)--> | ||
− | + | <script src="http://code.jquery.com/jquery-latest.js"></script> | |
+ | <script src="https://2021.igem.org/wiki/index.php?title=Template:CSU_CHINA/JS/script&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2021.igem.org/wiki/index.php?title=Template:CSU_CHINA/JS/scripts&action=raw&ctype=text/javascript"></script> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | <style> | |
− | <h2 class="pageContent-main__title"> | + | .MathJax nobr>span.math>span { |
+ | border-left-width: 0 | ||
+ | } | ||
+ | |||
+ | ; | ||
+ | html, | ||
+ | body { | ||
+ | font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; | ||
+ | font-size: 16px; | ||
+ | word-spacing: 1px; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | box-sizing: border-box; | ||
+ | width: 100%; | ||
+ | background-color: #fff; | ||
+ | min-height: 100vh; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | *, | ||
+ | *:before, | ||
+ | *:after { | ||
+ | box-sizing: border-box; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | :root { | ||
+ | --primary: #074E9F; | ||
+ | --primary-transparent: rgba(7, 78, 159, 0.5); | ||
+ | --blue: #6DBFFF; | ||
+ | --yellow: #FFC93C; | ||
+ | --dark: #0d2b4d; | ||
+ | --title-color: #004290; | ||
+ | --text-color: #00244E; | ||
+ | } | ||
+ | |||
+ | #navbar { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | /* background-color: */ | ||
+ | background: var(--primary-transparent); | ||
+ | backdrop-filter: blur(8px); | ||
+ | -webkit-backdrop-filter: blur(8px); | ||
+ | transition: all .3s; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | #navbar>.logo { | ||
+ | width: 100%; | ||
+ | padding: .5rem 0 0 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #collapse { | ||
+ | padding: 0 3%; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | transition: all .3s; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #top_title { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list { | ||
+ | flex-shrink: 0; | ||
+ | padding: .5rem; | ||
+ | display: flex; | ||
+ | flex-shrink: 0; | ||
+ | text-align: center; | ||
+ | flex-direction: row; | ||
+ | vertical-align: center; | ||
+ | align-items: center; | ||
+ | text-align: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | #collapse>.mainlist { | ||
+ | flex: 1; | ||
+ | /* overflow-y: hidden; | ||
+ | overflow-x: auto; */ | ||
+ | /* overflow: auto; */ | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.navbar-list__item { | ||
+ | font-size: .9rem; | ||
+ | line-height: 1.5rem; | ||
+ | color: #ffffff; | ||
+ | font-weight: bold; | ||
+ | padding: .3rem 1rem; | ||
+ | /* flex: 1; */ | ||
+ | text-decoration: none; | ||
+ | margin: 0 .3rem; | ||
+ | font-family: San Francisco Display; | ||
+ | transition: all .3s; | ||
+ | border-radius: 2rem; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.navbar-list__item:hover { | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.navbar-list__item .navbar-list__menu { | ||
+ | position: absolute; | ||
+ | top: 2.2rem; | ||
+ | background-color: #ffffff; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); | ||
+ | width: 10rem; | ||
+ | left: calc(50% - 5rem); | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.navbar-list__item .navbar-list__menuItem { | ||
+ | padding: .5rem 1rem; | ||
+ | color: #333; | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.active, | ||
+ | #collapse>.navbar-list>.navbar-list__item:hover { | ||
+ | background-color: var(--yellow); | ||
+ | color: var(--primary); | ||
+ | } | ||
+ | |||
+ | #collapse>.navbar-list>.teamname { | ||
+ | font-size: 1.5rem; | ||
+ | color: var(--yellow); | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | width: 2.5rem; | ||
+ | height: 2.5rem; | ||
+ | } | ||
+ | |||
+ | #home { | ||
+ | width: 100%; | ||
+ | min-height: 100vh; | ||
+ | background-color: #ffffff; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | #home>.pageHead { | ||
+ | height: 80vh; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | background-position-y: top; | ||
+ | background-position-x: center; | ||
+ | background-size: cover; | ||
+ | background-image: url('/static/images/lab.png'); | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | justify-content: flex-end; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | #home>.pageHead::before { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 80vh; | ||
+ | background-color: rgba(0, 36, 78, .5); | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | #home>.pageHead>.pageHead-content { | ||
+ | text-align: center; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | #home>.pageHead>.pageHead-content>.pageHead-content__title { | ||
+ | font-size: 5rem; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #home>.pageHead>.pageHead-content>.pageHead-content__description { | ||
+ | margin: 6rem 10% 4rem 10%; | ||
+ | font-size: 1rem; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #home>.pageContent { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | min-height: 60vh; | ||
+ | } | ||
+ | |||
+ | #home>.pageContent>.pageContent-side { | ||
+ | width: 20%; | ||
+ | max-width: 200px; | ||
+ | flex-shrink: 0; | ||
+ | } | ||
+ | |||
+ | #navlist { | ||
+ | background-color: var(--dark); | ||
+ | padding: 2rem .5rem 4rem .5rem; | ||
+ | min-height: 55vh; | ||
+ | border-bottom-right-radius: 2rem; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | #navlist>.pageContent-navlist__head { | ||
+ | padding: 1rem 0 1rem 0; | ||
+ | } | ||
+ | |||
+ | #navlist>.pageContent-navlist__head>.logo { | ||
+ | margin: 1rem auto; | ||
+ | width: 3.5rem; | ||
+ | height: 3.5rem; | ||
+ | border-radius: 50%; | ||
+ | background-color: #dfdfdf; | ||
+ | } | ||
+ | |||
+ | #navlist>.pageContent-navlist__head>.title { | ||
+ | color: #ffffff; | ||
+ | font-size: 1.5rem; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #navlist>.pageContent-navlist__item { | ||
+ | color: #ffffff; | ||
+ | font-size: 1rem; | ||
+ | padding: .6rem .1rem; | ||
+ | margin: .1rem 0; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | transition: all .3s; | ||
+ | text-decoration: none; | ||
+ | border-radius: 3px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #navlist>.pageContent-navlist__item:hover, | ||
+ | #navlist>.active { | ||
+ | background-color: var(--yellow); | ||
+ | color: var(--dark); | ||
+ | } | ||
+ | |||
+ | #pagecontent { | ||
+ | padding: 2rem 5%; | ||
+ | position: relative; | ||
+ | flex-shrink: 0; | ||
+ | flex: 1; | ||
+ | max-width: 70%; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__title { | ||
+ | font-size: 2rem; | ||
+ | line-height: 2.5rem; | ||
+ | color: var(--dark); | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 95%; | ||
+ | margin: 3rem auto 2rem auto; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__subtitle { | ||
+ | font-size: 1.5rem; | ||
+ | line-height: 2.5rem; | ||
+ | color: var(--dark); | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 95%; | ||
+ | margin: 3rem auto 2rem auto; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__title::after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 3px; | ||
+ | background-color: var(--dark); | ||
+ | left: 0; | ||
+ | bottom: -1rem; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__textBox { | ||
+ | width: 90%; | ||
+ | margin: 1rem 5% 3rem 5%; | ||
+ | color: var(--text-color); | ||
+ | font-size: 1rem; | ||
+ | line-height: 1.5rem; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__textBox p { | ||
+ | margin-bottom: 1.1rem; | ||
+ | font-size: 1.1rem; | ||
+ | line-height: 1.8rem; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__textBox .name { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #pagecontent .pageContent-main__textBox .image { | ||
+ | width: 80%; | ||
+ | margin: 2rem 10%; | ||
+ | } | ||
+ | |||
+ | .pageContent-side .mytoc { | ||
+ | position: -webkit-sticky; | ||
+ | position: sticky; | ||
+ | top: 12rem; | ||
+ | background: transparent; | ||
+ | padding: 1.5rem; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .pageContent-side .mytoc .toc_list { | ||
+ | font-size: .8rem; | ||
+ | color: #888; | ||
+ | line-height: 1.5rem; | ||
+ | } | ||
+ | |||
+ | .pageContent-side .mytoc .toc_list .toclist__item a { | ||
+ | color: #888; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .pageContent-side .mytoc .toc_list .toclist__item a:hover { | ||
+ | color: var(--primary) | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 800px) { | ||
+ | #home>.screen>#group1>.title { | ||
+ | width: 100%; | ||
+ | } | ||
+ | #navbar>.logo { | ||
+ | padding: 0.5rem 0; | ||
+ | } | ||
+ | #collapse { | ||
+ | height: 0; | ||
+ | } | ||
+ | #home>.pageContent>.pageContent-side { | ||
+ | display: none; | ||
+ | } | ||
+ | #home>.screen>#group1 { | ||
+ | padding-top: 5vh; | ||
+ | } | ||
+ | #home>.pageContent>.pageContent-main>.profilelist>.profile { | ||
+ | width: calc(100% / 3) | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <h2 class="pageContent-main__title"> | ||
<!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title--> | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title--> | ||
GIP promoter | GIP promoter | ||
Line 71: | Line 455: | ||
</p> | </p> | ||
</div> | </div> | ||
− | + | </body> | |
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Revision as of 13:37, 19 October 2021
GIP promoter
GIP promoter is anticipated in current literature that it can only be used in several certain types of cells like intestine cells, but we proved that it can function will in 293T cells which are usually used in labs.
1.Pattern diagram
Fig.1 The model diagram of CHREBP-LUC
2.Experiments
2.1 Method
We use LUC as report gene, test its real-time luminescence value at 560nm wavelength with specific devices and detect the expression level under different glucose concentration.
2.2 Result
GIP promoter is induced by glucose and the expression level rises along with the raise of glucose concentration.
Fig.2 Changes of LUC expression over time after blue light irradiation with different glucose concentrations
3.Caution
Use medium without glucose when paving in case of the effect caused by glucose residue
Reference:
[1]Anthony T. Cheung,Bama Dayanandan,Jamie T. LewisGlucose-Dependent Insulin Release from Genetically Engineered K Cells[J].Science.2000,290:1959-1962