Difference between revisions of "Team:UCL"

Line 1: Line 1:
 
{{Template:UCL/Bootstrap_2018}}
 
{{Template:UCL/Bootstrap_2018}}
{{Template:UCL/CSS_style}}
 
{{Template:UCL/Animate_CSS}}
 
{{Template:UCL/JQuery}}
 
{{Template:UCL/ParticleJS}}
 
{{Template:UCL/WOW_JS}}
 
  
 +
<!--DOCTYPE html-->
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
  <title>UCL SETA</title>
 
  <link rel="stylesheet" href="style.css" />
 
  <link rel="stylesheet" href="bootstrap1.css" />
 
<link rel="stylesheet"href="resources/css/animate.min.css" />
 
<script src="resources/js/jquery-3.3.1.min.js"></script>
 
<script>
 
$(document).ready(function(){
 
  $("a").on('click', function(event) {
 
    if (this.hash !== "") {
 
      event.preventDefault();
 
      var hash = this.hash;
 
      $('html, body').animate({
 
        scrollTop: $(hash).offset().top
 
      }, 1500, function(){
 
        window.location.hash = hash;
 
      });
 
    }
 
  });
 
});
 
</script>
 
<script type="text/javascript">
 
  $(window).on('scroll',function(){
 
    if($(window).scrollTop()){
 
      $('nav').addClass('black');
 
  }
 
    else {
 
      $('nav').removeClass('black');
 
    }
 
  })
 
</script>
 
  
<script src="/Resources/js/ParticlesJS""></script>
+
    <meta charset="utf-8" />
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
    <meta name="description" content="UCL iGEM 2018 Wiki">
 +
    <meta name="author" content="UCL iGEM 2018" />
  
<script>
+
     <title>UCL iGEM 2018</title>
     particlesJS.load('particle-bg','particles.json',function(){
+
      console.log('Particles.js loaded..');
+
    });
+
</script>
+
<script src="/Resources/js/wow.min.js"></script>
+
<script>
+
  new WOW().init();
+
</script>
+
  
 
</head>
 
</head>
  
 +
<!-- STYLE
 +
============================================================================ -->
 
<style>
 
<style>
  
 +
#sideMenu,
 +
#top_title {
 +
    display: none; //removes the top iGEM logo thing
 +
}
  
 
+
#content {
 +
    width: 100vw;
 +
    padding: 0px;
 +
    border: none;
 +
    color: black;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    background-color: #fff;
 +
    position: relative;
 +
}
  
 
</style>
 
</style>
 +
 
<body>
 
<body>
  <!-- ========NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR================NAVBAR============ -->
 
  <div class="wrapper">
 
      <div class="div-logo"><a href="https://2018.igem.org/Team:UCL">
 
        <img class="img-logo"src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" /></a>
 
      </div>
 
    <nav>
 
      <ul>
 
        <li><a href="https://2018.igem.org/Team:UCL/People">People</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/People/Team">Team</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/People/Attributions">Attributions</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/People/Sponsors">Sponsors</a></li>
 
          </ul>
 
        </li>
 
        <li><a href="https://2018.igem.org/Team:UCL/Project">Project</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/FB">Final Brick Standardisation</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/Intein">Intein Technology</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/Spider_Silk">Spider Silk</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/Results">Results</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/POP">Proof of Principle</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/InterLab">InterLab</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Project/Safety">Safety and Security</a></li>
 
          </ul>
 
        </li>
 
        <li><a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/FB">Final Brick</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/Intein_mScar">Intein Passenger</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/GFP">GFP Reporter</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/RFP">RFP Reporter</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/MS">Mini Spindroin</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/IS">Intein Spindroin</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/NikR">NikR</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Parts/SpyTag">SpyTag</a></li>
 
          </ul>
 
        </li>
 
        <li><a href="https://2018.igem.org/Team:UCL/Modelling">Modelling</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/Modelling/Intein">Intein</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Modelling/Intein_Poly">Intein Polymerisation</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Modelling/LAMMPS">LAMMPS</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a></li>
 
          </ul>
 
        </li>
 
        <li><a href="https://2018.igem.org/Team:UCL/HP">Human Practices</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/HP/IHP">Integrated Human Practices</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/HP/PE">Public Engagement</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/HP/Collaborations">Collaborations</a></li>
 
          </ul>
 
        </li>
 
        <li>
 
          <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
 
          <ul>
 
            <li><a href="https://2018.igem.org/Team:UCL/Notebook/Lab_Book">Lab Book</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Notebook/Protocols">Protocols</a></li>
 
            <li><a href="https://2018.igem.org/Team:UCL/Notebook/MC">Medal Criteria</a></li>
 
          </ul>
 
        </li>
 
      </ul>
 
    </nav>
 
  
  </div>
