Difference between revisions of "Team:KCL UK/Demonstrate"

Line 1: Line 1:
 +
{{KCL_UK}}
 +
<html>
  
−
{{UCL/BootstrapCSS}}
 
−
{{UCL/Style}}
 
  
−
<html lang="en">
 
−
<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 - Parts</title>
 
−
   
 
−
</head>
 
  
−
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/BootstrapJS?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
 
  
 +
<div class="clear"></div>
  
−
<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>
+
<div class="column full_size">
−
        new WOW().init();
+
<h1>Improve</h1>
−
    </script>
+
<p>For teams seeking to improve upon a previous part or project, you should document all of your work on this page. Please remember to include all part measurement and characterization data on the part page on the Registry. Please include a link to your improved part on this page.</p>
−
    <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
+
<h3>Gold Medal Criterion #2</h3>
−
  window.addEventListener("hashchange", offsetAnchor);
+
<p><b>Standard Tracks:</b> Create a new part that has a functional improvement upon an existing BioBrick part. The sequences of the new and existing parts must be different. You must perform experiments with both parts to demonstrate this improvement.  Document the experimental characterization on the Part's Main Page on the Registry for both the existing and new parts. Both the new and existing Main Page of each Part’s Registry entry must reference each other. Submit a sample of the new part to the Registry.
  
−
  // This is here so that when you enter the page with a hash,
+
The existing part must NOT be from your 2018 part number range and must be different from the part documented in bronze #4.
−
  // 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>
+
−
  <div class="navbarzindex">
+
−
  <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
+
−
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
+
−
    </div>
+
  
−
<div class="topnav_igem" id="myTopnav_igem">
+
<br><br>
−
<div class="floatright_igem">
+
<b>Special Tracks:</b> Improve the function of an existing iGEM project (that your current team did not originally create) and display your achievement on your wiki.</p>
−
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="People()">People
+
−
 
+
−
    </button>
+
−
    <div class="dropdown-content_igem"id="dropdownpeople_igem">
+
−
        <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/Sponsors">Sponsors</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="Project()">Project
+
−
 
+
−
    </button>
+
−
    <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/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/Project/POP">Proof of Principle</a>
+
−
        <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
+
−
        <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="Parts()">Parts
+
−
 
+
−
    </button>
+
−
    <div class="dropdown-content_igem"id="dropdownparts_igem">
+
−
        <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/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>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
+
−
 
+
−
    </button>
+
−
    <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/Modelling/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/Modelling/LAMMPS">LAMMPS</a>
+
−
        <a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
+
−
 
+
−
    </button>
+
−
    <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/Integrated_Human_Practices">Integrated Human Practices</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>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown_igem">
+
−
    <button class="dropbtn_igem"onclick="Notebook()">Notebook
+
−
 
+
−
    </button>
+
−
    <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/Lab_Book">Lab Book</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>
+
−
    </div>
+
−
  </div>
+
  
  
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
 
−
<script>
 
−
  $(window).on('scroll',function(){
 
−
    if($(window).scrollTop()){
 
−
      $('.navbarzindex').addClass('black');
 
−
    }
 
−
    else {
 
−
      $('.navbarzindex').removeClass('black');
 
−
    }
 
−
  })
 
−
</script>
 
−
<script>
 
−
function myFunction() {
 
−
    var x = document.getElementById("myTopnav_igem");
 
−
    if (x.className === "topnav_igem") {
 
−
        x.className += " responsive";
 
−
    } else {
 
−
        x.className = "topnav_igem";
 
−
    }
 
−
}
 
−
</script>
 
−
 
−
 
−
 
−
<script>
 
−
(function(){
 
−
    var dropDownClass = 'dropdown-content_igem';
 
−
    var showClass = 'show_igem';
 
−
    var dropDowns = document.getElementsByClassName('dropdown_igem');
 
−
 
−
    var open = function(e){
 
−
        var openDropDown = e.target.nextElementSibling;
 
−
        var dropdowns = document.getElementsByClassName(dropDownClass);
 
−
 
−
        openDropDown.classList.toggle(showClass);
 
−
 
−
        var closeDropDown = function(event) {
 
−
            if (event.target === e.target) {
 
−
                return;
 
−
            }
 
−
            if (openDropDown.classList.contains(showClass)) {
 
−
                openDropDown.classList.remove(showClass);
 
−
            }
 
−
            window.removeEventListener('click', closeDropDown);
 
−
        };
 
−
        window.addEventListener('click', closeDropDown);
 
−
    }
 
−
 
−
    for(var i = 0; i < dropDowns.length; i++){
 
−
        dropDowns[i].children[0].addEventListener('click', open);
 
−
    }
 
−
}());
 
−
</script>
 
−
 
−
<!-- CONTENT**************************************************************************************************************************************************** -->
 
−
  <section id="particles-js" class="sec1">
 
−
      <div class="container">
 
−
          <div class="particle-bg-heading">
 
