Difference between revisions of "Team:UCL/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{UCL}}
 
 
<html>
 
<html>
 +
<head>
 +
    <title>UCL iGEM 2018</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
 +
<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;
 +
}
  
−
<div class="column full_size">
+
/* Header */
−
<h1>Description</h1>
+
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
ul {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    background-color: none;
 +
    list-style-image: none; //removes the iGEM wiki bullets
 +
}
  
−
</div>
+
li {
 +
    float: left;
 +
}
  
 +
.topnav {
 +
  overflow: hidden;
 +
  background-color: white;
 +
  width: 100%;
 +
}
  
 +
.topnav a {
 +
  float: left;
 +
  color: black;
 +
  text-align: center;
 +
  padding: 10px 10px;
 +
  text-decoration: none;
 +
  font-size: 20px;
 +
  font-family: futura;
 +
  display: inline-grid;
 +
}
  
−
<div class="column two_thirds_size">
+
.topnav a:hover {
−
<h3>What should this page contain?</h3>
+
  background-color: white;
−
<ul>
+
  color: tomato;
−
<li> A clear and concise description of your project.</li>
+
}
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
−
<li>References and sources to document your research.</li>
+
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column third_size" >
+
.topnav a.active {
−
<div class="highlight decoration_A_full">
+
  background-color: #tomato;
−
<h3>Inspiration</h3>
+
  color: white;
−
<p>See how other teams have described and presented their projects: </p>
+
}
  
 +
 +
li .dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 +
li a:hover, .dropdown:hover .dropbtn{
 +
    color: tomato;
 +
    background-color: white;
 +
}
 +
 +
.dropdown .dropbtn {
 +
    border: none;
 +
    outline: none;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 10px 10px;
 +
    text-decoration: none;
 +
    font-size: 20px;
 +
    font-family: futura;
 +
    margin: 0;
 +
    background-color: white;
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: tomato;
 +
    min-width: 90px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2)
 +
}
 +
 +
.dropdown-content a {
 +
    color: white;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    font-size: 15px;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: #f1f1f1
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
#rcorners1 {
 +
    border-radius: 20px;
 +
    border: 2px solid tomato;
 +
    padding: 3px;
 +
    width: 90px;
 +
    height: 96px;
 +
}
 +
 +
#rcorners2 {
 +
    border-radius: 17px;
 +
    padding: 0px;
 +
    width: 90px;
 +
    height: 25px;
 +
    text-align: center;
 +
    background-position: center;
 +
}
 +
 +
#rcorners3 {
 +
    border-radius: 17px;
 +
    padding: 0px;
 +
    width: 90px;
 +
    height: 25px;
 +
    text-align: center;
 +
    background-position: center;
 +
}
 +
 +
/* Content */
 +
 +
@font-face{
 +
    font-family: Futura; src: url(Futura.otf);
 +
}
 +
 +
h1 {
 +
    margin-top: 10;
 +
    font-family: "Futura", Gil Sans, arial, sans-serif;
 +
    font-size: 40;
 +
    color: tomato;
 +
    text-align: center;
 +
    padding: 20px !important;
 +
}
 +
 +
h2 {
 +
    margin-top: 10;
 +
    font-family: futura;
 +
    font-size: 25;
 +
    color: tomato;
 +
    text-align: center;
 +
    padding: 10px !important;
 +
}
 +
 +
p {
 +
    margin-top: 10;
 +
    margin-left: 10;
 +
    margin-right: 10;
 +
    font-family: avenir;
 +
    font-size: 16;
 +
    padding: 20px !important;
 +
}
 +
 +
/* Footer */
 +
 +
footer {
 +
    background-color: white !important;
 +
    padding: 0px;
 +
    text-align: center;
 +
    margin: 0;
 +
    table-layout:fixed;
 +
    font-size: 30 !important;
 +
    margin-left: 0 !important;
 +
    margin-right: 0 !important;
 +
}
 +
 +
table {
 +
    font-family: futura;
 +
    color: black !important;
 +
    border-style: hidden;
 +
    table-layout: fixed;
 +
    font-size: 16 !important;
 +
    background-color: transparent;
 +
    width: 100%;
 +
    border-collapse: collapse;
 +
}
 +
 +
td, th {
 +
    font-family: avenir;
 +
    border: 1px solid transparent;
 +
    background-color: white;
 +
    text-align: left;
 +
    padding: 5px;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    height: inherit;
 +
}
 +
 +
tr {
 +
    height: 0;
 +
}
 +
 +
</style>
 +
 +
<body>
 +
 +
<div class="topnav">
 
<ul>
 
