Coding
Part:BBa_K3734004
Designed by: Xingjun Zhao Group: iGEM21_CSU_CHINA (2021-10-01)
GI
GI is a kind of light-activated protein. If you shine blue light on it, it will change its own structure and will be able to combined with LOV.
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script> <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" />
<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>
.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>
GI
GI is a photosensitive protein, under the exposure of 450nm blue light, its structure will alter and can form a dimer with LOV. We used GI as a part of our blue light switch.
1.Pattern diagram
<img width="400px" src="
">
Fig.1 The model diagram of GIP-miR21T-GI-GAL4-4XmiR21TC
2.Caution
The duration of the combination of GI and LOV after the blue light exposure will alter as the illuminate method and the intensity of the blue light differ. We used strong light for a 30min exposure and then use weak light for another 30min exposure.
Reference：
[1]Masayuki Yazawa , Amir M Sadaghiani, Brian Hsueh.Induction of protein-protein interactions in live cells using light[J].Nat Biotechnol. 2009 Oct;27(10):941-5.
</body> </html> Sequence and Features
Assembly Compatibility:
- 10COMPATIBLE WITH RFC[10]
- 12INCOMPATIBLE WITH RFC[12]Illegal NheI site found at 3147
- 21INCOMPATIBLE WITH RFC[21]Illegal BglII site found at 3042
Illegal XhoI site found at 695 - 23COMPATIBLE WITH RFC[23]
- 25INCOMPATIBLE WITH RFC[25]Illegal NgoMIV site found at 1197
Illegal AgeI site found at 2424 - 1000INCOMPATIBLE WITH RFC[1000]Illegal BsaI.rc site found at 1821
[edit]
Categories
Parameters
| None |