Difference between revisions of "Team:Exeter"

 
(157 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{Exeter}}
+
{{Exeter/header}}
 +
 
 
<html>
 
<html>
  
 +
<script>
 +
(function ($) {
 +
  $(document).ready(function(){
  
−
<div class="column full_size" >
+
    // hide .navbar first
−
<img src="https://static.igem.org/mediawiki/2017/8/86/T--Exeter--ReedHall.jpg">
+
    //$("#navbarStartpage").hide();
−
</div>
+
  
−
<div class="column full_size">
+
    // fade in .navbar
−
<h2> Abstract</h2>
+
    $(function () {
−
<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 <b> pili </b>. We will use mathematical modelling to inform design of our synthetic construct and to further understand this natural phenomenon. 
+
        $(window).scroll(function () {
−
</p>
+
−
</div>
+
  
−
<div class="column full_size" >
+
                // set distance user needs to scroll before we start fading
−
<h1> Welcome to iGEM 2017! </h1>
+
            if ($(this).scrollTop() > 100) {
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
                $('#navbarStartpage').fadeIn("slow");
−
</div>
+
            } else {
 +
                $('#navbarStartpage').fadeOut("fast");
 +
            }
 +
        });
 +
    });
  
 +
});
 +
  }(jQuery));
 +
</script>
  
−
<div class="clear"></div>
+
<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>
  
−
<div class="column half_size" >
+
    <ul class="nav justify-content-center">
−
<h5>Before you start: </h5>
+
      <!-- Project menu -->
−
<p> Please read the following pages:</p>
+
      <li class="nav-item dropdown">
−
<ul>
+
        <a class="nav-link dropdown-toggle" href="" id="projectDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
−
<li> <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
        <div class="dropdown-menu" aria-labelledby="projectDropdown">
−
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Description">Description</a>
−
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/HP/Fieldtrips">Field Trip</a>
−
</ul>
+
          <a class="dropdown-item" href="https://2017.igem.org/Team:Exeter/Design">Design</a>
−
</div>
+
        </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>
  
−
<div class="column half_size" >
 
−
<div class="highlight">
 
−
<h5> Styling your wiki </h5>
 
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 
−
</div>
 
−
</div>
 
  
−
<div class="column full_size" >
+
<!-- Jumbotron for carousel going at the top of start page -->
−
<h5> Wiki template information </h5>
+
  <div class="jumbotron" id="startPageJumbotron">
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
  
−
</div>  
+
        <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="column half_size" >
+
            <div class="carousel-item">
−
<h5> Editing your wiki </h5>
+
              <img class="d-block" src="https://static.igem.org/mediawiki/2017/2/28/T--Exeter--startpage_leaching.png" alt="Metals leaching">
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
              <div class="carousel-caption d-none d-md-block">
−
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
                <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>
 
  
 +
            <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="column half_size" >
 
−
<h5>Tips</h5>
 
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
 
−
<li>Have lots of funk! </li>
 
−
</ul>
 
−
</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="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
−
<ul>
 
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
</ul>
 
−
</div>
 
  
−
<div class="column half_size" >
+
            <div class="carousel-item">
−
<h5> Uploading pictures and files </h5>
+
              <img class="d-block" src="https://static.igem.org/mediawiki/2017/4/41/T--Exeter--startpage_cleaningwater.png" alt="Pili+ cleaning water">
−
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
              <div class="carousel-caption d-none d-md-block">
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
                <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 href="https://2017.igem.org/Special:Upload">
 
−
UPLOAD FILES
 
−
</a>
 
−
</p>
 
−
</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 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