Difference between revisions of "Team:UCL"

Line 8: Line 8:
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
−
     <title>UCL SETA - Parts</title>
+
     <title>UCL SETA - Homepage</title>
 +
   
 +
    <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 
      
 
      
 
</head>
 
</head>
Line 24: Line 26:
 
       var hash = this.hash;
 
       var hash = this.hash;
 
       $('html, body').animate({
 
       $('html, body').animate({
−
         scrollTop: $(hash).offset().top
+
         scrollTop: $(hash).offset().top - 100
 
       }, 1500, function(){
 
       }, 1500, function(){
 
         window.location.hash = hash;
 
         window.location.hash = hash;
Line 36: Line 38:
 
         new WOW().init();
 
         new WOW().init();
 
     </script>
 
     </script>
−
    <script>
 
−
    // The function actually applying the offset
 
−
  function offsetAnchor() {
 
−
      if(location.hash.length !== 0) {
 
−
          window.scrollTo(window.scrollX, window.scrollY - 100);
 
−
      }
 
−
  }
 
  
−
  // This will capture hash changes while on the page
 
−
  window.addEventListener("hashchange", offsetAnchor);
 
−
 
−
  // This is here so that when you enter the page with a hash,
 
−
  // it can provide the offset in that case too. Having a timeout
 
−
  // seems necessary to allow the browser to jump to the anchor first.
 
−
  window.setTimeout(offsetAnchor, 15);
 
−
  </script>
 
 
<body>
 
<body>
 +
<div class="background_img_igem">
 
   <div class="navbarzindex">
 
   <div class="navbarzindex">
 
   <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
 
   <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
Line 68: Line 56:
 
         <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
 
         <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
 
         <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
 
         <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
−
         <a href="https://2018.igem.org/Team:UCL/Sponsors">Sponsors</a>
+
         <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 77: Line 65:
 
     <div class="dropdown-content_igem"id="dropdownproject_igem">
 
     <div class="dropdown-content_igem"id="dropdownproject_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
 
         <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
−
        <a href="https://2018.igem.org/Team:UCL/Project/FB">Final Brick Standardisation</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Project/Intein">Intein Technology</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Project/Spider_Silk">Spider Silk</a>
 
 
         <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
 
         <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
−
         <a href="https://2018.igem.org/Team:UCL/Project/POP">Proof of Principle</a>
+
         <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
 
         <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 
         <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 
         <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
 
         <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
Line 93: Line 78:
 
         <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
 
         <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
 
         <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
 
         <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
−
        <a href="https://2018.igem.org/Team:UCL/Parts/FB">Final Brick</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/Intein_mScar">Intein Passenger</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/GFP">GFP Reporter</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/RFP">RFP Reporter</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/MS">Mini Spindroin</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/IS">Intein Spindroin</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/NikR">NikR</a>
 
−
        <a href="https://2018.igem.org/Team:UCL/Parts/SpyTag">SpyTag</a>
 
 
         <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 
         <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 
     </div>
 
     </div>
Line 110: Line 87:
 
     <div class="dropdown-content_igem"id="dropdownmodelling_igem">
 
     <div class="dropdown-content_igem"id="dropdownmodelling_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
 
         <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Intein">Intein</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Intein">Intein</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Intein_Poly">Intein Polymerisation</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Intein_Polymerisation">Intein Polymerisation</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/LAMMPS">LAMMPS</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#LAMMPS">LAMMPS</a>
−
         <a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a>
+
         <a href="https://2018.igem.org/Team:UCL/Model#Scale_Up">Scale Up</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 120: Line 97:
  
 
     </button>
 
     </button>
−
     <div class="dropdown-content_igem"id="dropdownhumanpractices_igem">
+
     <div class="dropdown-content_igem"id"dropdownhumanpractices_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
 
         <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
−
         <a href="https://2018.igem.org/Team:UCL/Integrated_Human_Practices">Integrated Human Practices</a>
+
         <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
−
        <a href="https://2018.igem.org/Team:UCL/HP/PE">Public Engagement</a>
+
 
         <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 
         <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 
     </div>
 
     </div>
Line 133: Line 109:
 
     <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 
     <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 
         <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
 
         <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
−
         <a href="https://2018.igem.org/Team:UCL/Notebook/Lab_Book">Lab Book</a>
+
         <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
−
        <a href="https://2018.igem.org/Team:UCL/Notebook/Protocols">Protocols</a>
+
−
        <a href="https://2018.igem.org/Team:UCL/Notebook/MC">Medal Criteria</a>
+
 
         <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 
         <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 
     </div>
 
     </div>
Line 197: Line 171:
 
}());
 
}());
 
