Difference between revisions of "Team:British Columbia"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{British_Columbia/Header}}
+
{{British_Columbia/Navbar}}
−
{{British_Columbia/CSS}}
+
  
  
 
<html>
 
<html>
−
<body>
+
<head>
 +
<style>
 +
p > br {
 +
  display:none;
 +
}
  
−
<h1 style="color: #45827A;
+
  .no-padding {
−
text-align: left;
+
    padding-left: 0;
−
font-family: GeosansLight;
+
    padding-right: 0;
−
-webkit-text-stroke: 1px;
+
    padding-bottom: 0;
−
padding-left: 50px;
+
    padding-top: 0;
−
font-size: 30px;
+
  }
−
letter-spacing: 1.5px;
+
−
margin-top: 60px;">UBC iGEM 2018: Distributed Metabolic Pathway of Naringenin</h1>
+
  
−
<p style="color: #585858;
+
  .no-padding-bottom {
−
font-family: GeosansLight;
+
    padding-bottom: 0;
−
text-align: left;
+
    margin-bottom: 0;
−
-webkit-text-stroke: 0.5px;
+
  }
−
font-size: 17px;
+
−
padding-left: 50px;
+
−
padding-right: 50px;">Dividing metabolism amongst microbial communities has shown huge potential for the large-scale production of chemical products. Unfortunately, optimizing the population dynamics of the individual strain modules remains a challenge (Jones & Wang, 2018). Our goal is to improve the production of naringenin and its pharmaceutically significant derivatives, which have anti-cancer and anti-inflammatory properties, by distributing the synthesis of a naringenin derivative between two E. coli strains and optimizing their relative proportions in co-culture. One strain will produce naringenin from glucose and the second strain will create the naringenin derivative. We will regulate the ratio of the two strains using a biosensor and a toehold switch. This will couple cell growth with the concentration of naringenin, allowing the co-culture to self-optimize and increase naringenin production. Using our system, we will have demonstrated a novel way to optimize microbial polycultures for the synthesis of metabolically complex compounds.</p>
+
  
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae massa id risus feugiat aliquam ut eget purus. Donec ultrices magna mattis metus maximus tincidunt. Curabitur accumsan imperdiet orci, eu commodo nibh gravida et. Fusce tristique pulvinar augue, a finibus mi dignissim nec. In hac habitasse platea dictumst. Sed dignissim tincidunt urna non pulvinar. Fusce quis mattis nisl, ut semper odio. Aliquam dictum ante est. Praesent rhoncus fermentum lectus et ullamcorper. In pretium metus et metus tristique, quis varius diam sollicitudin. Fusce nec ex condimentum, tempor orci sit amet, malesuada odio.</p>
+
  * {
 +
    margin: 0px;
 +
    padding: 0px;
 +
  }
  
−
<p>Etiam magna libero, pulvinar ut arcu eu, pulvinar molestie felis. Sed eu dui nec eros blandit condimentum a vel libero. Curabitur pellentesque hendrerit vehicula. Morbi a tellus leo. Sed vel felis eu nisi fringilla lacinia ac eu nisi. Ut viverra porttitor euismod. In fringilla, erat eget commodo imperdiet, enim mauris congue diam, at vehicula ante nunc vel sem. Etiam sed imperdiet ligula. In sed mollis tortor.</p>
+
  html, body {
 +
    height:100%;
 +
    width:100%;
 +
  }
 +
  .imgbox {
 +
    display: grid;
 +
    height: 100%;
 +
  }
 +
  .center-fit {
 +
    max-width: 100%;
 +
    max-height: 100%;
 +
    margin: 0;
 +
  }
 +
  .bgimg {
 +
    height: 100%;
 +
    width: 100%;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: contain;
 +
  }
  
−
<p>Praesent pretium, tellus eget egestas finibus, ipsum velit condimentum ante, nec euismod risus justo et massa. Aliquam ultricies lectus eget ante pharetra interdum. Donec pretium justo vel pharetra facilisis. Phasellus tincidunt enim odio, eu tempus diam placerat a. Integer vitae purus nisi. Pellentesque vitae ante efficitur, faucibus turpis quis, blandit tellus. Sed eros ex, porta in nisi a, vulputate consequat tortor.</p>
+
  .no-margin {
 +
    margin: 0px;
 +
    box-sizing: content-box;
 +
  }
  
−
<p>Donec et varius diam, nec faucibus tortor. Aenean quis accumsan sem. Praesent at sem id felis gravida pretium. Donec vel magna diam. Duis rhoncus aliquet fermentum. Morbi tempor tempor urna id pulvinar. Donec at leo at risus commodo congue. Curabitur libero nisi, semper id molestie in, lacinia ut nisi. Vivamus tempor dapibus lorem eu porta. Maecenas mollis porta mauris ac ultrices. Morbi efficitur cursus leo eget lacinia. Proin commodo turpis pulvinar fringilla volutpat. Quisque felis elit, interdum ac luctus et, lacinia ut nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur finibus velit mauris, id cursus enim ultricies nec.</p>
+
  .row {
 +
    width:100%;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
  
−
<p>Curabitur maximus id velit nec porttitor. Sed laoreet ante purus, vel suscipit urna porta et. Praesent vitae vestibulum orci. Phasellus eget tincidunt urna, id sollicitudin felis. Phasellus eu ultrices magna. Sed orci ipsum, fermentum eget felis ac, semper gravida lorem. Sed imperdiet risus ac eleifend blandit. Aliquam odio nisl, consectetur a placerat sit amet, dapibus a dui. Nullam tempus euismod nulla, a pellentesque velit finibus sit amet. Fusce non mi sed tellus condimentum lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam velit orci, mollis sed nibh eget, volutpat aliquet diam.</p>
+
  img {
 +
    padding: 0;
 +
    display: block;
 +
    margin: 0 auto;
 +
    max-height: 100%;
 +
    max-width: 100%;
 +
  }
 +
 
 +
  .img-holder {position: relative;}
 +
  .img-holder .readMore-button{
 +
    position: absolute;
 +
    bottom: 110px;
 +
    right: 295px;
 +
    background-color: #e37665;
 +
    color: white;
 +
    font: GeosansLight;
 +
    letter-spacing: 3px;
 +
    -webkit-text-stroke: 0.5px;
 +
    font-size: 21px;
 +
  }
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
    <div class = "bgimg imgbox row no-margin">
 +
      <img src="https://static.igem.org/mediawiki/2018/8/82/T--British_Columbia--Infographic-1.png">
 +
    </div>
 +
    <div class = "bgimg imgbox row no-margin">
 +
      <img src="https://static.igem.org/mediawiki/2018/8/80/T--British_Columbia--Infographic-Y-P.png">
 +
    </div>
  
 +
<div class="img-holder">
 +
    <div class = "bgimg imgbox row no-margin">
 +
      <img src="https://static.igem.org/mediawiki/2018/b/bc/T--British_Columbia--Infographic-B.png">
 +
    </div>
 +
<a href="https://2018.igem.org/Team:British_Columbia/Description" class="btn btn-default readMore-button">READ MORE</a>
 +
</div>
 +
    <div class = "bgimg imgbox row no-margin">
 +
      <img src="https://static.igem.org/mediawiki/2018/1/14/T--British_Columbia--footer-2.png">
 +
    </div>
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 00:56, 11 November 2018


READ MORE