+
<!-- NAVBAR
  <!-- ========HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING===============HEADING======== -->
+
============================================================================ -->
  <section id="particle-bg"class="sec1"></section>
+
    <div class="particle-bg-heading">
+
  
      <div class="acronym1 acronym animated fadeInRight">S</div><div class="heading1 heading animated fadeIn">ilk</div>
+
<nav class="navbar navbar-expand-sm bg-light navbar-light fixed-top justify-content">
      <br />
+
    <!-- Logo -->
      <div class="acronym2 acronym animated fadeInRight">E</div><div class="heading2 heading animated fadeIn">ngineered</div>
+
    <a class="navbar-brand" href="https://2018.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" width="70" align="middle" ></a>
      <br />
+
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="navbarDropdown" aria-expanded="false"><span class="navbar-toggler-icon"></span></button>
      <div class="acronym3 acronym animated fadeInRight">T</div><div class="heading3 heading animated fadeIn">echnology &</div>
+
      <br  />
+
      <div class="acronym4 acronym animated fadeInRight">A</div><div class="heading4 heading animated fadeIn">pplications</div>
+
      <br />
+
      <br />
+
      <br />
+
      <div class="particle-bg-intro animated fadeIn" style="font-size: 20px;">With five times the strength of steel, spider silk is the ideal material both in biodegradability and biocompatibility. Here at UCL, we aim to use spider silk to create metal-binding scaffolds for filtering purposes as well as aiding tissue regeneration.
+
    </div>
+
  
 +
    <!-- Links -->
 +
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
 +
        <ul class="nav nav-justified">
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown" href="https://2018.igem.org/Team:UCL/Project" id="navbardrop" data-toggle="dropdown">Project</a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Project/Description">Description</a></li>
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Project/Parts">Parts</a></li>
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Project/Results">Results</a></li>
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Project/InterLab">InterLab</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown" href="https://2018.igem.org/Team:UCL/Modelling" id="navbardrop" data-toggle="dropdown">Modelling</a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Modelling/Equation">Equation</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown" href="https://2018.igem.org/Team:UCL/HP" id="navbardrop" data-toggle="dropdown">Human Practices</a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/HP/Collaborations">Collaborations</a></li>
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/HP/Outreach">Outreach</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="https://2018.igem.org/Team:UCL/Team" id="navbardrop" data-toggle="dropdown">Team<i class="fa fa-caret-down"></i></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Team/People">Description</a></li>
 +
                    <li><a class="dropdown-item" href="https://2018.igem.org/Team:UCL/Team/Acknowledgements">Acknowledgements</a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 
     </div>
 
     </div>
 +
</nav>
  
 +
<!-- MAIN BODY
 +
============================================================================ -->
 +
<div class="clear extra_space"></div>
 +
<br />
 +
<br />
 +
<br />
 +
<div class="container container-fluid">
 +
    <h1 class="text-center">2018 UCL iGEM Team<br></br><small>Thank you for checking out our Wiki page. It is still under construction.</small></h1>
 +
    <br></br>
 +
    <center><img class="img-fluid" src="https://static.igem.org/mediawiki/2018/a/a3/T--UCL--logo1.jpg" alt="our logo" width= "800" /></center>
 +
    <br></br>
 +
    <h2 class="text-center">Spider silk as a biomaterial</h2>
 +
    <p class="text-justify">Spider silk is famous for its mechanical properties including strength and toughness, but it is also biodegradable and biocompatible. The cannibalistic nature of spiders renders the harvesting challenging. Therefore, recombinant spider silks have been developed to produce synthetic spider silks in bacteria. <br></br>
  
     <div class="scroll animated fadeIn">
