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

Line 2: Line 2:
 
{{Team:Baltimore Bio-Crew/CSS}}
 
{{Team:Baltimore Bio-Crew/CSS}}
 
{{Team:Baltimore Bio-Crew/JS}}
 
{{Team:Baltimore Bio-Crew/JS}}
−
 
 
{{Team:Baltimore Bio-Crew/templateReset}}
 
{{Team:Baltimore Bio-Crew/templateReset}}
 +
{{Team:Baltimore Bio-Crew/basicCSS}}
  
 
<html>
 
<html>
−
<head>
+
<!-- This is the tab title styling-->
−
<style>
+
      <head>
−
.footerSection{
+
<style media="screen" type="text/css">
−
background-color:#a5f7c3;
+
 
−
max-height:500px;
+
/*
 +
html5doctor.com Reset Stylesheet
 +
v1.6.1
 +
Last Updated: 2010-09-17
 +
Author: Richard Clark - http://richclarkdesign.com
 +
Twitter: @rich_clark
 +
*/
 +
 
 +
html, body, div, span, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
abbr, address, cite, code,
 +
del, dfn, em, img, ins, kbd, q, samp,
 +
small, strong, sub, sup, var,
 +
b, i,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section, summary,
 +
time, mark, audio, video {
 +
    margin:0;
 +
    padding:0;
 +
    border:0;
 +
    outline:0;
 +
    font-size:100%;
 +
    vertical-align:baseline;
 +
    background:transparent;
 
}
 
}
−
footer{
+
 
−
width:60%;
+
body {
−
margin-left:35%;
+
    line-height:1;
 
}
 
}
−
h1 {
 
−
font-family: "Brush Script MT", cursive;
 
−
    text-align:center;
 
−
font-size: 100px;
 
−
font-style: normal;
 
−
font-variant: normal;
 
−
font-weight: 500;
 
−
line-height: 24.5px;
 
  
 +
article,aside,details,figcaption,figure,
 +
footer,header,hgroup,menu,nav,section {
 +
    display:block;
 
}
 
}
−
h2 {
 
−
font-family: "Brush Script MT", cursive;
 
−
font-size: 30px;
 
−
text-align:center;
 
−
font-style: italic;
 
−
font-variant: normal;
 
−
font-weight: 500;
 
−
line-height: 15.4px;
 
  
 +
nav ul {
 +
    list-style:none;
 
}
 
}
−
h3 {
 
−
font-family: "Brush Script MT", cursive;
 
−
font-size: 14px;
 
−
text-align:center;
 
−
font-style: normal;
 
−
font-variant: normal;
 
−
font-weight: 500;
 
−
line-height: 15.4px;
 
  
 +
blockquote, q {
 +
    quotes:none;
 
}
 
}
−
p {
 
−
font-family: "Brush Script MT", cursive;
 
−
font-size: 14px;
 
−
font-style: normal;
 
−
font-variant: normal;
 
−
font-weight: 400;
 
−
line-height: 20px;
 
  
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
    content:'';
 +
    content:none;
 
}
 
}
−
blockquote {
+
 
−
font-family: "Brush Script MT", cursive;
+
a {
−
font-size: 21px;
+
    margin:0;
−
font-style: normal;
+
    padding:0;
−
font-variant: normal;
+
    font-size:100%;
−
font-weight: 400;
+
    vertical-align:baseline;
−
line-height: 30px;
+
    background:transparent;
 
}
 
}
−
pre {
+
 
−
font-family: "Brush Script MT", cursive;
+
/* change colours to suit your needs */
−
font-size: 13px;
+
ins {
−
font-style: normal;
+
    background-color:#ff9;
−
font-variant: normal;
+
    color:#000;
−
font-weight: 400;
+
    text-decoration:none;
−
line-height: 18.5714px;
+
 
}
 
}
  
−
.container {
+
/* change colours to suit your needs */
−
width:50%;
+
mark {
−
margin: 0 auto;
+
    background-color:#ff9;
−
font-family: Brush Script MT,cursive;
+
    color:#000;
 +
    font-style:italic;
 +
    font-weight:bold;
 
}
 
}
  
 +
del {
 +
    text-decoration: line-through;
 +
}
  
 +
abbr[title], dfn[title] {
 +
    border-bottom:1px dotted;
 +
    cursor:help;
 +
}
  
 +
