Team:UST Beijing/Project

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<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>
-
{{CSS/Main}}
 
-
<html>
+
    <!-- Bootstrap core CSS -->
-
<!--main content -->
+
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
-
<table width="70%" align="center">
+
    <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">
-
<!--welcome box -->
+
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
<tr>
+
    <!--[if lt IE 9]>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
    <![endif]-->
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UST_Beijing/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    <!-- Custom styles for this template -->
-
<!-- end welcome box -->
+
-
<tr>  
+
-
<!--navigation menu -->
+
    <style>
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
    #footerlogo {
-
<tr heigth="15px"></tr>
+
      width: 250px;
-
<tr heigth="75px">
+
      height: 100px;
 +
    }
 +
      /* Removes the mysterious margin of footer */
 +
    .bs-docs-footer {
 +
      margin-top: 0 !important;
 +
      border-top: 0 !important;
 +
    }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      /* Removes default elements */
-
<a href="https://2014.igem.org/Team:UST_Beijing"style="color:#000000">Home </a> </td>
+
    #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 +
        display:none;
 +
      }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      #top-section {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Team"style="color:#000000"> Team </a> </td>
+
        border: none;
 +
        height: 0px;
 +
        margin: 0px;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      #content {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UST_Beijing"style="color:#000000"> Official Team Profile </a></td>
+
        border: none;
 +
        background: transparent;
 +
        width: 100%;
 +
        padding: 0px;
 +
      }
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      p {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Project"style="color:#000000"> Project</a></td>
+
        margin: 0px;
 +
        padding: 0px;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      body {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Parts"style="color:#000000"> Parts</a></td>
+
        margin: 0 0 0 0;
 +
        padding: 0;
 +
      }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      html, body {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Modeling"style="color:#000000"> Modeling</a></td>
+
        width: auto !important;
 +
        overflow-x: hidden !important;
 +
        height: 100% !important;
 +
        -webkit-overflow-scrolling: touch;
 +
      }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      #top-section {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Notebook"style="color:#000000"> Notebook</a></td>
+
        width: 1140px;
 +
        height: 0;
 +
        margin: 0 auto;
 +
        padding: 0;
 +
        border: none;
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      #menubar {
-
<a href="https://2014.igem.org/Team:UST_Beijing/Safety"style=" color:#000000"> Safety </a></td>
+
        font-size: 80%;
 +
        top: 0px;
 +
        margin: 0px;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      /* Resizes the menubar to fix the links (default is 400px) */
-
<a href="https://2014.igem.org/Team:UST_Beijing/Attributions"style="color:#000000"> Attributions </a></td>
+
        width: auto;
 +
      }
 +
      .left-menu:hover {
 +
        background-color: transparent;
 +
      }
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
      #menubar li a {
-
</tr>
+
      background: transparent;
-
</table>
+
      color: transparent;
 +
    }
-
</tr>
+
      #menubar:hover li a {
-
</tr>
+
        background-color: rgba(255, 255, 255, 0.8);
-
</td>
+
        color: grey;
 +
      }
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
      /* Removes "teams" from the menubar */
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
      #menubar > ul > li:last-child {
 +
        display: none;}
-
<!--Project content  -->
+
      /* Customize the navbar */
-
<tr><td > <h3> Project Description </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Content</h3></td>
+
-
</tr>
+
-
<tr>
+
      /* Special class on .container surrounding .navbar, used for positioning it into place. */
-
<td width="45%"  valign="top">
+
      .navbar-wrapper {
-
<p>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) </p>
+
        position: absolute;
-
<br>
+
        top: 0;
-
<h3>References </h3>
+
        right: 0;
-
<p>
+
        left: 0;
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
+
        z-index: 20;
-
</td>
+
      }
-
<td></td>
+
      /* Flip around the padding for proper display in narrow viewports */
-
<td  width="45%"  valign="top">
+
      .navbar-wrapper > .container {
-
<p> You can use these subtopics to further explain your project</p>
+
        padding-right: 0;
 +
        padding-left: 0;
 +
      }
 +
      .navbar-wrapper .navbar {
 +
        padding-right: 15px;
 +
        padding-left: 15px;
 +
      }
 +
      .navbar-wrapper .navbar .container {
 +
        width: auto;
 +
      }
-
<ol>
 
-
<li>Overall project summary</li>
 
-
<li>Project Details</li>
 
-
<li>Materials and Methods</li>
 
-
<li>The Experiments</li>
 
-
<li>Results</li>
 
-
<li>Data analysis</li>
 
-
<li>Conclusions</li>
 
-
</ol>
 
-
<p>
+
      /* Customize the carousal */
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.
+
-
</p>
+
-
<p>
+
      /* Carousel base class */
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.  
+
      .carousel {
-
</p>
+
        height: 550px;
 +
        margin-bottom: 60px;
 +
      }
 +
      /* Since positioning the image, we need to help out the caption */
 +
      .carousel-caption {
 +
        z-index: 10;
 +
      }
-
</td>
+
      /* 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;
 +
      }
-
</tr>
 
-
</table>
+
      /* 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

USTB iGEM14 Project

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.


Synthetic human GLO cDNA sequence was generated using GeneOptimizer software at life technology website.


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)


Transient co-expression of mitochondrial proteorhodopsin (mPR) and GFP in human embryonic kidney cells HEK293.


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.