Difference between revisions of "Team:Baltimore Bio-Crew"

 
(308 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Baltimore_Bio-Crew}}
 
{{Baltimore_Bio-Crew}}
 +
{{Team:Baltimore Bio-Crew/JS}}
 
{{Team:Baltimore Bio-Crew/CSS}}
 
{{Team:Baltimore Bio-Crew/CSS}}
 +
{{Team:Baltimore Bio-Crew/templateReset}}
 +
  
−
<!--
 
−
Dimension by HTML5 UP
 
−
html5up.net | @ajlkn
 
−
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 
−
-->
 
 
<html>
 
<html>
−
<head>
 
  
−
<title>Dimension by HTML5 UP</title>
+
<style>
−
<meta charset="utf-8" />
+
−
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+
−
<link rel="stylesheet" href="assets/css/main.css" />
+
−
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
+
−
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+
−
</head>
+
−
<body>
+
  
−
<!-- Wrapper -->
 
−
<div id="wrapper">
 
  
−
<!-- Header -->
+
article {
−
<header id="header">
+
font-size: 16px;
−
<div class="logo">
+
font-style: italic;
−
<span class="icon fa-diamond"></span>
+
padding-top: 10px;
−
</div>
+
padding-bottom: 10px;
 +
font-family: 'Abel', san-serif;
 +
color: black;
 +
width: 50%;
 +
margin:0 auto;
  
−
<div class="content">
+
}
−
<div class="inner">
+
.footerSection{
 +
background-color:#a5f7c3;
 +
      margin-top: 300px;
 +
}
  
−
        <h1>The Baltimore Bio-Crew</h1>
+
footer{
−
<p>Engineering E.coli to degrade plastic.</p>
+
width:60%;
−
</div>
+
margin-left:30%;
 +
}
  
−
                        </div>
+
.html{
−
<nav>
+
  height: 100%;
 +
}
 +
.Intro{
 +
  width: 100%;
 +
  height:100%;
 +
  margin: 0 0 0 0;
 +
}
 +
 +
h1{
 +
  font-size: 100px;
 +
  text-align: center;
 +
  color: black;
 +
  font-family: 'Saira', sans-serif;
 +
  padding-top: 40px;
 +
text-shadow: 4px 4px #3bb1e2;
 +
}
 +
h3{
 +
  font-size: 25px;
 +
  font-style: italic;
 +
  text-align: center;
 +
  padding-top: 20px;
 +
  padding-bottom: 30px;
 +
  font-family: 'Abel', san-serif;
 +
  font-style: italic;
 +
  color: black;
 +
text-decoration: underline;
 +
text-shadow: 2px 2px #33FF33;
 +
}
 +
h4{
 +
  font-size: 18px;
 +
  font-style: italic;
 +
  text-align: center;
 +
  padding-top: 20px;
 +
  padding-bottom: 30px;
 +
  font-family: 'Abel', san-serif;
 +
  color: black;
 +
}
  