−
 
−
            <div class="acronym1 acronym animated fadeInRight">S</div><div class="heading1 heading animated fadeIn">ilk</div>
 
−
            <br />
 
−
            <div class="acronym2 acronym animated fadeInRight">E</div><div class="heading2 heading animated fadeIn">ngineered</div>
 
−
            <br />
 
−
            <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>
 
−
            <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>
 
−
 
−
  </section>
 
−
 
−
 
−
 
−
 
−
 
−
    <section class="section1" id="section1">
 
−
        <div class="h1_igem_homepage">
 
−
            Spider silk as a biomaterial
 
−
        </div>
 
−
        <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>
 
  
−
<script src="https://2018.igem.org/Template:UCL/js/particles?action=raw&ctype=text/javascript"></script>
 
  
−
  <script>
 
−
      particlesJS('particles-js',{
 
−
        "particles": {
 
−
          "number": {
 
−
            "value": 30,
 
−
            "density": {
 
−
              "enable": true,
 
−
              "value_area": 2000
 
−
            }
 
−
          },
 
−
          "color": {
 
−
            "value": "000000"
 
−
          },
 
−
          "shape": {
 
−
            "type": "circle",
 
−
            "stroke": {
 
−
              "width": 0,
 
−
              "color": "#f95c2c"
 
−
            },
 
−
            "polygon": {
 
−
              "nb_sides": 50
 
−
            },
 
−
            "image": {
 
−
              "src": "#",
 
−
              "width": 100,
 
−
              "height": 100
 
−
            }
 
−
          },
 
−
          "opacity": {
 
−
            "value": 0.2,
 
−
            "random": false,
 
−
            "anim": {
 
−
              "enable": false,
 
−
              "speed": 1,
 
−
              "opacity_min": 0,
 
−
              "sync": true
 
−
            }
 
−
          },
 
−
          "size": {
 
−
            "value": 1,
 
−
            "random": false,
 
−
            "anim": {
 
−
              "enable": false,
 
−
              "speed": 1,
 
−
              "size_min": 0,
 
−
              "sync": true
 
−
            }
 
−
          },
 
−
          "line_linked": {
 
−
            "enable": true,
 
−
            "distance": 1000,
 
−
            "color": "#ebebeb",
 
−
            "opacity": 0.50625,
 
−
            "width": 1
 
−
          },
 
−
          "move": {
 
−
            "enable": true,
 
−
            "speed": 1.5,
 
−
            "direction": "none",
 
−
            "random": true,
 
−
            "straight": false,
 
−
            "out_mode":"bounce",
 
−
            "bounce": false,
 
−
            "attract": {
 
−
              "enable": true,
 
−
              "rotateX": 150000,
 
−
              "rotateY": 150000
 
−
            }
 
−
          }
 
−
        },
 
−
        "interactivity": {
 
−
          "detect_on": "canvas",
 
−
          "events": {
 
−
            "onhover": {
 
−
              "enable": true,
 
−
              "mode": "grab"
 
−
            },
 
−
            "onclick": {
 
−
              "enable": true,
 
−
              "mode": "push"
 
−
            },
 
−
            "resize": true
 
−
          },
 
−
          "modes": {
 
−
            "grab": {
 
−
              "distance": 1000,
 
−
              "line_linked": {
 
−
                "opacity": 1
 
−
              }
 
−
            },
 
−
            "bubble": {
 
−
              "distance": 800,
 
−
              "size": 80,
 
−
              "duration": 2,
 
−
              "opacity": 0.8,
 
−
              "speed": 3
 
−
            },
 
−
            "repulse": {
 
−
              "distance": 400,
 
−
              "duration": 0.4
 
−
            },
 
−
            "push": {
 
−
              "particles_nb": 5
 
−
            },
 
−
            "remove": {
 
−
              "particles_nb": 2
 
−
            }
 
−
          }
 
−
        },
 
−
        "retina_detect": false
 
−
      },function(){
 
−
                console.log('Particles.js loaded..');
 
−
              });
 
−
  </script>
 
−
</body>
 
 
</html>
 
</html>

Revision as of 14:20, 13 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

Improve

For teams seeking to improve upon a previous part or project, you should document all of your work on this page. Please remember to include all part measurement and characterization data on the part page on the Registry. Please include a link to your improved part on this page.

Gold Medal Criterion #2

Standard Tracks: Create a new part that has a functional improvement upon an existing BioBrick part. The sequences of the new and existing parts must be different. You must perform experiments with both parts to demonstrate this improvement. Document the experimental characterization on the Part's Main Page on the Registry for both the existing and new parts. Both the new and existing Main Page of each Part’s Registry entry must reference each other. Submit a sample of the new part to the Registry. The existing part must NOT be from your 2018 part number range and must be different from the part documented in bronze #4.

Special Tracks: Improve the function of an existing iGEM project (that your current team did not originally create) and display your achievement on your wiki.