table {
 +
    border-collapse:collapse;
 +
    border-spacing:0;
 +
}
  
−
</style>
+
/* change border colour to suit your needs */
−
</head>
+
hr {
−
      <body>
+
    display:block;
−
<section id="Home" class="Begin">
+
    height:1px;
−
<header>
+
    border:0;
−
<h1>
+
    border-top:1px solid #cccccc;
−
Baltimore Bio-Crew
+
    margin:1em 0;
−
</h1>
+
    padding:0;
−
<h2>
+
}
−
Breaking it down.
+
−
</h2>
+
−
<h3>
+
−
BIO-ENGINEERING E.COLI TO DEGRADE PLASTIC AND SAVE THE BALTIMORE INNER HARBOR
+
−
</h3>
+
−
</header>
+
−
</section>
+
−
+
  
−
<section id="overview" class= "ProjectOverView">
+
input, select {
−
<header>
+
    vertical-align:middle;
−
<div class="container">
+
}
 +
--------------------------------------------------------------------------------
 +
.html{
 +
  height: 100%;
 +
}
 +
.website{
 +
  width: 100%;
 +
  height:100%;
 +
  margin: 0 0 0 0;
 +
}
 +
.website h2{
 +
  font-size: 90px;
 +
  text-align: center;
 +
  color: black;
 +
  font-family: 'Saira', sans-serif;
 +
  padding-top: 40px;
 +
}
 +
.website h3{
 +
  font-size: 18px;
 +
  font-style: italic;
 +
  text-align: center;
 +
  padding-top: 20px;
 +
  padding-bottom: 30px;
 +
  font-family: 'Abel', san-serif;
 +
  font-style: italic;
 +
  color: black;
 +
}
 +
.pagevid{
 +
  background-image: url("https://static.igem.org/mediawiki/2017/1/15/Pageback2.png");
 +
  background-size: cover;
 +
  height: 550px;
 +
  text-align: center;
 +
  padding-top: 80px;
 +
}
 +
.pagevid h2{
 +
  font-size: 36px;
 +
  font-style: normal;
 +
  font-family: 'Saira', sans-serif;
 +
  text-align: center;
 +
  color: #6b9eff;
 +
  width: 1280px;
 +
  padding-top: 10px;
 +
}
  
 +
.page h2{
 +
  padding: 75px 0 0 0;
 +
  font-size: 36px;
 +
  font-style: normal;
 +
  font-family: 'Saira', sans-serif;
 +
  text-align: center;
 +
  color: #6b9eff;
 +
}
  
−
                        <h2> Project Overview </h2>
 
−
<h3>
 
−
Why we started this project?
 
−
</h3>
 
  
−
<p>
+
/*
−
Our goal for this project is to genetically engineer E. coli bacteria that can break down plastic. These bacteria could have many different applications, such as: degrading plastic waste from labs that cannot be recycled, being used in a filter to catch and degrade micro plastic fibers from laundry, and breaking down plastic in a marine environment into harmless molecules. We made a lot of progress last year, and this year we plan to build on that progress.
+
.navbar{
−
</p>
+
  height: 300px;
−
While searching for solutions to the issue of plastic pollution in the Baltimore Inner Harbor, we found a paper by Yoshida et. al. describing a bacteria called Ideonella sakaiensis that was capable of degrading PET plastic into monomers. The bacteria used the enzyme PETase (chlorogenate esterase) to break down PET into MHET, and the enzyme MHETase (Lipase) to break down MHET into ethylene glycol and therephthalic acid. We decided to use the genes from this bacteria for our project.
+
  width: 100%;
−
<p>
+
}
−
To avoid the safety risks of working with a relatively undocumented bacteria, we decided to take the plastic degradation genes from I. sakaiensis and put them into K12 E. coli bacteria. We chose E. coli because they are safe to work with and commonly used in the lab. Using the genetic sequence found in the paper, we designed the two plastic degrading enzymes so that they could be expressed in E. coli bacteria. We then had them synthesized and worked on putting these genes into E. coli.
+
.navbar nav{
−
</p>
+
  height:40px;
−
<p>
+
  display: block;
−
By the end of last year’s competition, we had managed to insert the lipase gene into E.coli, but not the chlorogenate esterase gene. We confirmed that we had correctly inserted the lipase gene using colony PCR and gene sequencing, but we did not have the time to conduct additional assays, such as protein gels, to determine if the enzyme was being secreted from the bacteria. This year, we plan to redesign the chlorogenate esterase and lipase genes so that they contain the proper tags that will allow them to be detected, and a secretion sequence. After we insert both genes into E. coli cells, we will test them to make sure they can secrete the plastic degrading enzymes and degrade PET plastic.
+
  margin: 0 auto;
−
</p>
+
  text-transform: uppercase;
 +
  background-color: #6b9eff;
 +
}
 +
.navbar nav a{
 +
  display: block;
 +
  text-decoration: none;
 +
  font-family: 'Share Tech Mono', monospace;
 +
  font-size: 20pt;
 +
  color: #000000;
 +
  font-style: bold;
 +
}
 +
.navbar nav a:hover{
 +
  color: #FF4212;
 +
}
 +
.navbar nav ul{
 +
  list-style: none;
 +
}
 +
.navbar nav ul li{
 +
  height: 300px;
 +
  line-height: 40px;
 +
  float: left;
 +
  text-align: center;
 +
  width: 170px;
 +
}
 +
.navbar nav ul li ul{
 +
  display: none;
 +
  line-height: 40px;
 +
  text-align: left;
 +
  width: 100%;
 +
}
 +
.navbar nav ul li:hover ul{
 +
  display: block;
 +
}
 +
.navbar nav ul li:hover{
 +
  display: block;
 +
}
 +
*/
  
