Difference between revisions of "Team:Calgary/imposter"

(Undo revision 28711 by Molsakova (talk))
 
(79 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Team:Calgary/BasicPageDva
 +
 +
|CONTENT=
 
<html>
 
<html>
  
<head>
+
<div id="OneCol"><img src="https://static.igem.org/mediawiki/2017/b/b2/Calgary2017_MainGraphic1.png"  /></div>
  
<style>
+
<p><b>NOTE:</b> Some pages on our wiki are still under construction, so please be patient as we get all of our content up!</p>
#sideMenu, #top_title {
+
display: none;
+
}
+
  
html,div, #BottomFooter, body, img, a,ul, li, h1, h2{
+
<p>Governments and private enterprises alike are gearing up for travel across the Solar System. Plans to colonize nearby planets are underway, with Elon Musk spearheading the initiative to put a human colony on Mars by 2030. In a parallel vein, NASA is planning a manned exploratory mission to Mars as soon as the 2030s. Several other space agencies have similar plans and timelines for their own respective Mars explorations. This exciting time in our history nonetheless comes with the challenges of long-term space travel. Two ecological and economical challenges arise: the <b>sustainable management of waste produced</b> on a spaceship and the <b>high cost of shipping materials to space</b>.</p>
margin: 0;
+
padding: 0;
+
text-decoration: none;
+
list-style-type: none;
+
}
+
  
@font-face {
+
<p>This year, our project involves using genetically engineered <b><i>E. coli</i></b> to turn human waste into <b>bioplastics</b>. We envision our project as a start-to-finish integrated system that can be used in space to generate items useful to astronauts during early Mars missions. This will solve the problem of waste management by upcycling solid human waste into a usable product. It will also reduce astronautical costs, as fuel typically used to ship materials to space can be saved.</p>
    font-family: Yikes;
+
    src: url(Yikes_medium.ttf);
+
}
+
  
html{
+
<div id="OneCol"><img src="https://static.igem.org/mediawiki/2017/7/73/Calgary2017_MainGraphic2.png"  /></div>
font-size: 14px;
+
}
+
  