−
<ul>
 
  
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew">Home</a></li>
+
h2{
−
 
+
  padding: 75px 0 0 0;
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Description">Project</a></li>
+
  font-size: 36px;
−
 
+
  font-style: normal;
−
<li><a href="#about">Composite Parts</a></li>
+
  font-family: 'Saira', sans-serif;
−
 
+
  text-align: center;
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Notebook">Notebook</a></li>
+
color: black;
−
 
+
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Experiments">Experiment</a> </li>
+
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Safety">Safety</a></li>
+
−
 
+
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Attributions">Attribution</a></li>
+
−
 
+
−
<li><a href="#contact">Human Practice</a></li>
+
−
 
+
−
<li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Team">Team</a> </li>
+
−
</ul>
+
−
</nav>
+
−
</header>
+
−
 
+
−
<!-- Main -->
+
−
<div id="main">
+
−
 
+
−
<!-- Intro -->
+
−
<article id="intro">
+
−
<h2 class="major">Intro</h2>
+
−
<span class="image main"><img src="images/pic01.jpg" alt="" /></span>
+
−
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my <a href="#work">awesome work</a>.</p>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
+
−
</article>
+
−
 
+
−
<!-- Work -->
+
−
<article id="work">
+
−
<h2 class="major">Work</h2>
+
−
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
+
−
<p>Adipiscing magna sed dolor elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices.</p>
+
−
<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet feugiat tempus.</p>
+
−
</article>
+
−
 
+
−
<!-- About -->
+
−
<article id="about">
+
−
<h2 class="major">About</h2>
+
−
<span class="image main"><img src="images/pic03.jpg" alt="" /></span>
+
−
<p>Lorem ipsum dolor sit amet, consectetur et adipiscing elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices. Aliquam libero et malesuada fames ac ante ipsum primis in faucibus. Cras viverra ligula sit amet ex mollis mattis lorem ipsum dolor sit amet.</p>
+
−
</article>
+
−
 
+
−
<!-- Contact -->
+
−
<article id="contact">
+
−
<h2 class="major">Contact</h2>
+
−
<form method="post" action="#">
+
−
<div class="field half first">
+
−
<label for="name">Name</label>
+
−
<input type="text" name="name" id="name" />
+
−
</div>
+
−
<div class="field half">
+
−
<label for="email">Email</label>
+
−
<input type="text" name="email" id="email" />
+
−
</div>
+
−
<div class="field">
+
−
<label for="message">Message</label>
+
−
<textarea name="message" id="message" rows="4"></textarea>
+
−
</div>
+
−
<ul class="actions">
+
−
<li><input type="submit" value="Send Message" class="special" /></li>
+
−
<li><input type="reset" value="Reset" /></li>
+
−
</ul>
+
−
</form>
+
−
<ul class="icons">
+
−
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
−
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
−
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+
−
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
+
−
</ul>
+
−
</article>
+
−
 
+
−
<!-- Elements -->
+
−
<article id="elements">
+
−
<h2 class="major">Elements</h2>
+
−
 
+
−
<section>
+
−
<h3 class="major">Text</h3>
+
−
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
+
−
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
+
−
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
+
−
<hr />
+
−
<h2>Heading Level 2</h2>
+
−
<h3>Heading Level 3</h3>
+
−
<h4>Heading Level 4</h4>
+
−
<h5>Heading Level 5</h5>
+
−
<h6>Heading Level 6</h6>
+
−
<hr />
+
−
<h4>Blockquote</h4>
+
−
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
+
−
<h4>Preformatted</h4>
+
−
<pre><code>i = 0;
+
−
 
+
−
while (!deck.isInOrder()) {
+
−
    print 'Iteration ' + i;
+
−
    deck.shuffle();
+
−
    i++;
+
 
}
 
}
  
−
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
 
−
</section>
 
−
 
−
<section>
 
−
<h3 class="major">Lists</h3>
 
  
−
<h4>Unordered</h4>
 
−
<ul>
 
−
<li>Dolor pulvinar etiam.</li>
 
−
<li>Sagittis adipiscing.</li>
 
−
<li>Felis enim feugiat.</li>
 
−
</ul>
 
  
−
<h4>Alternate</h4>
+
</style>
−
<ul class="alt">
+
     
−
<li>Dolor pulvinar etiam.</li>
+
      </head>
−
<li>Sagittis adipiscing.</li>
+
      <body>
−
<li>Felis enim feugiat.</li>
+
<section>
−
</ul>
+
<header>
 +
        <div class="Intro">
 +
          <h1>BALTIMORE BIO-CREW</h1>
 +
          <h4>Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor</h4>
 +
</div>
 +
<hr>
 +
</header>
 +
</section>
 +
<section id="description" class= "projectDescription">
 +
<header>
  
−
<h4>Ordered</h4>
+
                        <h3> About Our Project </h3>