<ul>
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
    <li><a href="https://2018.igem.org/Team:UCL">
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
        <img src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" width="70" align="middle"></a></li>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
    <li class="dropdown">
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
      <button class="dropbtn">Project
 +
        <i class="fa fa-caret-down"></i>
 +
      </button>
 +
        <div class="dropdown-content" class="center" id="rcorners1">
 +
            <a href="https://2018.igem.org/Team:UCL/Description" id="rcorners2">Description</a>
 +
            <a href="#parts" id="rcorners3">BioBricks</a>
 +
            <a href="https://2018.igem.org/Team:UCL/Results" id="rcorners3">Results</a>
 +
            <a href="https://2018.igem.org/Team:UCL/InterLab" id="rcorners3">InterLab</a>
 +
        </div>
 +
    </li>
 +
<li class="dropdown">
 +
      <button class="dropbtn">Modelling
 +
        <i class="fa fa-caret-down"></i>
 +
      </button>
 +
        <div class="dropdown-content" class="center" id="rcorners1">
 +
            <a href="#description" id="rcorners2">Equation</a>
 +
        </div>
 +
    </li>
 +
<li class="dropdown">
 +
      <button class="dropbtn">Human Practices
 +
        <i class="fa fa-caret-down"></i>
 +
      </button>
 +
    </li>
 +
    <li class="dropdown">
 +
          <button class="dropbtn">Team
 +
            <i class="fa fa-caret-down"></i>
 +
          </button>
 +
            <div class="dropdown-content" class="center" id="rcorners1">
 +
                <a href="https://2018.igem.org/Team:UCL/Team" id="rcorners2">People</a>
 +
                <a href="#description" id="rcorners2">Attributions</a>
 +
            </div>
 +
        </li>
 +
<li class="dropdown">
 +
      <button class="dropbtn">Awards
 +
        <i class="fa fa-caret-down"></i>
 +
      </button>
 +
    </li>
 +
 
 
</ul>
 
</ul>
−
</div>
 
 
</div>
 
</div>
  
 +
<div class="column full_size">
  
 +
  <h2><font size="5">Spider silk as a biomaterial</font></h2>
 +
  <p style="font-family: avenir"><font size="3">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>
  
 +
  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>
  
−
<div class="column two_thirds_size" >
+
  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.
−
<h3>Advice on writing your Project Description</h3>
+
  </font></p>
  
−
<p>
+
  <h2><font size="5">Our approach</font></h2>
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.
+
−
</p>
+
  
−
</div>
+
  <p style="margin-bottom: 70; font-family: avenir"><font size="3">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>
  
−
<div class="column third_size">
+
  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>
−
<h3>References</h3>
+
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
  
−
</div>
+
  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.
 +
  </font></p>
  
 +
</div>
  
 +
<div class="clear extra_space"></div>
  
 +
</body>
  
 +
<footer>
 +
<table>
 +
  <tr>
 +
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Contact Us</font></th>
 +
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Sponsors</font></th>
 +
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Follow Us</font></th>
 +
  </tr>
 +
  <tr>
 +
      <td style="border:1px solid transparent">
 +
          <p style="font-family:avenir; background-color:white; text-align:center"><font size= 3>University College London
 +
              <br></br>Gower Street - London - WC1E 6BT
 +
              <br></br>Biochemical Engineering Department
 +
              <br></br>+44 (0)20 7679 2000
 +
              <br></br><a href = "mailto: ucligem2018@gmail.com">ucligem2018@gmail.com</a>
 +
          </p>
 +
        </td>
 +
      <td style="border:1px solid transparent"><img src="http://placehold.it/200x100/e4dede/c4baba"></td>
 +
        <td style="border:1px solid transparent">
 +
          <a href="https://www.facebook.com/UCLiGEM/">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e6/T--UCL--facebook58.png"><br></br></a>
 +
          <a href="https://twitter.com/ucligem?lang=en">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a2/T--UCL--twitter1.png" width="60" height="60"><br></br></a>
 +
          <a href="https://www.instagram.com/ucl.igem/">
 +
            <img src="https://static.igem.org/mediawiki/2018/7/79/T--UCL--instagram.png" width="60" height="60"><br></br></a>
 +
        </td>
 +
  </tr>
 +
</table>
  
 +
</footer>
  
 
</html>
 
</html>

Revision as of 00:30, 9 July 2018

UCL iGEM 2018

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.

Contact Us Sponsors Follow Us

University College London

Gower Street - London - WC1E 6BT

Biochemical Engineering Department

+44 (0)20 7679 2000

ucligem2018@gmail.com