Difference between revisions of "Team:Exeter"

 
(87 intermediate revisions by 5 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
<script>
 +
(function ($) {
 +
  $(document).ready(function(){
 +
 +
    // hide .navbar first
 +
    //$("#navbarStartpage").hide();
 +
 +
    // fade in .navbar
 +
    $(function () {
 +
        $(window).scroll(function () {
 +
 +
                // set distance user needs to scroll before we start fading
 +
            if ($(this).scrollTop() > 100) {
 +
                $('#navbarStartpage').fadeIn("slow");
 +
            } else {
 +
                $('#navbarStartpage').fadeOut("fast");
 +
            }
 +
        });
 +
    });
 +
 +
});
 +
  }(jQuery));
 +
</script>
 +
 +
<nav id="navbarStartpage" class="navbar navbar-expand justify-content-center fixed-top">
 +
    <span id="navbar-top-placeholder"><a href="https://2017.igem.org/Team:Exeter"><img id="logo-top-left" width="100%;" src="https://static.igem.org/mediawiki/2017/2/29/T--Exeter--startpage_logo.png"></a></span>
 +
 +
    <ul class="nav justify-content-center">
 +
      <!-- Project menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="projectDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 +
        <div class="dropdown-menu" aria-labelledby="projectDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Description">Description</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Fieldtrips">Field Trip</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Design">Design</a>
 +
        </div>
 +
      </li>
 +
      <!-- Lab menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="labDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Lab</a>
 +
        <div class="dropdown-menu" aria-labelledby="labDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Lab_Introduction">Introduction</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Experiments">Materials & Methods</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Results">Results</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Lab_Conclusion">Conclusions</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Collaborations">Collaborations</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/InterLab">Interlab</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Notebook">Notebook</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Safety">Safety</a>
 +
        </div>
 +
      </li>
 +
      <!-- Parts menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="partsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
 +
        <div class="dropdown-menu" aria-labelledby="partsDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Basic_Part">Basic Parts</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Composite_Part">Composite Parts</a>
 +
        </div>
 +
      </li>
 +
      <!-- Modelling menu -->
 +
      <li class="nav-item">
 +
        <a class="nav-link" href="https://2017.igem.org/Team:Exeter/Model">Model</a>
 +
      </li>
 +
      <!-- Filter menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="filterDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Applied Design</a>
 +
        <div class="dropdown-menu" aria-labelledby="filterDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Applied_Design">Introduction</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Current_Methods">Current Methods</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Hydrocyclone">Hydrocyclone</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/MBR">Metal Binding Reactor</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Bio-security">Biosecurity</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Filter_Stakeholders">Stakeholders' Influence</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Future">Future of our Filter</a>
 +
        </div>
 +
      </li>
 +
      <!-- Human practices menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="hpDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
        <div class="dropdown-menu" aria-labelledby="hpDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Intro">Introduction</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Background">Background</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Silver">Silver</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Gold_Integrated">Integrated-Gold</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Engagement">Education & <br> Public Engagement</a>
 +
        </div>
 +
      </li>
 +
      <!-- Team menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="teamDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 +
        <div class="dropdown-menu" aria-labelledby="teamDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Team">Our Members</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Attributions">Attributions</a>
 +
        </div>
 +
      </li>
 +
      <!-- Medals & Awards menu -->
 +
      <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="" id="medalsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Medals & Awards</a>
 +
        <div class="dropdown-menu" aria-labelledby="medalsDropdown">
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Medals">Medals</a>
 +
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Awards">Awards</a>
 +
        </div>
 +
      </li>
 +
    </ul>
 +
  </nav>
 +
 +
 
<!-- Jumbotron for carousel going at the top of start page -->
 
<!-- Jumbotron for carousel going at the top of start page -->
 
   <div class="jumbotron" id="startPageJumbotron">
 
   <div class="jumbotron" id="startPageJumbotron">
  
 
         <div id="carouselStartPage" class="carousel slide" data-ride="carousel" data-interval="15000">
 
         <div id="carouselStartPage" class="carousel slide" data-ride="carousel" data-interval="15000">
−
           <div class="carousel-inner">
+
           <ol class="mx-auto carousel-indicators">
 +
            <li data-target="#carouselStartPage" data-slide-to="0" class="active"></li>
 +
            <li data-target="#carouselStartPage" data-slide-to="1"></li>
 +
            <li data-target="#carouselStartPage" data-slide-to="2"></li>
 +
            <li data-target="#carouselStartPage" data-slide-to="3"></li>
 +
            <li data-target="#carouselStartPage" data-slide-to="4"></li>
 +
            <li data-target="#carouselStartPage" data-slide-to="5"></li>
 +
          </ol>
 +
            <div class="carousel-inner">
 +
         
 +
              <div class="carousel-item active">
 +
              <img id="carousel_logo" class="d-block" src="https://static.igem.org/mediawiki/2017/1/14/T--Exeter--Exeter_logo_carousel_homepage.png" alt="Exeter iGEM 2017">
 +
              </div>
  
  
−
             <div class="carousel-item active">
+
             <div class="carousel-item">
 
               <img class="d-block" src="https://static.igem.org/mediawiki/2017/b/b0/T--Exeter--startpage_mine.png" alt="Cornwall mine">
 
               <img class="d-block" src="https://static.igem.org/mediawiki/2017/b/b0/T--Exeter--startpage_mine.png" alt="Cornwall mine">
 
               <div class="carousel-caption d-md-block">
 
               <div class="carousel-caption d-md-block">
 
                 <h3>About 4000 years ago...</h3>
 
                 <h3>About 4000 years ago...</h3>
−
                 <p>...mining started in the South West of England, with a particular focus on Devon and Cornwall and only stopped as recently as 1998. The natural resources extracted brough great riches to the region but have left a legacy of devastating environmental consequences.</p>
+
                 <p class="w-50 mx-auto" id="carouselDescription">...mining started in the South West of England, with a particular focus in Devon and Cornwall, and only stopped as recently as 1998. The natural resources extracted brought great riches to the region, but have left a legacy of devastating environmental consequences.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 22: Line 142:
 
               <div class="carousel-caption d-none d-md-block">
 
               <div class="carousel-caption d-none d-md-block">
 
                 <h3>Today, the consequences...</h3>
 
                 <h3>Today, the consequences...</h3>
−
                 <p>...are more evident than ever. A litany of heavy metal ions are still found to be leaching from the mine sites into passing streams. Not only does this affect the surrounding flora and fauna, but there is potential for the pollution, if unchecked, to find its way into human consumption.</p>
+
                 <p class="w-50 mx-auto" id="carouselDescription">...are more evident than ever. A significant number of heavy metal ions are still found to be leaching from the mine sites into passing waters. Not only does this affect the surrounding flora and fauna, but there is potential for the pollution, if unchecked, to find its way into contact with humans.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 31: Line 151:
 
               <div class="carousel-caption d-none d-md-block">
 
               <div class="carousel-caption d-none d-md-block">
 
                 <h3>This summer...</h3>
 
                 <h3>This summer...</h3>
−
                 <p>...we took inspiration from the role of pili in bacterial pathogenicity. These hair-like structures have evolved the capability to bind to mannose molecules on cell surface membranes. While these pili were improving in E.coli, metallothioneins, capable of binding to numerous heavy metals, were developing in cyanobacteria and also in mammals. Our role was to bring these elements together.</p>
+
                 <p class="w-50 mx-auto" id="carouselDescription">...we took inspiration from the role of pili in bacterial pathogenicity. These hair-like structures have evolved the capability to bind to mannose molecules on cell surface membranes. While these pili were improving in <i> E. coli </i>, metallothioneins, capable of binding to numerous heavy metals, were developing in cyanobacteria and in mammals. Our role was to bring these elements together.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 39: Line 159:
 
               <img class="d-block" src="https://static.igem.org/mediawiki/2017/3/3a/T--Exeter--startpage_filter.png" alt="Filter system">
 
               <img class="d-block" src="https://static.igem.org/mediawiki/2017/3/3a/T--Exeter--startpage_filter.png" alt="Filter system">
 
               <div class="carousel-caption d-none d-md-block">
 
               <div class="carousel-caption d-none d-md-block">
−
                 <h3>Placed in a tripartite filter system...</h3>
+
                 <h3>Contained in a tripartite filter system...</h3>
−
                 <p>...our GMO help the environment without doing any harm. A hydrocyclone is a cheap and economical solution for separating larger particles from the inflow. A fluidised media reactor houses our bacteria and is sandwiched by bactericidal UV boxes.</p>
+
                 <p class="w-50 mx-auto" id="carouselDescription">...our GMOs help the environment without doing any harm. A hydrocyclone is a cheap and economical solution for separating larger particles from the inflow. A metal binding reactor houses our bacteria and is placed between a biosecurity mechanism preventing bacteria from entering and our bacteria from escaping the filtration system.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 49: Line 169:
 
               <div class="carousel-caption d-none d-md-block">
 
               <div class="carousel-caption d-none d-md-block">
 
                 <h3>Meet Pili<sup>+</sup> ...</h3>
 
                 <h3>Meet Pili<sup>+</sup> ...</h3>
−
                 <p>and see how <i>E. coli</i>, housed inside a small, closed and cheap filter unit, can bind heavy metal ion pollutants with foreign metalliothioneins fused to the terminal protein of proteinaceous hairs on the cell surface.</p>
+
                 <p class="w-50 mx-auto" id="carouselDescription">...and see how <i>E. coli</i>, housed inside a small, contained, cheap filter unit can bind heavy metal ion pollutants with foreign metalliothioneins fused to the terminal protein of proteinaceous hairs on the cell surface.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
−
          <ol class="carousel-indicators">
+
 
−
            <li data-target="#carouselStartPage" data-slide-to="0" class="active"></li>
+
 
−
            <li data-target="#carouselStartPage" data-slide-to="1"></li>
+
          <a class="carousel-control-prev" href="#carouselStartPage" role="button" data-slide="prev">
−
            <li data-target="#carouselStartPage" data-slide-to="2"></li>
+
          <img id="carousel-chevron" src="https://static.igem.org/mediawiki/2017/5/5f/T--Exeter--chevron_left.svg">
−
            <li data-target="#carouselStartPage" data-slide-to="3"></li>
+
          <!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span>  
−
            <li data-target="#carouselStartPage" data-slide-to="4"></li>
+
          <span class="sr-only">Previous</span> -->
−
           </ol>
+
          </a>
 +
          <a class="carousel-control-next" href="#carouselStartPage" role="button" data-slide="next">
 +
          <img id="carousel-chevron" src="https://static.igem.org/mediawiki/2017/b/b0/T--Exeter--chevron_right.svg">
 +
          <!-- <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
           <span class="sr-only">Next</span> -->
 +
          </a>
  
 
         </div>
 
         </div>
Line 65: Line 190:
 
   </div>
 
   </div>
 
   <div class="container-fluid">
 
   <div class="container-fluid">
−
    <!-- Row for project description
+
     <div class="row" id="achievements">
−
     <div class="row">
+
       <div class="col-12">
−
       <div class="col-2"></div>
+
        <h1 class="mx-auto">Achievements</h1>
 +
      </div>
  
−
       <div class="col-8" id="projectDescription">
+
       <div class="col-4">
−
         <h1>Pili<sup>+</sup></h1>
+
        <div class="card w-75 mx-auto m-3">
−
         <h3>Modified cell surface pili as a new vogue for bacterial bioremediation</h3>
+
         <img class="card-img-top w-75 mx-auto mt-3" src="https://static.igem.org/mediawiki/2017/e/ea/T--Exeter--Awards_logo.png" alt="Gold Medal">
−
        <p>
+
        <div class="card-body">
−
          Heavy metal ion pollutants have significant effects on local flora and fauna and their leaching has implications for human health. Current treatment methods are energetically costly and, in the case of lime dosing, environmentally detrimental. We aim to investigate <i>E. coli</i> type 1 pili adhesion mechanisms and repurpose the involved structures to bind heavy metal ions in water. Pili are hair-like structures found on bacteria that attach to cell surface mannose molecules, using their terminal pili protein, FimH. Our aim is to fuse a variety of metal binding proteins to the FimH protein by modification of the <i>fimH</i> gene. The modified bacteria will be contained in a fluidised media reactor filter system used in conjunction with a hydrocyclone to prevent GMO release. Our modular cloning strategy, allows us to develop a toolkit for a wide number of pili applications and further future developments.
+
        <h4 class="card-title" style="text-align:center;">Best Environment Project <br> <small><span class="text-muted">Overgraduate</span></small></h4>
−
         </p>
+
         </div>
 +
        </div>
 +
      </div>
 +
 
 +
      <div class="col-4">
 +
        <div class="card w-75 mx-auto m-3">
 +
        <img class="card-img-top w-75 mx-auto mt-3" src="https://static.igem.org/mediawiki/2017/c/cf/T--Exeter--Gold_Medal_Icon.png" alt="Gold Medal">
 +
        <div class="card-body">
 +
        <h4 class="card-title" style="text-align:center;">Gold Medal</h4>
 +
        </div>
 +
        </div>
 +
      </div>
 +
 
 +
      <div class="col-4">
 +
        <div class="card w-75 mx-auto m-3">
 +
        <img class="card-img-top w-75 mx-auto mt-3" src="https://static.igem.org/mediawiki/2017/e/ea/T--Exeter--Awards_logo.png" alt="Gold Medal">
 +
         <div class="card-body">
 +
        <h4 class="card-title" style="text-align:center;">Best Applied Design <br> <small><span class="text-muted">Overgraduate</span></small></h4>
 +
        </div>
 +
        </div>
 
       </div>
 
       </div>
−
      <div class="col-2"></div>
+
     </div>
−
     </div> -->
+
  
 
     <!-- Row for cards to access different aspects of the project-->
 
     <!-- Row for cards to access different aspects of the project-->
Line 85: Line 229:
 
         <div class="card text-center">
 
         <div class="card text-center">
 
             <div class="card-header">
 
             <div class="card-header">
−
               <img src="resources/lab-flask.svg">
+
               <img src="https://static.igem.org/mediawiki/2017/6/62/T--Exeter--logo_notebook.png">
 
             </div>
 
             </div>
 
             <div class="card-body">
 
             <div class="card-body">
 
               <h4 class="card-title">Learn about what we did this summer</h4>
 
               <h4 class="card-title">Learn about what we did this summer</h4>
−
               <p class="card-text">During the summer we worked in the lab to ...</p>
+
               <p class="card-text">During the summer we worked in the lab to produce modified type I pili in a suitable <i>E. coli</i> chassis. </p>
 
               <a href="https://2017.igem.org/Team:Exeter/Description" class="btn btn-primary" id="findOutMore">Find out more</a>
 
               <a href="https://2017.igem.org/Team:Exeter/Description" class="btn btn-primary" id="findOutMore">Find out more</a>
 
             </div>
 
             </div>
Line 97: Line 241:
 
         <div class="card text-center">
 
         <div class="card text-center">
 
             <div class="card-header">
 
             <div class="card-header">
−
               <img src="resources/globe.svg">
+
               <img src="https://static.igem.org/mediawiki/2017/5/53/T--Exeter--logo_filter.png">
 
             </div>
 
             </div>
 
             <div class="card-body">
 
             <div class="card-body">
Line 110: Line 254:
 
         <div class="card text-center">
 
         <div class="card text-center">
 
             <div class="card-header">
 
             <div class="card-header">
−
               <img src="resources/hand.svg">
+
               <img src="https://static.igem.org/mediawiki/2017/d/df/T--Exeter--logo_team_members.png">
 
             </div>
 
             </div>
 
             <div class="card-body">
 
             <div class="card-body">

Latest revision as of 13:52, 29 November 2017

Achievements

Gold Medal

Best Environment Project
Overgraduate

Gold Medal

Gold Medal

Gold Medal

Best Applied Design
Overgraduate

Learn about what we did this summer

During the summer we worked in the lab to produce modified type I pili in a suitable E. coli chassis.

Find out more

Find out about our filter system

As part of our project we developed a prototype of a filter system that could potentially be employed by the water industry.

Find out more

Meet the people behind the project

We are a team of ten undergraduate students from the University of Exeter.

Find out more