−
<ol>
+
</header>
−
<li>Dolor pulvinar etiam.</li>
+
<article>
−
<li>Etiam vel felis viverra.</li>
+
−
<li>Felis enim feugiat.</li>
+
−
<li>Dolor pulvinar etiam.</li>
+
−
<li>Etiam vel felis lorem.</li>
+
−
<li>Felis enim et feugiat.</li>
+
−
</ol>
+
−
<h4>Icons</h4>
+
−
<ul class="icons">
+
−
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
−
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
−
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+
−
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
+
−
</ul>
+
  
−
<h4>Actions</h4>
+
Plastic pollution is a significant problem that not only affects the environment but human health as well. There have been many implementations created in order to eliminate plastic in the Earth’s waterways, but none of the approaches have been successful in collecting microplastics.
−
<ul class="actions">
+
−
<li><a href="#" class="button special">Default</a></li>
+
</article>
−
<li><a href="#" class="button">Default</a></li>
+
<article>
−
</ul>
+
−
<ul class="actions vertical">
+
−
<li><a href="#" class="button special">Default</a></li>
+
−
<li><a href="#" class="button">Default</a></li>
+
−
</ul>
+
−
</section>
+
  
−
<section>
+
Microplastics are tiny pieces of plastic debris that occurs after years of plastic degradation in the environment. They also come from cosmetics and cleansers. Even though microplastics seem like they would cause fewer problems, there are extremely harmful due to the toxins that are still present in these tiny particles of plastic.
−
<h3 class="major">Table</h3>
+
</article>
−
<h4>Default</h4>
+
−
<div class="table-wrapper">
+
−
<table>
+
−
<thead>
+
−
<tr>
+
−
<th>Name</th>
+
−
<th>Description</th>
+
−
<th>Price</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>Item One</td>
+
−
<td>Ante turpis integer aliquet porttitor.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Two</td>
+
−
<td>Vis ac commodo adipiscing arcu aliquet.</td>
+
−
<td>19.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Three</td>
+
−
<td> Morbi faucibus arcu accumsan lorem.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Four</td>
+
−
<td>Vitae integer tempus condimentum.</td>
+
−
<td>19.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Five</td>
+
−
<td>Ante turpis integer aliquet porttitor.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
</tbody>
+
−
<tfoot>
+
−
<tr>
+
−
<td colspan="2"></td>
+
−
<td>100.00</td>
+
−
</tr>
+
−
</tfoot>
+
−
</table>
+
−
</div>
+
  
−
<h4>Alternate</h4>
+
<article>
−
<div class="table-wrapper">
+
In 2014, researchers at Keio University and Kyoto Institute of Technology discovered a bacterium called Ideonella sakaiensis. This bacteria can use the enzymes PETase and MHETase to degrade polyethylene terephthalate (PET), which is the most common type of plastic debris found in marine environments. Instead of using the bacterium Ideonella sakaiensis, we inserted the enzymes into K-12 E.coli cells for safety reasons.  
−
<table class="alt">
+
</article>
−
<thead>
+
−
<tr>
+
−
<th>Name</th>
+
−
<th>Description</th>
+
−
<th>Price</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>Item One</td>
+
−
<td>Ante turpis integer aliquet porttitor.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Two</td>
+
−
<td>Vis ac commodo adipiscing arcu aliquet.</td>
+
−
<td>19.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Three</td>
+
−
<td> Morbi faucibus arcu accumsan lorem.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Four</td>
+
−
<td>Vitae integer tempus condimentum.</td>
+
−
<td>19.99</td>
+
−
</tr>
+
−
<tr>
+
−
<td>Item Five</td>
+
−
<td>Ante turpis integer aliquet porttitor.</td>
+
−
<td>29.99</td>
+
−
</tr>
+
−
</tbody>
+
−
<tfoot>
+
−
<tr>
+
−
<td colspan="2"></td>
+
−
<td>100.00</td>
+
−
</tr>
+
−
</tfoot>
+
−
</table>
+
−
</div>
+
−
</section>
+
  
