Difference between revisions of "Team:Exeter"

 
(126 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{Exeter/header}}
 
{{Exeter/header}}
−
{{Exeter/navbar}}
 
  
 
<html>
 
<html>
−
<div id="bs-overwrite">
 
−
  <div class="jumbotron">
 
−
    <h1>Pili<sup>+</sup></h1>
 
−
    <p>
 
−
    <b>Pili</b>, ubiquitous proteinaceous structures found in bacteria, are a known virulence factor due to their ability
 
−
    to bind to cell surface mannose molecules. The team's initial interest in these little bacterial hairs was
 
−
    spawned by research into adhesion mechanisms. Our project looks to repurpose the adhesion mechanism that has
 
−
    been naturally developed and enhanced over time, with a view to binding heavy metal pollutants in water. The
 
−
    bioremediation process can be refined and improved by development of a well characterised modular toolkit.
 
−
    Establishment of a reproducible method for replacing and modifying components of the <i>E. coli</i> fim operon in order
 
−
    to form a catalogue of heavy metal extracting pili. We will use mathematical modelling to inform design of our
 
−
    synthetic construct and to further understand this natural phenomenon.
 
  
−
</p>
+
<script>
 +
(function ($) {
 +
  $(document).ready(function(){
  
−
<html>
+
     // hide .navbar first
−
<head>
+
     //$("#navbarStartpage").hide();
−
<style>
+
−
img {
+
−
     display: block;
+
−
     margin: auto;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
  
−
<img src="https://static.igem.org/mediawiki/2017/7/72/T--Exeter--title_pic.png" alt="Paris" style="width:50%">
+
    // fade in .navbar
 +
    $(function () {
 +
        $(window).scroll(function () {
  
−
</body>
+
                // set distance user needs to scroll before we start fading
−
</html>
+
            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 -->
 +
  <div class="jumbotron" id="startPageJumbotron">
 +
 +
        <div id="carouselStartPage" class="carousel slide" data-ride="carousel" data-interval="15000">
 +
          <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">
 +
              <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">
 +
                <h3>About 4000 years ago...</h3>
 +
                <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 class="carousel-item">
 +
              <img class="d-block" src="https://static.igem.org/mediawiki/2017/2/28/T--Exeter--startpage_leaching.png" alt="Metals leaching">
 +
              <div class="carousel-caption d-none d-md-block">
 +
                <h3>Today, the consequences...</h3>
 +
                <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 class="carousel-item">
 +
              <img class="d-block" src="https://static.igem.org/mediawiki/2017/6/64/T--Exeter--startpage_binding.png" alt="Pili binding">
 +
              <div class="carousel-caption d-none d-md-block">
 +
                <h3>This summer...</h3>
 +
                <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 class="carousel-item">
 +
              <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">
 +
                <h3>Contained in a tripartite filter system...</h3>
 +
                <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 class="carousel-item">
 +
              <img class="d-block" src="https://static.igem.org/mediawiki/2017/4/41/T--Exeter--startpage_cleaningwater.png" alt="Pili+ cleaning water">
 +
              <div class="carousel-caption d-none d-md-block">
 +
                <h3>Meet Pili<sup>+</sup> ...</h3>
 +
                <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>
 +
 +
 +
          <a class="carousel-control-prev" href="#carouselStartPage" role="button" data-slide="prev">
 +
          <img id="carousel-chevron" src="https://static.igem.org/mediawiki/2017/5/5f/T--Exeter--chevron_left.svg">
 +
          <!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
          <span class="sr-only">Previous</span> -->
 +
          </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>
 
   </div>
−
  </div>
+
  <div class="container-fluid">
 +
    <div class="row" id="achievements">
 +
      <div class="col-12">
 +
        <h1 class="mx-auto">Achievements</h1>
 +
      </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 Environment Project <br> <small><span class="text-muted">Overgraduate</span></small></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/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>
 +
 
 +
    <!-- Row for cards to access different aspects of the project-->
 +
    <div class="row" id="startPageCards">
 +
      <!-- One card per column -->
 +
      <div class="col-lg-4 col-sm-12">
 +
        <div class="card text-center">
 +
            <div class="card-header">
 +
              <img src="https://static.igem.org/mediawiki/2017/6/62/T--Exeter--logo_notebook.png">
 +
            </div>
 +
            <div class="card-body">
 +
              <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 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>
 +
            </div>
 +
        </div>
 +
      </div>
 +
      <div class="col-lg-4 col-sm-12">
 +
        <div class="card text-center">
 +
            <div class="card-header">
 +
              <img src="https://static.igem.org/mediawiki/2017/5/53/T--Exeter--logo_filter.png">
 +
            </div>
 +
            <div class="card-body">
 +
              <h4 class="card-title">Find out about our filter system</h4>
 +
              <p class="card-text">As part of our project we developed a prototype of a filter system that could potentially be employed by the water industry.
 +
              </p>
 +
              <a href="https://2017.igem.org/Team:Exeter/Applied_Design" class="btn btn-primary" id="findOutMore">Find out more</a>
 +
            </div>
 +
        </div>
 +
      </div>
 +
      <div class="col-lg-4 col-sm-12">
 +
        <div class="card text-center">
 +
            <div class="card-header">
 +
              <img src="https://static.igem.org/mediawiki/2017/d/df/T--Exeter--logo_team_members.png">
 +
            </div>
 +
            <div class="card-body">
 +
              <h4 class="card-title">Meet the people behind the project</h4>
 +
              <p class="card-text">We are a team of ten undergraduate students from the University of Exeter.</p>
 +
              <a href="https://2017.igem.org/Team:Exeter/Team" class="btn btn-primary" id="findOutMore">Find out more</a>
 +
            </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 
</html>
 
</html>
 +
 +
{{Exeter/footer}}

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