body{
+
<p>Poly(3-hydroxybutyrate) (<b>PHB</b>) is a linear polyester and is a product of bacterial fermentation of some sugars or lipids (Anjum, 2016). PHB is used by bacteria (such as <i>Ralstonia eutropha</i> and /<i>Pseudomonas aeruginosa</i>) (Anderson, 1990) as carbon and energy storage (Tsuge, 2003). PHB is one preferred alternative to petroleum-based plastics due to its <b>biodegradability</b> (Tsuge, 2003) and the potential for more environmentally friendly manufacturing processes. Current PHB production processes are costly; this limits industrial scale use and application of PHB (Anjum, 2016). We aim to eliminate the cost of using lipid or sugar feedstocks in PHB-production facilities by using <b>human solid waste</b> as a feedstock. We have engineered recombinant Escherichia coli to utilize genes from native PHB-producing bacteria. These genes code for enzymes in the glycolysis and fatty acid beta-oxidation pathways (which break down sugars and lipids, respectively), and in PHB production. We thus hope to optimize PHB production by improving yields and cutting costs, which would promote the use of PHB in industry. This process could also improve the management of human waste by producing a value-added product.
width: 75%;
+
</p>
margin:9rem auto;
+
color: #444;
+
font-family: helvetica, arial, sans-serif;
+
  background-color: #faece5;
+
 
+
background-image: url("http://static.simpledesktops.com/uploads/desktops/2015/06/15/ramadan-2015-wallpaper1.png");
+
`
+
  /* everything shrinks to an extent */
+
  background-repeat: no-repeat;
+
  background-position: center center;
+
  background-attachment: fixed;
+
  background-size: cover;
+
background-position: 100px 9rem;
+
  
  /* make sure the background doesnt move when you scroll */
+
<p>To learn about how the plastic is produced, please visit our <a href="2017.igem.org/Team:Calgary/Synthesis">Synthesis</a> page.</p>
  background-attachment: fixed;
+
<p>To learn about the secretion method we are developing to transport the plastic outside the cell, visit the <a href="2017.igem.org/Team:Calgary/Secretion">Secretion</a> page!</p>
}
+
<p>To discover the engineering processes implemented throughout the whole system, visit the <a href="2017.igem.org/Team:Calgary/Process">Process</a> page.</p>
 +
<p>To see all the experts who we have consulted to make this project a reality, visit our <a href="2017.igem.org/Team:Calgary/Human_Practices">Human Practices</a> page.</p>
  
 +
<div id="OneCol"><img src="https://static.igem.org/mediawiki/2017/7/71/Calgary2017_MainGraphic3.png"  /></div>
  
.pointer {
+
<div id="OneCol"><img src="https://static.igem.org/mediawiki/2017/b/b5/Calgary2017_MainGraphic4.png" /></div>
  max-width: 40px;
+
  vertical-align: middle;
+
  -webkit-transform: rotate(90deg);
+
  -moz-transform: rotate(90deg);
+
  -o-transform: rotate(90deg);
+
  -ms-transform: rotate(90deg);
+
  transform: rotate(90deg);
+
  margin-right: 10px;
+
  margin-top: 5px;
+
}
+
  
a:link, a:visited{
 
font-family: Yikes;
 
color:#faece5;
 
font-weight: 900;
 
}
 
a:hover, a:active{
 
color: #fcaa77;
 
}
 
  
/* Thirds */
+
</html>
div.thirds {
+
|REFERENCES=
  padding-bottom: 50px;
+
<html>
}
+
<h2>Works Cited</h2>
 +
<p>Anjum, A., Zuber, M., Zia, K.M., Noreen, A., Anjum, M.N. & Tabassum, S. (2016). Microbial production of polyhydroxyalkanoates (PHAs) and its copolymers: A review of recent advancements. Int J Biol Macromol., 89: 161-74</p>
 +
<p>Anderson, A. & Dawes, E. (1990). Occurrence, metabolism, metabolic role, and industrial uses of bacterial polyhydroxyalkanoates. Microbiol Rev., 54(4): 450-472.</p>
 +
<p>Tsuge, T., Taguchi, K., Seiichi, T. & Doi, Y. (2003). Molecular characterization and properties of (R)-specific enoyl-CoA hydratases from Pseudomonas aeruginosa: metabolic tools for synthesis of polyhydroxyalkanoates via fatty acid ß-oxidation. Int J of Biol Macromol., 31(4–5): 195–205.</p>
  
div.one-third {
+
<!-- If you want to included references, please include a heading (h2) titles "Works Cited" followed by all your references in separate paragraph tags -->
  width: 30%;
+
  float: left;
+
  margin-right: 5%;
+
}
+
  
div.one-third-last {
 
  margin: 0;
 
}
 
  
 +
</html>
 +
}}
  
/*styling content*/
+
<html>
#content{
+
<head>
background-color:rgba(251, 242, 238, 1);
+
<style>
padding: 2rem;
+
#Banner{
line-height: 2.2rem;
+
min-width: 300px;
box-shadow: 5px 5px 15px #DDDDDD;
+
max-width: 100%;
}
+
padding-bottom: 2rem;
div>p{
+
text-indent: 2.6rem;
+
}
+
#BottomFooter{
+
    background: #e65c00;
+
    color: #fbfbfb; 
+
    text-align: center;  
+
    padding: 2em 0;
+
    box-shadow: 5px 5px 15px #DDDDDD;
+
 
}
 
}
  
h1{
+
.wrapper{
font-family: Yikes;
+
width: 840px;
color: #538cc6;
+
margin: auto;
font-size:18px;
+
 
}
 
}
  
img {
+
.tiles{
  max-width: 100%;
+
  height: auto;
+
  margin: 0 0 10px 0;
+
}
+
  
/*styling the header part*/
 
.toggle-menu{
 
display: none;
 
 
}
 
}
  
.toggle-drop{
+
@media only screen and (max-width: 1131px){
display: none;
+
.wrapper{
 +
width: 640px;
 
}
 
}
 
#TopBar{
 
padding-top: 0.5rem;
 
padding-bottom: 0.5rem;
 
padding-right: 40rem;
 
padding-left: 40rem;
 
    position: fixed; /* Set the navbar to fixed position */
 
    top: 0; /* Position the navbar at the top of the page */
 
    width: 75%; /* Full width */
 
    align-items: middle;
 
    text-align: center;
 
margin: 0;
 
margin-left: -40rem;
 
background-color: #e65c00;
 
    list-style-type: none;
 
 
}
 
}
  
#TopBar li {
+
 
    list-style-type: none;
+
@media only screen and (max-width: 935px){
 +
.wrapper{
 +
width: 440px;
 
}
 
}
 
.logo img{
 
max-width: 100px;
 
display: inline-block;
 
vertical-align: middle;
 
 
}
 
}
  
.nav-list{
+
@media only screen and (max-width: 445px){
display: flex;
+
.wrapper{
flex-flow: row;
+
width: 240px;
justify-content: space-between;
+
align-items: center;
+
white-space: nowrap;
+
 
}
 
}
.nav-list > li {
 
position: relative;
 
list-style-type: none;
 
 
}
 
}
  
.nav-list>li:not(.has-logo)>a{
 
text-transform: uppercase;
 
display: block;
 
padding:1rem;
 
}
 
  
.nav-list ul{
 
position: absolute;
 
z-index: 1010;
 
background-color: #e65c00;
 
line-height: 2rem;
 
left: -9999px;
 
box-shadow: 5px 5px 15px #DDDDDD;
 
}
 
  
.nav-list li:hover{
+
.box {
    background-color:#000;
+
  position:relative;
}
+
  display: inline-block;
 +
  height: 200px;
 +
  transition: 0.5s;
 +
  cursor: pointer;
 +
  -webkit-transition:0.5s;
 +
padding: 0.2rem;
 +
    padding-bottom: 0.4rem;
  
.nav-list ul a{
 
font-weight: normal;
 
display: block;
 
padding: .5rem 1rem;
 
 
}
 
}
  
.nav-list > li:hover a + ul{
+
.box::before, .box::after {
left: 0;
+
  width: 100%;
top:100%;
+
  height:100%;
 +
  z-index: 3;
 +
  content:'';
 +
  position: absolute;
 +
  left:0;
 +
top: 0;
 +
  box-sizing: border-box;
 +
 
 +
  -webkit-transform: scale(0);
 +
  transition: 0.5s;
 
}
 
}
  
 
+
.foo::before {
.mobile-display{
+
  border-bottom: 10px solid #FFF;
display: none;
+
  border-left: 10px solid #FFF;
 +
    border-radius: 10px;
 +
  -webkit-transform-origin: 0 100%;
 
}
 
}
  
#drop{
+
.foo::after {
display:none;
+
  border-top: 10px solid #FFF;
 +
  border-right: 10px solid #FFF;
 +
    border-radius: 10px;
 +
  -webkit-transform-origin: 100% 0%;
 
}
 
}
  
@media only screen and (max-width: 58.75rem){
 
html{
 
font-size: 13px;
 
}
 
body{
 
margin:8rem auto;
 
width: 75%;
 
}
 
.logo{
 
display:none;
 
}
 
.has-logo{
 
display: none;
 
}
 
.mobile-display{
 
display: block;
 
margin:2rem auto;
 
text-align: center
 
}
 
.nav-bar{
 
padding-top: 30px;
 
padding-bottom: 30px;
 
}
 
}
 
  
@media only screen and (max-width: 44.68rem){
+
.box:hover::after, .box:hover::before {
.nav-bar{
+
  -webkit-transform: scale(1);
width: 100%;
+
position: static;
+
}
+
.logo{
+
display:block;
+
}
+
.toggle-menu{
+
display: block;
+
max-width: -webkit-min-content;
+
max-width: -moz-min-content;
+
max-width: min-content;
+
margin: 1rem auto;
+
background-color: #e65c00;
+
text-align: center;
+
color: #fff !important;
+
padding: 1rem;
+
border-radius: .25em;
+
}
+
 
+
.toggle-menu:hover{
+
    background-color: #fcaa77;
+
  }
+
 
+
  .toggle-drop{
+
display: block;
+
}
+
 
+
  .nav-list ul{
+
background-color: #f76e13;
+
}
+
 
+
.nav-list{
+
display: block;
+
width: 100%;
+
position: static;
+
line-height: 1rem;
+
z-index: 1012;
+
left: 0;
+
top:0;
+
text-align: left;
+
max-height: 0;
+
overflow: hidden;
+
}
+
 
+
.active{
+
max-height: 100%;
+
overflow: auto;
+
}
+
 
+
.logo img{
+
max-width: 200px !important;
+
}
+
.nav-list  ul{
+
position: static;
+
text-indent: 2rem;
+
z-index: 1013;
+
box-shadow: none;
+
}
+
}
+
 
+
.images {
+
    position: relative;
+
    min-height: 1px;
+
    padding-right: 15px;
+
    padding-left: 15px
+
    width: 2rem;
+
 
}
 
}
  
 
</style>
 
</style>
<title>Header</title>
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
 
 
<script>
 
 
$(document).ready(function(){
 
var ulNav= "#nav", openNav = "active";
 
 
$('.toggle-menu').click(function(e){
 
if($(ulNav).hasClass(openNav)){
 
$(ulNav).removeClass(openNav)
 
}else{
 
$(ulNav).addClass(openNav);
 
}
 
e.preventDefault();
 
})
 
 
$('.toggle-drop').on('click', function() {
 
$(this).next().slideToggle(400);
 
  $(this).toggleClass('active');
 
});
 
})
 
</script>
 
 
 
 
</head>
 
</head>
<body>
 
<div class="mobile-display" >
 
<h2 class="logo">
 
<a href="#">
 
<img src="iGEM2017Logo.png" alt="iGEM">
 
</a>
 
</h2>
 
</div>
 
<div class="nav-bar">
 
<div id="TopBar">
 
<div class="nav">
 
<a href="#" class="toggle-menu">&#9776;</a>
 
<ul class="nav-list nav-open" id="nav">
 
<li><a href="#">Home</a></li>
 
<li><a href="#" class="toggle-drop">Project</a>
 
<ul id="drop">
 
<li><a href="#">Problem/Description</a></li>
 
<li><a href="#">Experiments</a></li>
 
<li><a href="#">Results</a></li>
 
<li><a href="#">Parts</a></li>
 
<li><a href="#">Accomplishments</a></li>
 
<li><a href="#">Synthesis</a></li>
 
<li><a href="#">Lysis</a></li>
 
<li><a href="#">Engineering</a></li>
 
</ul>
 
</li>
 
<li><a href="#" class="toggle-drop">Notebook</a>
 
<ul id="drop">
 
<li><a href="#">Protocols</a></li>
 
<li><a href="#">Data Page</a></li>
 
</ul>
 
</li>
 
<li class="has-logo"><a href="#">
 
<h2 class="logo">
 
<img src="iGEM2017Logo.png" alt="iGemLogo">
 
</h2>
 
</a></li>
 
<li><a href="#" class="toggle-drop">Team</a>
 
<ul id="drop">
 
<li><a href="#">Team Members</a></li>
 
<li><a href="#">Attributions</a></li>
 
<li><a href="#">Sponsors</a></li>
 
<li><a href="#">Our Profile</a></li>
 
</ul>
 
</li>
 
<li><a href="#" class="toggle-drop">Human <br>Practices</a>
 
<ul id="drop">
 
<li><a href="#">HP Summary</a></li>
 
<li><a href="#">HP Gold</a></li>
 
<li><a href="#">HP Silver</a></li>
 
<li><a href="#">Integrated Practices</a></li>
 
<li><a href="#">Collaborations</a></li>
 
<li><a href="#">Engagement</a></li>
 
<li><a href="#">Safety</a></li>
 
<li><a href="#">Legislation</a></li>
 
</ul>
 
</li>
 
<li><a href="#" class="toggle-drop">Judging</a>
 
<ul id="drop">
 
<li><a href="#">Interlab</a></li>
 
</ul>
 
</li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
 
 
 
<div id="MainStyle">
 
<h1>InterLab Study</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic beatae qui, est perspiciatis ducimus delectus pariatur nisi enim similique earum tempora aut, unde, quod. Iusto quod mollitia, in aspernatur non ratione voluptas vero sit veniam sunt quibusdam doloremque et harum soluta hic placeat ab excepturi nesciunt animi rerum enim officiis blanditiis porro itaque. Doloremque, voluptates consectetur quis soluta assumenda, temporibus sequi aliquid. Porro delectus accusantium dicta officiis cupiditate reiciendis praesentium quam explicabo animi necessitatibus blanditiis maxime molestiae, ullam aliquam ea, inventore temporibus nihil eum tempore minus architecto rerum aut. Nulla eos laboriosam, minus earum alias, repellat tempore facilis iusto quibusdam deleniti assumenda magnam dolore doloribus saepe maiores. Expedita enim ea, maiores beatae odit, eaque officia ut vitae! Nihil nisi non ullam. Officiis nihil, repellendus dolorem reiciendis eius enim aperiam qui omnis, rerum voluptatum itaque fuga dignissimos nobis dolor explicabo perspiciatis necessitatibus, asperiores? Eveniet doloribus itaque optio perspiciatis iure, qui minima libero dicta suscipit ducimus, id rerum consequuntur autem reprehenderit corporis! Beatae obcaecati aut, impedit aliquid provident harum aspernatur, pariatur ea ipsa explicabo nulla earum dicta dolore nisi, molestiae optio modi. Totam beatae assumenda iusto, eveniet consectetur consequuntur repudiandae esse eos maxime, eligendi, tenetur incidunt odit nemo ducimus quidem eaque repellat.</p>
 
 
<div class="body-content"><div class="section-inner">
 
 
<!-- thirds -->
 
<div class="thirds clearfix">
 
 
<!-- one-third -->
 
<div class="one-third mobile-collapse">
 
<img src="Spaceship.gif" />
 
<h2>SPACESHIPS</h2>
 
<p>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><!--/one-third-->
 
 
<!-- one-third -->
 
<div class="one-third one-third-second mobile-collapse">
 
<img src="Spaceship2.gif" />
 
<h2>MORE SPACESHIPS</h2>
 
<p>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><!--/one-third-->
 
 
<!-- one-third -->
 
<div class="one-third one-third-last mobile-collapse">
 
<img src="http://www.space.com/images/i/000/003/297/original/080326-lynx-flying-02.jpg" alt="A cat" />
 
<h2>EVEN MORE SPACESHIPS</h2>
 
<p>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><!--/one-third-->
 
 
</div><!--/thirds-->
 
<div>
 
<h1>MARS IS ONLY A POOP AWAY</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic beatae qui, est perspiciatis ducimus delectus pariatur nisi enim similique earum tempora aut, unde, quod. Iusto quod mollitia, in aspernatur non ratione voluptas vero sit veniam sunt quibusdam doloremque et harum soluta hic placeat ab excepturi nesciunt animi rerum enim officiis blanditiis porro itaque. Doloremque, voluptates consectetur quis soluta assumenda, temporibus sequi aliquid. Porro delectus accusantium dicta officiis cupiditate reiciendis praesentium quam explicabo animi necessitatibus blanditiis maxime molestiae, ullam aliquam ea, inventore temporibus nihil eum tempore minus architecto rerum aut. Nulla eos laboriosam, minus earum alias, repellat tempore facilis iusto quibusdam deleniti assumenda magnam dolore doloribus saepe maiores. Expedita enim ea, maiores beatae odit, eaque officia ut vitae! Nihil nisi non ullam. Officiis nihil, repellendus dolorem reiciendis eius enim aperiam qui omnis, rerum voluptatum itaque fuga dignissimos nobis dolor explicabo perspiciatis necessitatibus, asperiores? Eveniet doloribus itaque optio perspiciatis iure, qui minima libero dicta suscipit ducimus, id rerum consequuntur autem reprehenderit corporis! Beatae obcaecati aut, impedit aliquid provident harum aspernatur, pariatur ea ipsa explicabo nulla earum dicta dolore nisi, molestiae optio modi. Totam beatae assumenda iusto, eveniet consectetur consequuntur repudiandae esse eos maxime, eligendi, tenetur incidunt odit nemo ducimus quidem eaque repellat.</p>
 
</div>
 
 
<div id="BottomFooter">iGEM 2017</div>
 
</div>
 
 
</body>
 
 
</html>
 
</html>

Latest revision as of 01:52, 16 October 2017

Header

NOTE: Some pages on our wiki are still under construction, so please be patient as we get all of our content up!

Governments and private enterprises alike are gearing up for travel across the Solar System. Plans to colonize nearby planets are underway, with Elon Musk spearheading the initiative to put a human colony on Mars by 2030. In a parallel vein, NASA is planning a manned exploratory mission to Mars as soon as the 2030s. Several other space agencies have similar plans and timelines for their own respective Mars explorations. This exciting time in our history nonetheless comes with the challenges of long-term space travel. Two ecological and economical challenges arise: the sustainable management of waste produced on a spaceship and the high cost of shipping materials to space.

This year, our project involves using genetically engineered E. coli to turn human waste into bioplastics. We envision our project as a start-to-finish integrated system that can be used in space to generate items useful to astronauts during early Mars missions. This will solve the problem of waste management by upcycling solid human waste into a usable product. It will also reduce astronautical costs, as fuel typically used to ship materials to space can be saved.

Poly(3-hydroxybutyrate) (PHB) is a linear polyester and is a product of bacterial fermentation of some sugars or lipids (Anjum, 2016). PHB is used by bacteria (such as Ralstonia eutropha and /Pseudomonas aeruginosa) (Anderson, 1990) as carbon and energy storage (Tsuge, 2003). PHB is one preferred alternative to petroleum-based plastics due to its biodegradability (Tsuge, 2003) and the potential for more environmentally friendly manufacturing processes. Current PHB production processes are costly; this limits industrial scale use and application of PHB (Anjum, 2016). We aim to eliminate the cost of using lipid or sugar feedstocks in PHB-production facilities by using human solid waste as a feedstock. We have engineered recombinant Escherichia coli to utilize genes from native PHB-producing bacteria. These genes code for enzymes in the glycolysis and fatty acid beta-oxidation pathways (which break down sugars and lipids, respectively), and in PHB production. We thus hope to optimize PHB production by improving yields and cutting costs, which would promote the use of PHB in industry. This process could also improve the management of human waste by producing a value-added product.

To learn about how the plastic is produced, please visit our Synthesis page.

To learn about the secretion method we are developing to transport the plastic outside the cell, visit the Secretion page!

To discover the engineering processes implemented throughout the whole system, visit the Process page.

To see all the experts who we have consulted to make this project a reality, visit our Human Practices page.