−
<section>
+
<article>
−
<h3 class="major">Buttons</h3>
+
The genetically modified bacteria is expected to be able to degrade plastic into ethylene glycol and terephthalic acid. We are investigating ways in which these monomers could be used as a possible energy source. The Baltimore Bio-Crew intends to use these engineered E.coli, or the enzymes separated from them, in a bioreactor to degrade PET plastic that cannot be recycled; in a laundry filter to degrade synthetic fibers that come off of clothes; or contained inside of a device to degrade plastic in marine environments such as the Inner Harbor.
−
<ul class="actions">
+
−
<li><a href="#" class="button special">Special</a></li>
+
−
<li><a href="#" class="button">Default</a></li>
+
−
</ul>
+
−
<ul class="actions">
+
−
<li><a href="#" class="button">Default</a></li>
+
−
<li><a href="#" class="button small">Small</a></li>
+
−
</ul>
+
−
<ul class="actions">
+
−
<li><a href="#" class="button special icon fa-download">Icon</a></li>
+
−
<li><a href="#" class="button icon fa-download">Icon</a></li>
+
−
</ul>
+
−
<ul class="actions">
+
−
<li><span class="button special disabled">Disabled</span></li>
+
−
<li><span class="button disabled">Disabled</span></li>
+
−
</ul>
+
−
</section>
+
  
−
<section>
+
</article>
−
<h3 class="major">Form</h3>
+
</section>
−
<form method="post" action="#">
+
−
<div class="field half first">
+
−
<label for="demo-name">Name</label>
+
−
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
+
−
</div>
+
−
<div class="field half">
+
−
<label for="demo-email">Email</label>
+
−
<input type="email" name="demo-email" id="demo-email" value="" placeholder="jane@untitled.tld" />
+
−
</div>
+
−
<div class="field">
+
−
<label for="demo-category">Category</label>
+
−
<div class="select-wrapper">
+
−
<select name="demo-category" id="demo-category">
+
−
<option value="">-</option>
+
−
<option value="1">Manufacturing</option>
+
−
<option value="1">Shipping</option>
+
−
<option value="1">Administration</option>
+
−
<option value="1">Human Resources</option>
+
−
</select>
+
−
</div>
+
−
</div>
+
−
<div class="field half first">
+
−
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
+
−
<label for="demo-priority-low">Low</label>
+
−
</div>
+
−
<div class="field half">
+
−
<input type="radio" id="demo-priority-high" name="demo-priority">
+
−
<label for="demo-priority-high">High</label>
+
−
</div>
+
−
<div class="field half first">
+
−
<input type="checkbox" id="demo-copy" name="demo-copy">
+
−
<label for="demo-copy">Email me a copy</label>
+
−
</div>
+
−
<div class="field half">
+
−
<input type="checkbox" id="demo-human" name="demo-human" checked>
+
−
<label for="demo-human">Not a robot</label>
+
−
</div>
+
−
<div class="field">
+
−
<label for="demo-message">Message</label>
+
−
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
+
−
</div>
+
−
<ul class="actions">
+
−
<li><input type="submit" value="Send Message" class="special" /></li>
+
−
<li><input type="reset" value="Reset" /></li>
+
−
</ul>
+
−
</form>
+
−
</section>
+
  
−
</article>
+
<section id="Footer" class="footerSection">
 +
<hr>
 +
 +
<h2>
 +
Sponsors
 +
</h2>
 +
<h4>
 +
The Baltimore Bio-Crew thanks our sponsors for their generous support of our team that made our project and travel to the Jamboree possible. Thank you!
 +
</h4>
  
−
</div>
+
<footer>
  