+
     The spider silk fibres can be arranged in a variety of biomaterial structures such as hydrogels, non-woven filters, spheres and capsules, and biofilms. These can be used as cell scaffolds, wound healing, drug delivery, cosmetics and textiles.<br></br>
        <a href="#section1"class="nostyle">&#65088;TESING</a>
+
    </div>
+
  
 +
    The structure of the encoded protein guarantees a direct control of its self-assembly through pH changes, hence preventing aggregation of the final fibre. While this occurs naturally in silk-producing spiders, it can be effectively replicated in the lab via controlling the production with targeted PI control systems.
 +
    </p>
  
 +
    <h2 class="text-center">Our approach</h2>
  
 +
    <p class="text-justify">Previous iGEM teams have focused on the possibilities linked with spider silk for biomaterial applications, the UCL iGEM 2018 team, however wants to explore the properties of spider silk for the creation of widely applicable biomaterials, spanning from recovery of metals to tissue engineering.<br></br>
  
 +
    Our initial design is to use a SpyCatcher-Silk fusion protein to create a modular platform for the functionalisation of spider silk proteins. This can be expanded upon to create engineered spider silk with metal binding proteins for metal recovery or growth factors for tissue engineering and regenerative medicine. <br></br>
  
<!-- ========SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION=================SECTION========= -->
+
     By collaborating with the UCL Department of Biochemical Engineering we intend to go beyond a simple proof of principle by developing a production process at a manufacturing scale. We intend to develop a large-scale model through real testing at benchtop and pilot scales.
  <section class="section1" id="section1">
+
     <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
 
     </p>
 
     </p>
 +
</div>
  
  </section>
+
<!-- FOOTER
  <section class="section2" id="section2">
+
============================================================================ -->
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
  
  </section>
+
<div class="clear extra_space"></div>
  <section class="section3" id="section3">
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
  
  </section>
+
</body>
  <section class="section4" id="section4">
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
    </p>
+
  
  </section>
 
  <section class="section5" id="section5">
 
    <p>
 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
    </p>
 
    <p>
 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
    </p>
 
    <p>
 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
    </p>
 
 
  </section>
 
</body>
 
 
</html>
 
</html>

Revision as of 18:08, 13 September 2018

UCL iGEM 2018




2018 UCL iGEM Team

Thank you for checking out our Wiki page. It is still under construction.



our logo


Spider silk as a biomaterial

Spider silk is famous for its mechanical properties including strength and toughness, but it is also biodegradable and biocompatible. The cannibalistic nature of spiders renders the harvesting challenging. Therefore, recombinant spider silks have been developed to produce synthetic spider silks in bacteria.

The spider silk fibres can be arranged in a variety of biomaterial structures such as hydrogels, non-woven filters, spheres and capsules, and biofilms. These can be used as cell scaffolds, wound healing, drug delivery, cosmetics and textiles.

The structure of the encoded protein guarantees a direct control of its self-assembly through pH changes, hence preventing aggregation of the final fibre. While this occurs naturally in silk-producing spiders, it can be effectively replicated in the lab via controlling the production with targeted PI control systems.

Our approach

Previous iGEM teams have focused on the possibilities linked with spider silk for biomaterial applications, the UCL iGEM 2018 team, however wants to explore the properties of spider silk for the creation of widely applicable biomaterials, spanning from recovery of metals to tissue engineering.

Our initial design is to use a SpyCatcher-Silk fusion protein to create a modular platform for the functionalisation of spider silk proteins. This can be expanded upon to create engineered spider silk with metal binding proteins for metal recovery or growth factors for tissue engineering and regenerative medicine.

By collaborating with the UCL Department of Biochemical Engineering we intend to go beyond a simple proof of principle by developing a production process at a manufacturing scale. We intend to develop a large-scale model through real testing at benchtop and pilot scales.