−
</div>
+
</style>
 +
        <title>Baltimore Bio-Crew</title>
 +
        <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png">
 +
        <meta charset= "utf-8">
 +
        <link rel="stylesheet" href="style.css" type="text/css"
 +
        <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
        <link href="https://fonts.googleapis.com/css?family=Saira|Bubbler+One|Abel|Source+Sans+Pro|Share+Tech+Mono|Kalam" rel="stylesheet">
 +
      </head>
 +
      <body>
 +
<!-- This is the header-->
 +
<section>
 +
<header>
 +
        <div class="website">
 +
          <h2>BALTIMORE BIO-CREW</h2>
 +
          <h3>Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor</h3>
 
</header>
 
</header>
 +
</section>
 +
<section id="description" class= "projectDescription">
 +
<header>
 +
<div class="page">
  
−
</section>
+
                        <h2> Project Description </h2>
−
<section id="Footer" class="footerSection">
+
−
 
+
−
<br>
+
−
<h2>
+
−
Sponsers
+
−
</h2>
+
−
<h3>
+
−
The Baltimore BioCrew thanks our sponsors for their generous support of our team that made our project and travel to the Jamboree possible. Thank you!
+
−
</h3>
+
  
−
<footer>
+
</div>
−
 
+
</header>
−
<a href="http://www.bd.com/en-us">
+
−
  <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;">
+
−
</a>
+
−
<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>
+
−
 
+
−
<a href="https://www.rwdfoundation.org/">
+
−
  <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;">
+
−
</a>
+
−
 
+
−
<a href="http://vwrfoundation.org/">
+
−
  <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://vwrfoundation.org/">
+
−
  <img src="https://media.licdn.com/mpr/mpr/shrink_200_200/AAEAAQAAAAAAAAI8AAAAJDY0ZDg0ZjlkLWVlMTItNGI1Mi1iNWEwLWYzMDVlYWMwMTZhZg.png" alt="Maryland Recycling Network" style="width:100px; height:100px;">
+
−
</a>
+
−
 
+
−
</footer>
+
 
</section>
 
</section>
−
</body>
+
      </body>
−
</html>
+

Revision as of 15:45, 29 October 2017


BUGSS Logo
Home Team Project Results Design Notebook Composite Part Safety HP Silver Experiment Attribution Collaborations Interlab Contributions
.html{ height: 100%; } 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; text-shadow: 2px 2px #33FF33; padding-top: 20px; padding-bottom: 30px; font-family: 'Abel', san-serif; font-style: italic; color: black; text-decoration: underline; } h4{ font-size: 18px; font-style: italic; text-align: center; padding-top: 20px; padding-bottom: 30px; font-family: 'Abel', san-serif; color: black; } h2{ padding: 75px 0 0 0; font-size: 36px; font-style: normal; font-family: 'Saira', sans-serif; text-align: center; color: black; }

Baltimore Bio-Crew

BALTIMORE BIO-CREW

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

Project Description