−
<!-- Footer -->
+
<a href="http://www.bd.com/en-us">
−
<footer id="footer">
+
  <img src="https://upload.wikimedia.org/wikipedia/en/f/f8/Update_Color_BD_PNG_Logo.png" alt="BD Medical Technology, Advancing the World of Health - BD" style="width:100px; height:100px;">
−
<p class="copyright">&copy; Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
+
</a>
−
</footer>
+
<a href="http://familyleague.org/">
 +
  <img src="http://baltimoreattendance.org/wp-content/uploads/2015/08/flbcinc-360x230.png" alt="Family League of Baltimore" style="width:100px; height:100px;">
 +
</a>
  
−
</div>
+
                                      <a>
 +
  <img src="https://static.igem.org/mediawiki/2017/6/6c/T--Baltimore_Bio-Crew--fabian_kolker_small_icon.png" alt="Fabian Kolker Foundation" style="width:100px; height:100px;">
 +
</a>
  
−
<!-- BG -->
+
<a href="http://vwrfoundation.org/">
−
<div id="bg"></div>
+
  <img src="https://static.igem.org/mediawiki/2016/1/1a/T--Baltimore_Biocrew--VWR_Foundation_LOGO.jpeg" alt="VWR Charitable Foundation" style="width:100px; height:100px;">
 +
</a>
 +
<a href="http://www.marylandrecyclingnetwork.org/">
 +
  <img src="https://media.licdn.com/mpr/mpr/shrink_200_200/AAEAAQAAAAAAAAI8AAAAJDY0ZDg0ZjlkLWVlMTItNGI1Mi1iNWEwLWYzMDVlYWMwMTZhZg.png" alt="Maryland Recycling Network" style="width:100px; height:100px;">
 +
</a>
  
−
<!-- Scripts -->
+
<a href="https://www.rwdfoundation.org/">
−
<script src="assets/js/jquery.min.js"></script>
+
  <img src="https://static.igem.org/mediawiki/2016/6/65/T--Baltimore_BioCrew--DeutschFoundation.png" alt="The Robert W. Deutsch Foundation" style="width:100px; height:100px;">
−
<script src="assets/js/skel.min.js"></script>
+
</a>
−
<script src="assets/js/util.js"></script>
+
−
<script src="assets/js/main.js"></script>
+
  
−
</body>
+
</footer>
 +
</section>
 +
      </body>
 
</html>
 
</html>

Latest revision as of 19:34, 19 November 2017


BUGSS Logo
Home Team Project Results Design Notebook Composite Part Safety HP Silver Experiment Attribution Collaborations Interlab Contributions


BALTIMORE BIO-CREW

Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor

About Our Project

Plastic pollution is a significant problem that not only affects the environment but human health as well. There have been many implementations created in order to eliminate plastic in the Earth’s waterways, but none of the approaches have been successful in collecting microplastics.
Microplastics are tiny pieces of plastic debris that occurs after years of plastic degradation in the environment. They also come from cosmetics and cleansers. Even though microplastics seem like they would cause fewer problems, there are extremely harmful due to the toxins that are still present in these tiny particles of plastic.
In 2014, researchers at Keio University and Kyoto Institute of Technology discovered a bacterium called Ideonella sakaiensis. This bacteria can use the enzymes PETase and MHETase to degrade polyethylene terephthalate (PET), which is the most common type of plastic debris found in marine environments. Instead of using the bacterium Ideonella sakaiensis, we inserted the enzymes into K-12 E.coli cells for safety reasons.
The genetically modified bacteria is expected to be able to degrade plastic into ethylene glycol and terephthalic acid. We are investigating ways in which these monomers could be used as a possible energy source. The Baltimore Bio-Crew intends to use these engineered E.coli, or the enzymes separated from them, in a bioreactor to degrade PET plastic that cannot be recycled; in a laundry filter to degrade synthetic fibers that come off of clothes; or contained inside of a device to degrade plastic in marine environments such as the Inner Harbor.