Difference between revisions of "Team:Toronto"

 
(90 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
.grid-container {
 
.grid-container {
 
   display: grid;
 
   display: grid;
   grid-template-columns: 300px 300px 300px;
+
   grid-template-columns: 300px 300px 300px 300px;
   grid-gap: 50px;
+
   grid-gap: 30px;
   background-color: rgba(255, 255, 255, 1.0);
+
   background-color: rgba(0,0,0,0.0);
 
   border-radius: 0px;
 
   border-radius: 0px;
 
   padding-bottom: 30px;
 
   padding-bottom: 30px;
Line 15: Line 15:
 
.grid-container > div {
 
.grid-container > div {
 
   background-color: rgba(15,65,92,1.0);
 
   background-color: rgba(15,65,92,1.0);
   border-style: solid;
+
   border: 3px solid white;
border-color: black;
+
 
border-radius: 0%;
 
border-radius: 0%;
 
   text-align: center;
 
   text-align: center;
Line 22: Line 21:
 
   font-size: 30px;
 
   font-size: 30px;
 
   line-height: 30px;
 
   line-height: 30px;
 +
}
 +
 +
}
 +
.timeline-wrapper {
 +
  position: relative;
 +
  padding-bottom: 25em;
 +
  background: linear-gradient(#000 10%, #283048 60%, #55679a 70%, rgba(15,65,92,1.0));
 
}
 
}
  
 
.center {
 
.center {
 
     position: relative;
 
     position: relative;
    border: 3px solid green;
 
 
}
 
}
  
Line 38: Line 43:
 
}
 
}
  
 
+
h1 {
 +
  font-size: 40px;
 +
  line-height: 50px;
 +
  word-break: break-all;
 +
}
 
</style>
 
</style>
  
Line 47: Line 56:
  
 
<body>
 
<body>
<!--
 
  <div class="video-background">
 
    <div class="video-foreground">
 
      <img src="https://static.igem.org/mediawiki/2018/e/e1/T--Toronto--Day_HP-banner-mk2.gif" alt="Banner Failed" style="width:100%;height:100%;">
 
    </div>
 
  </div>
 
-->
 
  
  <div style="width:100%;color:white;text-align: center;padding-top:550px;padding-bottom:0px;background-image:url('https://static.igem.org/mediawiki/2018/f/f7/T--Toronto--campus.jpg'); top:-87px; background-color:rgba(0,0,0,0.0); background-repeat: no-repeat; background-size: cover;">
+
<div style="background-color: rgba(73,175,188,1.0);">
 +
 
 +
 
 +
 
 +
  <div style="color:white;text-align: center;padding-top:350px;padding-bottom:0px;background-image:url('https://static.igem.org/mediawiki/2018/2/23/T--Toronto--2018_Homepagebanner2.png'); background-color:rgba(255,255,255,1.0); background-repeat: no-repeat; background-size: cover;">
 
     <div style="width:100%; margin:0 auto; background-color:rgba(0,0,0,0.7); padding-top: 30px; padding-bottom: 30px; color:white;text-align: center;">
 
     <div style="width:100%; margin:0 auto; background-color:rgba(0,0,0,0.7); padding-top: 30px; padding-bottom: 30px; color:white;text-align: center;">
 
       <h1 style="background-color:rgba(0,0,0,0.0); color:white; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:40px; line-height:40px;">
 
       <h1 style="background-color:rgba(0,0,0,0.0); color:white; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; font-size:40px; line-height:40px;">
 
       <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Toronto--2017_igemTO2017-logo.svg" alt="Logo" style="width:600px;">
 
       <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Toronto--2017_igemTO2017-logo.svg" alt="Logo" style="width:600px;">
       </br>Home of Toronto's 2018 Team</h1>
+
       </br></br>Flotation, Separation, Bio-remediation</h1>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
+
 
 
   <!--
 
   <!--
 
   <div style="width:100%;color:white;text-align: center;padding-top:40px; padding-bottom:40px; background-color:rgba(0,0,0,1); background-image: linear-gradient(to bottom, black, black);">
 
   <div style="width:100%;color:white;text-align: center;padding-top:40px; padding-bottom:40px; background-color:rgba(0,0,0,1); background-image: linear-gradient(to bottom, black, black);">
Line 68: Line 74:
 
   </div>
 
   </div>
 
   -->
 
   -->
   <div class="center" style="height: 400px">
+
  <div style="background-color: rgba(0,0,0,0.0);">
 +
   <div class="center" style="height: 400px; width: 80%;">
 
   <div class="centerPacker">
 
   <div class="centerPacker">
 
   <div class="grid-container">
 
   <div class="grid-container">
 +
    <div class="item3">
 +
      <h1 style="text-align: center;">
 +
        <a style="text-align: center; color: rgba(255, 255, 255, 1.0);" href="https://2018.igem.org/Team:Toronto/Project">
 +
            </br>
 +
            PROJECT 
 +
        </a>
 +
      </h1>
 +
    </div>
 
   <div class="item1">
 
   <div class="item1">
<h1 class="textArial" style="text-align: center;">
+
<h1 style="text-align: center;">
       <a style="color:black; margin-bottom: 0px;" href="https://2018.igem.org/Team:Toronto/Project/Description">
+
       <a style="text-align: center; color: rgba(255, 255, 255, 1.0);" href="https://2018.igem.org/Team:Toronto/PolicyAndPractices">
    P & P
+
    POLICY </br>
 +
          AND </br>
 +
          PRACTICES
 
       </a>
 
       </a>
 
     </h1>
 
     </h1>
<p style="text-align: center;">
 
  Projects first and foremost must be important to people. We answer why our project is important and what we have done to involve communities</br>
 
</p>
 
 
</div>
 
</div>
 
   <div class="item2">
 
   <div class="item2">
<h1 class="textArial" style="text-align: center;">
+
<h1 style="text-align: center;">
       <a style="color:black;" href="https://2018.igem.org/Team:Toronto/Project/Demonstrate">
+
       <a style="text-align: center; color: rgba(255, 255, 255, 1.0);" href="https://2018.igem.org/Team:Toronto/DryLab">
    DRYLAB
+
          </br>
 +
          DRYLAB  
 
       </a>
 
       </a>
 
     </h1>
 
     </h1>
<p style="text-align: center;">
+
</div>
      A dry lab is a laboratory where computational or applied mathematical analyses are done on a
+
      computer-generated model to simulate a phenomenon in the physical realm.</br>
+
</p>
+
</div>  
+
 
<div class="item3">
 
<div class="item3">
     <h1 class="textArial" style="text-align: center;">
+
     <h1 style="text-align: center;">
       <a style="color:black;" href="https://2018.igem.org/Team:Toronto/Project/Demonstrate">
+
       <a style="text-align: center; color: rgba(255, 255, 255, 1.0);" href="https://2018.igem.org/Team:Toronto/WetLab">
    WETLAB
+
          </br>
 +
          WETLAB  
 
       </a>
 
       </a>
 
     </h1>
 
     </h1>
<p style="text-align: center;">
 
      A wet lab is a type of laboratory in which a wide range of experiments are performed, for example,
 
      characterizing of enzymes in biology, titration in chemistry, diffraction of light in physics, etc. -
 
      all of which may sometimes involve dealing with hazardous substances.</br>
 
</p>
 
 
</div>
 
</div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
 
  <div>
 
  <a href="https://2018.igem.org/Team:Toronto/WetLab">
 
  <div style="width:100%; height: 0%; box-shadow: inset 0 0 300px black; background-color:rgba(51,102,153,1.0);background-image: url(https://static.igem.org/mediawiki/2018/c/cc/T--Toronto--6_29_2018_Safety_1.jpg); background-repeat: no-repeat; background-size: cover; color:white; float:left; padding-bottom:50px; padding-top:50px">
 
    <div style="margin: auto; width: 60%; -webkit-text-stroke-color: white; color: black;">
 
      <p style="float: left;"><img src="https://static.igem.org/mediawiki/2017/b/b4/T--Toronto--2017_drylab-modelling.svg" height="350px" width="350px" border="1px"></p>
 
      <p style="text-align: center; padding-top: 120px; -webkit-text-stroke-width: 5px;"><span style="font-family: impact, Sans-Serif; font-size: 180pt;">Wetlab</span></p>
 
      <p style="text-align: center; line-height: 30px;"><span style="font-family: impact, chicago; font-size: 40pt; -webkit-text-stroke-width: 2px;">No one knows what they do, but they're the backbone to the project</span></p>
 
    </div>
 
  </div>
 
  </a>
 
  <a href="https://2018.igem.org/Team:Toronto/DryLab">
 
  <div style="width:100%; height: 0%; box-shadow: inset 0 0 300px black; background-color:rgba(51,102,153,1.0);background-image: url(http://freeimagez.com/wp-content/uploads/2016/07/Sitting-on-Desk-and-Working-on-Computer.jpg); background-repeat: no-repeat; background-size: cover; color:white; float:left; padding-bottom:50px; padding-top:50px">
 
    <div style="margin: auto; width: 60%; -webkit-text-stroke-color: black; color: white;">
 
      <p style="float: left;"><img src="https://static.igem.org/mediawiki/2017/2/21/T--Toronto--2017_wetlab-results.svg" height="350px" width="350px" border="1px"></p>
 
      <p style="text-align: center; padding-top: 120px; -webkit-text-stroke-width: 5px;"><span style="font-family: impact, Sans-Serif; font-size: 180pt;">Drylab</span></p>
 
      <p style="text-align: center; line-height: 30px;"><span style="font-family: impact, chicago; font-size: 40pt; -webkit-text-stroke-width: 2px;">One day soon we'll have something to upload</span></p>
 
    </div>
 
  </div>
 
  </a>
 
  <a href="https://2018.igem.org/Team:Toronto/PolicyAndPractices">
 
  <div style="width:100%; height: 0%; box-shadow: inset 0 0 300px black; background-color:rgba(51,102,153,1.0);background-image: url(https://www.gchq.gov.uk/sites/default/files/styles/js_crop_1000x500/public/node_thumbnail_images/3_2_What-kind-of-people-work-at-GCHQ.jpg?itok=TFsS4wcE); background-repeat: no-repeat; background-size: cover; color:white; float:left; padding-bottom:50px; padding-top:50px">
 
    <div style="margin: auto; width: 60%; -webkit-text-stroke-color: white; color: black;">
 
      <p style="float: left;"><img src="https://static.igem.org/mediawiki/2017/9/9c/T--Toronto--2017_pnp-interview.svg" height="350px" width="350px" border="1px"></p>
 
      <p style="text-align: center; padding-top: 120px; -webkit-text-stroke-width: 5px;"><span style="font-family: impact, Sans-Serif; font-size: 180pt;">P&P</span></p>
 
      <p style="text-align: center; line-height: 30px;"><span style="font-family: impact, chicago; font-size: 40pt; -webkit-text-stroke-width: 2px;">Coming soon</span></p>
 
    </div>
 
  </div>
 
  </a>
 
 
   </div>
 
   </div>
 +
<div style="background-color: rgba(15,65,92,1.0); background-image: linear-gradient(#1f263c, #000000);">
 +
 +
<div class="center" style="height: 550px; width: 80%;">
 +
<div class="centerPacker">
 +
<h1 style="color: rgba(255,255,255,1.0); font-size: 50px; line-height:50px;">ABOUT US</h1>
 +
<p style="color: rgba(255,255,255,1.0); font-size: 20px; line-height:20px; text-align: center;">Our project focuses on demonstrating flotation of <i>Escherichia coli</i> using gas vesicle proteins (GvPs) as a novel cellular separation technique for bioremediation processes. Current techniques used in different industries such as mining and municipal wastewater treatment, are mechanical, harmful to the environment and expensive. We propose that our system will be a more cost-effective separation technique for various bioremediation processes.
 +
</br></br>
 +
Previous iGEM teams have demonstrated gas vesicle production and flotation in mammalian and yeast cells using GvPs from various bacterial species. Shapiro <i>et al.</i>, (2018) engineered a GvP-producing plasmid using arg1 from <i>Aphanizomenon flos-aquae</i> and <i>Bacillus megaterium</i> to synthesize these echogenic structures and observed that high expression enabled <i>E. coli</i> to float.
 +
</br></br>
 +
Our goal is to replicate and improve their flotation results by modifying arg1 to achieve consistent flotation using a specific induction protocol. Upon sorption or uptake of pollutants or valuable materials, this technique could allow for simpler extraction of pollutant-harboring or heavy metal-bound bacteria.</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 
   <div style="width:100%;height:60px;background-color:rgba(0,0,0,1.0);color:white;text-align: center; float:left; padding-bottom:100px;">
 
   <div style="width:100%;height:60px;background-color:rgba(0,0,0,1.0);color:white;text-align: center; float:left; padding-bottom:100px;">
 
     <h1 style="background-color:rgba(0,0,0,0.0);color:black;font: bold 40px/80px Helvetica, Sans-Serif; ">footer 2018</h1>
 
     <h1 style="background-color:rgba(0,0,0,0.0);color:black;font: bold 40px/80px Helvetica, Sans-Serif; ">footer 2018</h1>

Latest revision as of 23:38, 17 October 2018

Logo

Flotation, Separation, Bio-remediation

ABOUT US

Our project focuses on demonstrating flotation of Escherichia coli using gas vesicle proteins (GvPs) as a novel cellular separation technique for bioremediation processes. Current techniques used in different industries such as mining and municipal wastewater treatment, are mechanical, harmful to the environment and expensive. We propose that our system will be a more cost-effective separation technique for various bioremediation processes.

Previous iGEM teams have demonstrated gas vesicle production and flotation in mammalian and yeast cells using GvPs from various bacterial species. Shapiro et al., (2018) engineered a GvP-producing plasmid using arg1 from Aphanizomenon flos-aquae and Bacillus megaterium to synthesize these echogenic structures and observed that high expression enabled E. coli to float.

Our goal is to replicate and improve their flotation results by modifying arg1 to achieve consistent flotation using a specific induction protocol. Upon sorption or uptake of pollutants or valuable materials, this technique could allow for simpler extraction of pollutant-harboring or heavy metal-bound bacteria.

footer 2018