</script>
 
</script>
 +
  
 
<!-- CONTENT**************************************************************************************************************************************************** -->
 
<!-- CONTENT**************************************************************************************************************************************************** -->
Line 211: Line 186:
 
             <div class="acronym4 acronym animated fadeInRight">A</div><div class="heading4 heading animated fadeIn">pplications</div>
 
             <div class="acronym4 acronym animated fadeInRight">A</div><div class="heading4 heading animated fadeIn">pplications</div>
 
             <div class="particle-bg-intro animated fadeIn">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>
 
             <div class="particle-bg-intro animated fadeIn">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>
−
            <div class="scroll_igem animated fadeIn">
+
 
−
              <a href="#section1"class="nostyle">&#65088;</a>
+
−
            </div>
+
 
           </div>
 
           </div>
  
  
 
       </div>
 
       </div>
−
 
+
      <div class="scroll_igem animated fadeIn">
 +
        <a href="#section1"class="nostyle">&#65088;</a>
 +
      </div>
 
   </section>
 
   </section>
  
Line 226: Line 201:
  
 
     <section class="section1" id="section1">
 
     <section class="section1" id="section1">
−
         <div class="h1_igem_homepage">
+
         <center>
−
            Spider silk as a biomaterial
+
            <img class="infographic_igem" src="https://static.igem.org/mediawiki/2018/b/ba/T--UCL--infogrtry2_fin3_highres.png" />
−
        </div>
+
         </center>
−
        <p>
+
−
        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.
+
−
        </p>
+
−
        <p>
+
−
        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.
+
−
        </p>
+
−
        <p>
+
−
        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>
+
−
 
+
−
        <div class="h1_igem_homepage">
+
−
            Our approach
+
−
        </div>
+
−
        <p>
+
−
        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.
+
−
        </p>
+
−
        <p>
+
−
        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.
+
−
        </p>
+
−
        <p>
+
−
        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.
+
−
         </p>
+
 
     </section>
 
     </section>
−
</section>
 
  
 
<script src="https://2018.igem.org/Template:UCL/js/particles?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Template:UCL/js/particles?action=raw&ctype=text/javascript"></script>
−
 
 
   <script>
 
   <script>
 
       particlesJS('particles-js',{
 
       particlesJS('particles-js',{
Line 370: Line 321:
 
               });
 
               });
 
   </script>
 
   </script>
 +
  <div class="footer">
 +
      <div class="container">
 +
          <div class="row">
 +
              <div class="col-lg-4">
 +
                  <center>
 +
                      <div class="h2_footer_igem">Our Location</div>
 +
                      University College London<br />
 +
    Gower St, Bloomsbury<br />London <br />WC1E 6BT
 +
                      <span></span>
 +
 +
                  </center>
 +
              </div>
 +
              <div class="col-lg-4">
 +
                  <center>
 +
                      <div class="h2_footer_igem">Contact Us</div>
 +
                    ucl.igem@ucl.ac.uk
 +
                      <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
 +
                          <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
 +
                      </a>
 +
                  </center>
 +
              </div>
 +
              <div class="col-lg-4">
 +
                  <center>
 +
                      <div class="h2_footer_igem">Follow Us</div>
 +
                      <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
 +
                          <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                      </a>
 +
                      <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
 +
                          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                      </a>
 +
                      <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
 +
                          <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
 +
 +
                      </a>
 +
                  </center>
 +
              </div>
 +
          </div>
 +
      </div>
 +
  </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:47, 18 October 2018

UCL SETA - Homepage

S
ilk

E
ngineered

T
echnology &

A
pplications
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.
﹀
Our Location
University College London
Gower St, Bloomsbury
London
WC1E 6BT
Contact Us
ucl.igem@ucl.ac.uk
Follow Us