Difference between revisions of "Team:Exeter"

 
(68 intermediate revisions by 5 users not shown)
Line 14: Line 14:
 
         $(window).scroll(function () {
 
         $(window).scroll(function () {
  
−
                 // set distance user needs to scroll before we start fadeIn
+
                 // set distance user needs to scroll before we start fading
 
             if ($(this).scrollTop() > 100) {
 
             if ($(this).scrollTop() > 100) {
 
                 $('#navbarStartpage').fadeIn("slow");
 
                 $('#navbarStartpage').fadeIn("slow");
Line 28: Line 28:
  
 
<nav id="navbarStartpage" class="navbar navbar-expand justify-content-center fixed-top">
 
<nav id="navbarStartpage" class="navbar navbar-expand justify-content-center fixed-top">
−
     <span id="navbar-top-placeholder"></span>
+
     <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">
 
     <ul class="nav justify-content-center">
Line 36: Line 36:
 
         <div class="dropdown-menu" aria-labelledby="projectDropdown">
 
         <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/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>
 
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Design">Design</a>
 
         </div>
 
         </div>
Line 43: Line 44:
 
         <a class="nav-link dropdown-toggle" href="" id="labDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Lab</a>
 
         <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">
 
         <div class="dropdown-menu" aria-labelledby="labDropdown">
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Experiments">Experiments</a>
+
           <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/Notebook">Notebook</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/Results">Results</a>
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Future">Future</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/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/InterLab">Interlab</a>
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Fieldtrips">Fieldtrip</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>
 
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Safety">Safety</a>
 
         </div>
 
         </div>
Line 57: Line 58:
 
         <a class="nav-link dropdown-toggle" href="" id="partsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
 
         <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">
 
         <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/Basic_Part">Basic Parts</a>
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Composite_Part">Composite part</a>
+
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Composite_Part">Composite Parts</a>
−
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Part_Collection">Part collection</a>
+
 
         </div>
 
         </div>
 
       </li>
 
       </li>
Line 68: Line 68:
 
       <!-- Filter menu -->
 
       <!-- Filter menu -->
 
       <li class="nav-item dropdown">
 
       <li class="nav-item dropdown">
−
         <a class="nav-link dropdown-toggle" href="" id="filterDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Filter</a>
+
         <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">
 
         <div class="dropdown-menu" aria-labelledby="filterDropdown">
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Applied_Design">Applied Design</a>
+
           <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/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/Hydrocyclone">Hydrocyclone</a>
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/FMR">Fluidised Media Reactor</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/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/Filter_Stakeholders">Stakeholders' Influence</a>
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Future">Future of our filter</a>
+
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Future">Future of our Filter</a>
 
         </div>
 
         </div>
 
       </li>
 
       </li>
Line 83: Line 83:
 
         <a class="nav-link dropdown-toggle" href="" id="hpDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 
         <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">
 
         <div class="dropdown-menu" aria-labelledby="hpDropdown">
−
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Silver">Overview</a>
+
           <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/Engagement">Public engagement</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/Gold_Integrated">Integrated Human Practices</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>
 
         </div>
 
       </li>
 
       </li>
Line 92: Line 94:
 
         <a class="nav-link dropdown-toggle" href="" id="teamDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 
         <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">
 
         <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/Team">Our Members</a>
 
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Attributions">Attributions</a>
 
           <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Attributions">Attributions</a>
 
         </div>
 
         </div>
Line 112: Line 114:
  
 
         <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 class="w-50 mx-auto" id="carouselDescription">...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 128: 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 class="w-50 mx-auto" id="carouselDescription">...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 137: 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 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 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 145: 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 class="w-50 mx-auto" id="carouselDescription">...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 155: 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 class="w-50 mx-auto" id="carouselDescription">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>
−
           <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+
 
−
           <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
 
−
           <span class="sr-only">Previous</span>
+
           <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>
−
           <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+
           <a class="carousel-control-next" href="#carouselStartPage" role="button" data-slide="next">
−
           <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
           <img id="carousel-chevron" src="https://static.igem.org/mediawiki/2017/b/b0/T--Exeter--chevron_right.svg">
−
           <span class="sr-only">Next</span>
+
          <!-- <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
           <span class="sr-only">Next</span> -->
 
           </a>
 
           </a>
−
          <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>
 
−
          </ol>
 
  
 
         </div>
 
         </div>
Line 179: 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 199: 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 211: 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 224: 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