Team:UST Beijing/Project
From 2014.igem.org
(Prototype team page) |
Liuyingxuan (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | < | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | <title>USTB iGEM14 Project</title> | ||
- | |||
- | < | + | <!-- Bootstrap core CSS --> |
- | < | + | <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet"> |
- | < | + | <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.css?action=raw&ctype=text/css" rel="stylesheet"> |
+ | <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/ihover.css?action=raw&ctype=text/css" rel="stylesheet"> | ||
- | <!-- | + | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
- | < | + | <!--[if lt IE 9]> |
- | < | + | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
- | + | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
- | + | <![endif]--> | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | + | ||
- | + | <!-- Custom styles for this template --> | |
- | <!-- | + | |
- | + | ||
- | < | + | <style> |
- | + | ||
- | + | #footerlogo { | |
- | + | width: 250px; | |
- | + | height: 100px; | |
+ | } | ||
+ | /* Removes the mysterious margin of footer */ | ||
+ | .bs-docs-footer { | ||
+ | margin-top: 0 !important; | ||
+ | border-top: 0 !important; | ||
+ | } | ||
- | + | /* Removes default elements */ | |
- | + | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { | |
+ | display:none; | ||
+ | } | ||
- | + | #top-section { | |
- | + | border: none; | |
+ | height: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
- | + | #content { | |
- | + | border: none; | |
+ | background: transparent; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
- | + | p { | |
- | + | margin: 0px; | |
+ | padding: 0px; | ||
+ | } | ||
- | + | body { | |
- | + | margin: 0 0 0 0; | |
+ | padding: 0; | ||
+ | } | ||
- | + | html, body { | |
- | + | width: auto !important; | |
+ | overflow-x: hidden !important; | ||
+ | height: 100% !important; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
- | + | #top-section { | |
- | + | width: 1140px; | |
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | } | ||
- | + | #menubar { | |
- | + | font-size: 80%; | |
+ | top: 0px; | ||
+ | margin: 0px; | ||
- | + | /* Resizes the menubar to fix the links (default is 400px) */ | |
- | + | width: auto; | |
+ | } | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
- | + | #menubar li a { | |
- | + | background: transparent; | |
- | + | color: transparent; | |
+ | } | ||
- | + | #menubar:hover li a { | |
- | + | background-color: rgba(255, 255, 255, 0.8); | |
- | + | color: grey; | |
+ | } | ||
- | + | /* Removes "teams" from the menubar */ | |
- | + | ||
- | + | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
- | + | /* Customize the navbar */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /* Special class on .container surrounding .navbar, used for positioning it into place. */ | |
- | + | .navbar-wrapper { | |
- | + | position: absolute; | |
- | + | top: 0; | |
- | + | right: 0; | |
- | + | left: 0; | |
- | + | z-index: 20; | |
- | + | } | |
- | + | /* Flip around the padding for proper display in narrow viewports */ | |
- | + | .navbar-wrapper > .container { | |
- | + | padding-right: 0; | |
+ | padding-left: 0; | ||
+ | } | ||
+ | .navbar-wrapper .navbar { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | .navbar-wrapper .navbar .container { | ||
+ | width: auto; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* Customize the carousal */ | |
- | + | ||
- | + | ||
- | + | /* Carousel base class */ | |
- | + | .carousel { | |
- | + | height: 550px; | |
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | /* Since positioning the image, we need to help out the caption */ | ||
+ | .carousel-caption { | ||
+ | z-index: 10; | ||
+ | } | ||
- | + | /* Declare heights because of positioning of img element */ | |
+ | .carousel .item { | ||
+ | height: 550px; | ||
+ | background-color: #777; | ||
+ | } | ||
+ | .carousel-inner > .item > img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | min-width: 100%; | ||
+ | height: 550px; | ||
+ | } | ||
- | |||
- | </ | + | /* Content */ |
+ | |||
+ | /* Center align the text within the three columns below the carousel */ | ||
+ | .marketing .col-lg-4 { | ||
+ | margin-bottom: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .marketing h2 { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .marketing .col-lg-4 p { | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Featurettes */ | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 80px 0; /* Space out the Bootstrap <hr> more */ | ||
+ | } | ||
+ | |||
+ | /* Thin out the marketing headings */ | ||
+ | .featurette-heading { | ||
+ | font-weight: 300; | ||
+ | line-height: 1; | ||
+ | letter-spacing: -1px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Responsive CSS */ | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | |||
+ | /* Navbar positioning foo */ | ||
+ | .navbar-wrapper { | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | .navbar-wrapper .container { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | .navbar-wrapper .navbar { | ||
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | /* The navbar becomes detached from the top, so we round the corners */ | ||
+ | .navbar-wrapper .navbar { | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | /* Bump up size of carousel content */ | ||
+ | .carousel-caption p { | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | .featurette-heading { | ||
+ | margin-top: 120px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <!-- navbar --> | ||
+ | |||
+ | <body> | ||
+ | <div class="navbar-wrapper"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div class="navbar navbar-inverse navbar-static-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="https://2014.igem.org/Team:UST_Beijing">USTB iGEM14</a> | ||
+ | </div> | ||
+ | <div class="navbar-collapse collapse"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing">Home</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Team">Team</a></li> | ||
+ | <li class="active" ><a href="https://2014.igem.org/Team:UST_Beijing/Project">Project</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Parts">Parts</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Outreach">Outreach</a></li> | ||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Footsteps">Footsteps</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Safety">Safety</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Carousel | ||
+ | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;"></div> | ||
+ | </div>--> | ||
+ | |||
+ | <!-- Project Introduction --> | ||
+ | |||
+ | <div class="bs-docs-featurette"> | ||
+ | <div class="container"> | ||
+ | <h2 class="bs-docs-featurette-title">Revival of the magic.</h2> | ||
+ | <p class="lead">PROJECT NAME</p> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal1"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/f/fe/Proj1.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Vitamin C synthesis pathway in animals. The reactions are catalyzed by the following enzymes: 1, UDP-glucose pyrophosphorylase; 2, UDP-glucose dehydrogenase; 3, nucleotide pyrophosphatase; 4, UDP-glucuronosyltransferase; 5, UDP-glucuronidase; 6, phosphatase; 7, b-glucuronidase; 8, glucuronate reductase; 9, gulonolactonase; 10, L-gulonolactone oxidase. Three possible mechanisms for glucuronate formation (a, b and c) are shown. SMP30 KO mice, senescence marker protein 30 knockout mice; ODS rats, osteogenic disorder Shionogi rats; od ⁄ od pigs, mutant pigs deficient in L-gulonolactone oxidase; GLO KO mice, L-gulonolactone oxidase knockout mice. Source: FEBS Journal 274 (2007) 1–22.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Comparison between mouse and human GLO gene locus identified only 6 exons on human genomic DNA. These exons also carry a few nucleotide mutations. These remaining exons include sequences coding for both FAD binding and D-arabinono-1,4-lactone oxidase(ALO) domain of GLO enzyme protein. This evidence indicates that human GLO gene used to be active in the past. Source: Nishikimi M et al JBC (1994) 269:13685-88.</p></div> | ||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal2"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/1/18/Proj2.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal3"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/a/ae/Proj3.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">The capacity of vitamin C synthesis of the several common species in the evolutionary tree is compared. As we can see in the picture, the dark branches show the species that can self-produce VC, while the light branches represent the species lack the ability, including human and other primates. But some species which share the same origins with human still have the GLO gene to produce vitamin C like Galago and Lemur. So we tried to find the functional GLO gene from these species to complete the capacity of VC synthesis of human.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">An Alternative hypothesis believes that the losing of GLO gene, production of which catalyze final production of vitamin C, could be advantageous because this Vitamin C (VitC) production is at the expanse of hydrogen peroxide formation[Free Radical Research, July 2005; 39(7): 671–686] and depletion of glutathione. However, some species of birds and bats have regained their capability of vitamin C synthesis after they lost it in the evolution process, which means such capability is still helpful. Another evidence is that GLO gene knock out mice show some disability in environment adaptation [Immune Network 2012;12(1):18-26]. We believe that reactivation of GLO in animal is more likely to be advantageous but the expression rate should be carefully controlled because the overwhelming amount of VitC could interfere the metabolism in cells. Since the promoter and other regulatory sequence of GLO Pseudogene have already lost its original function, new method was needed to determine appropriate expression rate. Considering the function of Vc in Antioxidant, proteorhodopsin as a light driven proton pump was designed and introduced to simulate oxygen species rich environment. Proteorhodopsin, when exposed to light, can contribute greatly to free radical production was used to titration the possible effect of different amount of GLO expression.</p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal4"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/5/51/Proj4.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal5"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/f/ff/Proj6.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Some studies suggest that losing the ability to synthesize vitamin C might be advantageous because vitamin C over-production leads to the formation of hydrogen peroxide and the depletion of glutathione. There is also an alternative hypothesis. Since GLO gene reactivations have been documented in bat and bird species, the former hypothesis is no longer tenable. Some evidence of the evolutionary tree in the two pictures above shows that there are some species in the lack of the capacity branch regain the ability to synthesize vitamin C during the natural selection. So regaining the capacity to synthesize vitamin C might be beneficiary if the synthesis is properly controlled.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal6"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/f/fe/Proj7.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal7"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/4/48/Proj8.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Synthetic human GLO cDNA sequence was generated using GeneOptimizer software at life technology website.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">We downloaded the sequences of Glucose oxidase from database and use the CLC sequence viewer to analysis. Comparative promoters of Glucose oxidase from different dietary animals are shown in this picture. The signature sequences conserved can be seen in boxes. The sequences between the black ball and the code ATG are represent exons that are still found in the genome of these species. The code ATG is the initiation of the translation.</p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal8"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/9/9b/Proj9.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal9"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/9/90/Proj10.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Mitochondrial proteorhodopsin (mPR) is a transmembrane protein which could make protons flow when irradiated by the light. When it was irradiated by the light, the small molecular within the protein would be changing, and when it replies, the protein would be changing, too. All of these will make protons finish the transmembrane transport and formation of protons flow. Source: UST_Beijing iGEM 2011</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">A new Biobrick device: Mitochondrial proteorhodopsin (humanized genetic code bias)<br>Partsregistry submission:<br>BBa_K603000 (pSB1AC3)<br>BBa_K603001 (pSB1C3) | ||
+ | </p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal10"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/0/06/Proj11.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal11"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/f/fe/Proj13.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Transient co-expression of mitochondrial proteorhodopsin (mPR) and GFP | ||
+ | in human embryonic kidney cells HEK293.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">As we can see from the pictures taken by fluorescence microscope, transient expression of mitochondrial proteorhodopsin (mPR) and GFP genes in human embryonic kidney cells HEK293 is obviously related to the light exposure. In the dark (None) GFP expression rate is lower than the weak light exposure (weak) . The flow cytometry result also shows that the light exposure increased level of transient GFP expression ( accumulative green fluorescence is intensity 195.84) in HEK293 cells co-transfected with mPR and GFP expression vectors compared with no light exposure (168.23). The culture condition is nutrient-poor, therefore energy harvest from light is positively correlated to GFP expression. </p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal12"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/4/47/Proj13--1.png" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal13"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/2/26/Proj14.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-10"><p align="left">Under nutrient-rich culture conditions, GFP-expressing cells displayed light-induced toxicity. The images of GFP expression in HEK293 cells illustrate related apoptosis because of excessive free radical due to electron-chain overload, which is produced either in the exposure to light or presence of mPR , or both of them. Certainly, the existence of oxygen free radical can jeopardize the survival of cells.<br>(A) Transient GFP expression in HEK293 cells without mPR transfection but light exposure.<br>(B) Transient GFP expression in HEK293 cells without mPR transfection in darkness.<br>(C) Transient GFP expression in HEK293 cells transfected with mPR and light exposure.<br>(D) Transient GFP expression in HEK293 cells transfected with mPR in drakness.</p></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <hr class="half-rule"> | ||
+ | |||
+ | |||
+ | <div class="col-md-10"><p align="left">The graph above shows that the amount of surviving cells is related to the change of Vitamin C (VitC) concentration. When the fold of dilution of Vit C is zero , the amount of surviving cells is relatively high (probably due to Vitamin C poor solubility). However, with the growth of fold of dilution, the number of surviving cells declines, because high concentration of VitC makes media acidic which can do harm to cells. When the fold of dilution comes to two, the cells are weakest. When higher than 2 fold of diluton, the VitC contributes the growth of amount of surviving cells. The higher the fold of dilution of VitC before seven, the higher the amount of surviving cells was. After the seven fold of dilution of VitC, the amount of surviving cells will decrease due to too low Vit C concentration.</p></div> | ||
+ | |||
+ | |||
+ | <!-- Modal Trigger --> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"> | ||
+ | <a href="#" vertical-align="middle" data-toggle="modal" data-target="#myModal14"><img src="http://placehold.it/100x100"></a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | |||
+ | <div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <div align="center"><img src="https://static.igem.org/mediawiki/2014/d/d3/Proj15.jpg" alt="" class="img-responsive"></div> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- <div style="width:100%; height:45px; border:0; background-color: #ffffff;"></div> --> | ||
+ | |||
+ | |||
+ | <!-- Footer --> | ||
+ | |||
+ | <footer class="bs-docs-footer" role="contentinfo"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div align="center"><img id="footerlogo" src="https://static.igem.org/mediawiki/2014/7/74/Headerlogo.png" alt="" class="img-responsive"></div> | ||
+ | |||
+ | <p><br></p> | ||
+ | |||
+ | <p><font size=2.5>Built with love<br>By the iGEM14 team of <a href="http://www.ustb.edu.cn/">University of Science and Technology Beijing</a></font></p> | ||
+ | </font> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Bootstrap core JavaScript --> | ||
+ | |||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
+ | <script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.js?action=raw"></script> | ||
+ | <script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.js?action=raw"></script> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 16:59, 13 October 2014
Revival of the magic.
PROJECT NAME
Vitamin C synthesis pathway in animals. The reactions are catalyzed by the following enzymes: 1, UDP-glucose pyrophosphorylase; 2, UDP-glucose dehydrogenase; 3, nucleotide pyrophosphatase; 4, UDP-glucuronosyltransferase; 5, UDP-glucuronidase; 6, phosphatase; 7, b-glucuronidase; 8, glucuronate reductase; 9, gulonolactonase; 10, L-gulonolactone oxidase. Three possible mechanisms for glucuronate formation (a, b and c) are shown. SMP30 KO mice, senescence marker protein 30 knockout mice; ODS rats, osteogenic disorder Shionogi rats; od ⁄ od pigs, mutant pigs deficient in L-gulonolactone oxidase; GLO KO mice, L-gulonolactone oxidase knockout mice. Source: FEBS Journal 274 (2007) 1–22.
Comparison between mouse and human GLO gene locus identified only 6 exons on human genomic DNA. These exons also carry a few nucleotide mutations. These remaining exons include sequences coding for both FAD binding and D-arabinono-1,4-lactone oxidase(ALO) domain of GLO enzyme protein. This evidence indicates that human GLO gene used to be active in the past. Source: Nishikimi M et al JBC (1994) 269:13685-88.
The capacity of vitamin C synthesis of the several common species in the evolutionary tree is compared. As we can see in the picture, the dark branches show the species that can self-produce VC, while the light branches represent the species lack the ability, including human and other primates. But some species which share the same origins with human still have the GLO gene to produce vitamin C like Galago and Lemur. So we tried to find the functional GLO gene from these species to complete the capacity of VC synthesis of human.
An Alternative hypothesis believes that the losing of GLO gene, production of which catalyze final production of vitamin C, could be advantageous because this Vitamin C (VitC) production is at the expanse of hydrogen peroxide formation[Free Radical Research, July 2005; 39(7): 671–686] and depletion of glutathione. However, some species of birds and bats have regained their capability of vitamin C synthesis after they lost it in the evolution process, which means such capability is still helpful. Another evidence is that GLO gene knock out mice show some disability in environment adaptation [Immune Network 2012;12(1):18-26]. We believe that reactivation of GLO in animal is more likely to be advantageous but the expression rate should be carefully controlled because the overwhelming amount of VitC could interfere the metabolism in cells. Since the promoter and other regulatory sequence of GLO Pseudogene have already lost its original function, new method was needed to determine appropriate expression rate. Considering the function of Vc in Antioxidant, proteorhodopsin as a light driven proton pump was designed and introduced to simulate oxygen species rich environment. Proteorhodopsin, when exposed to light, can contribute greatly to free radical production was used to titration the possible effect of different amount of GLO expression.
Some studies suggest that losing the ability to synthesize vitamin C might be advantageous because vitamin C over-production leads to the formation of hydrogen peroxide and the depletion of glutathione. There is also an alternative hypothesis. Since GLO gene reactivations have been documented in bat and bird species, the former hypothesis is no longer tenable. Some evidence of the evolutionary tree in the two pictures above shows that there are some species in the lack of the capacity branch regain the ability to synthesize vitamin C during the natural selection. So regaining the capacity to synthesize vitamin C might be beneficiary if the synthesis is properly controlled.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
We downloaded the sequences of Glucose oxidase from database and use the CLC sequence viewer to analysis. Comparative promoters of Glucose oxidase from different dietary animals are shown in this picture. The signature sequences conserved can be seen in boxes. The sequences between the black ball and the code ATG are represent exons that are still found in the genome of these species. The code ATG is the initiation of the translation.
Mitochondrial proteorhodopsin (mPR) is a transmembrane protein which could make protons flow when irradiated by the light. When it was irradiated by the light, the small molecular within the protein would be changing, and when it replies, the protein would be changing, too. All of these will make protons finish the transmembrane transport and formation of protons flow. Source: UST_Beijing iGEM 2011
A new Biobrick device: Mitochondrial proteorhodopsin (humanized genetic code bias)
Partsregistry submission:
BBa_K603000 (pSB1AC3)
BBa_K603001 (pSB1C3)
As we can see from the pictures taken by fluorescence microscope, transient expression of mitochondrial proteorhodopsin (mPR) and GFP genes in human embryonic kidney cells HEK293 is obviously related to the light exposure. In the dark (None) GFP expression rate is lower than the weak light exposure (weak) . The flow cytometry result also shows that the light exposure increased level of transient GFP expression ( accumulative green fluorescence is intensity 195.84) in HEK293 cells co-transfected with mPR and GFP expression vectors compared with no light exposure (168.23). The culture condition is nutrient-poor, therefore energy harvest from light is positively correlated to GFP expression.
Under nutrient-rich culture conditions, GFP-expressing cells displayed light-induced toxicity. The images of GFP expression in HEK293 cells illustrate related apoptosis because of excessive free radical due to electron-chain overload, which is produced either in the exposure to light or presence of mPR , or both of them. Certainly, the existence of oxygen free radical can jeopardize the survival of cells.
(A) Transient GFP expression in HEK293 cells without mPR transfection but light exposure.
(B) Transient GFP expression in HEK293 cells without mPR transfection in darkness.
(C) Transient GFP expression in HEK293 cells transfected with mPR and light exposure.
(D) Transient GFP expression in HEK293 cells transfected with mPR in drakness.
The graph above shows that the amount of surviving cells is related to the change of Vitamin C (VitC) concentration. When the fold of dilution of Vit C is zero , the amount of surviving cells is relatively high (probably due to Vitamin C poor solubility). However, with the growth of fold of dilution, the number of surviving cells declines, because high concentration of VitC makes media acidic which can do harm to cells. When the fold of dilution comes to two, the cells are weakest. When higher than 2 fold of diluton, the VitC contributes the growth of amount of surviving cells. The higher the fold of dilution of VitC before seven, the higher the amount of surviving cells was. After the seven fold of dilution of VitC, the amount of surviving cells will decrease due to too low Vit C concentration.