Difference between revisions of "Team:IIT Kharagpur"

(Prototype team page)
 
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{IIT_Kharagpur}}
+
<html lang="en-US">
−
<html>
+
<head>
 +
<title>IGEM-IIT Kharagpur</title>
 +
 +
<meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_bootstrap?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_font?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_linea_icon?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_fancy_buttons?action=raw&ctype=text/css" />
 +
 +
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_animate?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_vegas?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_baraja?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_bxslider?action=raw&ctype=text/css" />
 +
 +
<!--=== Main Stylesheets ===-->
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_style?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/index_responsive?action=raw&ctype=text/css" />
 +
 +
<!--=== Color Scheme, three colors are available red.css, orange.css and gray.css ===-->
 +
<link rel="stylesheet" id="scheme-source" href="https://2016.igem.org/Template:IIT_Kharagpur/index_gray?action=raw&ctype=text/css" />
 +
 +
<!--=== Internet explorer fix ===-->
 +
<!-- [if lt IE 9]>
 +
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
<![endif] -->
 +
 +
<style type="text/css">
 +
.logoigm{
 +
margin-top: 20%;
 +
}
 +
.icon{
 +
height: 23px;
 +
width: auto;
 +
margin-right: 5px;
 +
 +
}
 +
#section-footer{
 +
padding-top: 10px;
 +
 +
padding-bottom: 10px;
 +
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
color: white;
 +
}
  
−
<div class="column full_size" >
+
@media (max-width: 992px) {
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
  #logokgp{
−
</div>
+
  padding-left: 10%;
  
−
<div class="column full_size" >
+
}
−
<h2> Welcome to iGEM 2016! </h2>
+
}
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
−
</div>
+
#dep{
 +
 +
font-size: 1.4em;
 +
    line-height: 1.2em;
 +
    text-decoration: none;
 +
    color: #fff;
 +
    font-weight: 600;
 +
   
 +
}
 +
#depe{
 +
 +
font-size: 15px;
 +
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
}
 +
#mail{
 +
background-color: #17bcb8 !important;
 +
-webkit-tap-highlight-color: transparent;
 +
    will-change: opacity, transform;
 +
    height: 40px;
 +
    width: 80px;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    border-style: none;
 +
}
 +
.social{
 +
height: 40px;
 +
width: auto;
 +
}
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
  
−
<div class="column half_size" >
+
.dropdown {
−
<h5>Before you start: </h5>
+
    position: relative;
−
<p> Please read the following pages:</p>
+
    display: inline-block;
−
<ul>
+
}
−
<li>  <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
+
.dropdown-content {
−
<div class="highlight">
+
    display: none;
−
<h5> Styling your wiki </h5>
+
    position: absolute;
−
<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>
+
    background-color: #f9f9f9;
−
<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>
+
    min-width: 160px;
−
</div>
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
</div>
+
}
  
−
<div class="column full_size" >
+
.dropdown-content a {
−
<h5> Wiki template information </h5>
+
    color: black;
−
<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://2016.igem.org/Judging/Pages_for_Awards/Instructions">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>
+
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
  
−
</div>
+
.dropdown-content a:hover {background-color: #b04545}
  
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
  
 +
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
.igem-logo-top{
 +
  width: 55px;
 +
  height: auto;
  
 +
  float: left;
 +
  position: relative;
 +
  right: 12px;
 +
}
 +
#section-footer{
 +
  padding-top: 10px;
 +
 
 +
  padding-bottom: 10px;
 +
  font-family: "Dosis", arial, tahoma, verdana;
 +
  color: white;
 +
}
 +
#logokgp{
 +
    padding-top: 15px;
  
−
<div class="column half_size" >
 
−
<h5> Editing your wiki </h5>
 
−
<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>
 
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
 
  
−
</div>
+
}
 +
.logoigm{
 +
margin-top: 15%;
 +
margin-left: 2%;
  
 +
width: 175px;
 +
height: auto;
 +
position: absolute;
 +
}
 +
.logoigm2{
 +
margin-top: 11.5%;
  
−
<div class="column half_size" >
+
width: 260px;
−
<h5>Tips</h5>
+
height: auto;
−
<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>
+
position: relative;
−
<ul>
+
left: -1.7%;
−
<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>
+
.logoigm2{
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
    animation: 9s rotateRight infinite linear;  
−
<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://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
  
 +
@keyframes rotateRight{
 +
    0%{ transform:rotate(0deg);  }
 +
    100%{ transform:rotate(360deg); }
 +
}
 +
@media (max-width: 992px) {
 +
  .logoigm{
 +
margin-top: 43%;
 +
margin-left: 9%;
 +
}
 +
.logoigm2{
 +
margin-top: 35%;
 +
}
 +
}
  
−
<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" >
 
−
<h5> Uploading pictures and files </h5>
 
−
<p> You can upload your pictures and files to the iGEM 2016 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 />
 
−
When you upload, set the "Destination Filename" to <code>Team: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!)</p>
 
  
 +
</style>
  
−
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> 
 
−
UPLOAD FILES
 
−
</div>
 
  
−
</div>
+
</head>
 +
<body>
 +
<!--=== Preloader section starts ===-->
 +
<section id="preloader">
 +
<div class="loading-circle fa-spin"></div>
 +
</section>
 +
<!--=== Preloader section Ends ===-->
 +
<div id="header" class="header-section">
 +
    <!-- sticky-bar Starts-->
 +
<div class="sticky-bar-wrap">
 +
<div class="sticky-section">
 +
<div id="topbar-hold" class="nav-hold container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/8/86/T--IIT_Kharagpur--logo.png/180px-T--IIT_Kharagpur--logo.png" class="igem-logo-top">
 +
<nav class="navbar" role="navigation">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 +
<span class="sr-only">Toggle navigation</span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<!--=== Site Name ===-->
 +
<a class="site-name navbar-brand" href="https://2016.igem.org/Team:IIT_Kharagpur"><span>IIT</span>Kharagpur</a>
 +
</div>
 +
 +
<!-- Main Navigation menu Starts -->
 +
<div class="collapse navbar-collapse navbar-responsive-collapse">
 +
<ul class="nav navbar-nav navbar-right">
 +
<li class="current dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur"><img src="https://static.igem.org/mediawiki/2016/1/13/T--IIT_Kharagpur--home_icon.png" class="icon"> Home</a>
 +
 +
</li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Project"><img src="https://static.igem.org/mediawiki/2016/5/55/T--IIT_Kharagpur--project_icon.png" class="icon">Project</a>
 +
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Notebook" class="submenuhover">Notebook</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Protocol" class="submenuhover">Protocol</a>
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Data_page" class="submenuhover">Data Page</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Safety" class="submenuhover">Safety</a>
 +
  </div>
  
 +
</li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Team"><img src="https://static.igem.org/mediawiki/2016/c/c1/T--IIT_Kharagpur--team_icon.png" class="icon">Team</a>
 +
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Team" class="submenuhover">Members</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Collaborations" class="submenuhover">Collaboration</a>
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Attributions" class="submenuhover">Attribution</a>
 +
 +
  </div>
 +
</li >
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/9/9f/T--IIT_Kharagpur--practice_icon.png" class="icon">Practices</a>
 +
<div class="dropdown-content">
 +
    <a href="#" class="submenuhover">Survey</a>
 +
<a href="#" class="submenuhover">Workshop</a>
 +
    <a href="#" class="submenuhover">Interview</a>
 +
<a href="#" class="submenuhover">Meet ups</a>
 +
  </div>
  
  
 +
</li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts"><img src="https://static.igem.org/mediawiki/2016/7/76/T--IIT_Kharagpur--part_icon.png" class="icon">Part</a>
 +
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts" class="submenuhover">Composite parts</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts" class="submenuhover">Part collection </a>
 +
   
 +
  </div>
  
 +
</li>
 +
 +
<li><a href="https://2016.igem.org/Team:IIT_Kharagpur/Interlab_Study"><img src="https://static.igem.org/mediawiki/2016/d/df/T--IIT_Kharagpur--interlab_icon.png" class="icon">Interlab</a></li>
 +
<li><a href="blog.html"><img src="https://static.igem.org/mediawiki/2016/5/5e/T--IIT_Kharagpur--blog_icon.png" class="icon">Blog</a></li>
 +
  
 +
</div>
 +
<!-- Main Navigation menu ends-->
  
  
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- sticky-bar Ends-->
 +
<!--=== Header section Ends ===-->
 +
 +
<!--=== Home Section Starts ===-->
 +
<div id="section-home" class="home-section-wrap center">
 +
<div class="section-overlay"></div>
 +
<div class="container home">
 +
<div class="logobody">
 +
<img src="https://static.igem.org/mediawiki/2016/5/51/T--IIT_Kharagpur--logo_inside.png" class="logoigm">
 +
<img src="https://static.igem.org/mediawiki/2016/9/92/T--IIT_Kharagpur--logo_outer.png" class="logoigm2"></div>
 +
<div class="row">
 +
 +
<h1 class="well-come" style="font-family:Dosis; font-size:50px;">IIT Kharagpur</h1>
 +
 +
<div class="col-md-8 col-md-offset-2">
 +
<p class="intro-message" style="font-family:Dosis; font-size:25px; text-align:center;">SILKOTRON<br>
 +
</p>
 +
 +
<div class="home-buttons">
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--=== Home Section Ends ===-->
 +
</div>
 +
 +
 +
 +
 +
 +
<!--=== Services section Starts ===-->
 +
<section id="section-services" class="services-wrap">
 +
<div class="container services">
 +
<div class="row">
 +
 +
<div class="col-md-10 col-md-offset-1 center section-title">
 +
<h3 style="font-family:Dosis;">Our Inspiration</h3>
 +
</div>
 +
 +
<!-- Single Service Starts -->
 +
<div class="col-lg-12 col-md-12 col-sm-12 center service animated" data-animation="fadeInLeft" data-animation-delay="700" id="inspirationtext">
 +
 +
<div class="service-desc">
 +
 +
<p class="service-description justify" style="font-family:Dosis; font-size:20px;">
 +
Cobweb….sounds familiar? With it’s spiral design to it’s sticky threads. They seem to be the most useless and good for nothing artwork on our walls and ceilings. But what if someone say that they are a marvel of protein engineering by nature. A structural combination of molecules arranged in such a fashion that even the modern day megastructures take inspiration from them. The sticky thread on these webs can be scientifically called as spider silk. As the name suggests, spider silk is woven by spider for the purpose of catching prey. This is very much different from the mulberry silk extracted from silkworm. The spider silk subunits are composed of Masp2 protein crystals. These protein molecules have anti parallel beta sheets in them The extensive beta linkages in them gives enormous tensile strength( even greater than reinforced steel). Feasible extraction of this silk protein can have numerous applications and we our in our way to provide a method for feasible extraction of spider silk
 +
 +
</p>
 +
</div>
 +
</div>
 +
<!-- Single Service Ends -->
 +
 +
 +
<div class="col-md-12 step-img">
 +
<img src="https://static.igem.org/mediawiki/2016/2/29/T--IIT_Kharagpur--bg_2.jpg" alt="" /> <!-- Step Photo Here -->
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</section>
 +
<!--=== Services section Ends ===-->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--=== Step-1 section Starts ===-->
 +
<section id="step-1" class="section-step step-wrap">
 +
<div class="container step animated" data-animation="bounceInLeft" data-animation-delay="700">
 +
<div class="row">
 +
<!-- Step Description Starts -->
 +
<div class="col-md-8 step-desc">
 +
<div class="col-md-2 center">
 +
<div class="step-no">
 +
<span class="no-inner">1</span>
 +
</div>
 +
</div>
 +
 +
<div class="col-md-10 step-details">
 +
<h3 class="step-title color-scheme">Our Idea</h3>
 +
<p class="justify" style="font-family:Dosis; font-size:20px;"> Our idea focuses on devising a method  to produce silk proteins along with a monitoring mechanism with minimal cost and maximum output. We plan to produce the spider silk protein Masp2 from recombinant
 +
E.coli. We are targeting the mass production of spider silk protein Masp2 and a mechanism to extract it without the need of cell lysis. At present, we are  restricting our idea up to monomer production, rather than thread production. We have also devised a method to characterise the amount of silk being produced and a way to monitor it.
 +
  </p>
 +
 +
 +
</div> <!-- End step-details -->
 +
</div>
 +
<!-- Step Description Ends -->
 +
 +
<!-- <div class="col-md-4 step-img">
 +
<img src="https://static.igem.org/mediawiki/2016/4/43/T--IIT_Kharagpur--bg.jpg" alt="" /> --> <!-- Step Photo Here -->
 +
<!-- </div> -->
 +
<!-- <div><img src="https://static.igem.org/mediawiki/2016/4/43/T--IIT_Kharagpur--bg.jpg" alt="" /></div> -->
 +
</div>
 +
</div>
 +
</section>
 +
<!--=== Step-1 section Ends ===-->
 +
 +
 +
 +
 +
<!--=== Services section Starts ===-->
 +
<section id="step-1" class="section-step step-wrap">
 +
<div class="container services">
 +
<div class="row">
 +
 +
<div class="col-md-10 col-md-offset-1 center section-title">
 +
<h3 style="color:grey;">Project Overview</h3>
 +
</div>
 +
 +
<!-- Single Service Starts -->
 +
<div class="col-md-6 col-sm-6 service animated" data-animation="fadeInLeft" data-animation-delay="700">
 +
 +
<div class="service-desc">
 +
 +
<p class="service-description justify" style="font-family:Dosis; font-size:20px;">
 +
The Masp2 protein also known as the major ampullate silk protein has acidic residues. In aqueous solution, the pH of the silk protein comes out to be near 4. Due to the presence of large number of acidic amino acids, the protein if produced inside recombinant e-coli,will remain in the cytoplasm.The only way to get them out is to lyse the cell. Our idea is to add a transmembrane protein Omp-A along with the silk protein, in order to anchor it to the membrane outside the cell The silk protein can be extracted by cleaving the linkage between Omp-A and Masp2 with an HIV protease. We have also put a histidine tag on the Masp-2 protein. The chelating effect of Histidine with Nickel atom will help us to extract the silk protein after cleavage. And isolate it on a nickel column. The silk protein construct can be added with multiple silk monomers according to the number of subunits desired. <br>
 +
 +
The HIV protease required for cleavage action, will also be anchored to the membrane via the Omp-A protein. The protease will first carry out self cleavage in order to free itself from the membrane . Then the protease will cleave the silk protein from the membrane, releasing it into the solution. Nickel columns would be used in order to extract the silk monomers.
 +
 +
</p>
 +
</div>
 +
</div>
 +
<!-- Single Service Ends -->
 +
 +
 +
 +
<!-- Single Service Starts -->
 +
<div class="col-md-6 col-sm-6 service animated" data-animation="fadeInRight" data-animation-delay="700">
 +
 +
<div class="service-desc">
 +
 +
<p class="service-description justify" style="font-family:Dosis; font-size:20px;">
 +
In order to characterise the amount of HIV protease required for this action, we have created a novel detection system based on FRET(Fluorescence Resonance Energy Transfer) pairs. This characterisation construct will have CFP and YFP attached with the same HIV cleavage site that we used in the silk construct and the protease construct. The construct will also have Omp-A in order to anchor it to the membrane. If the concentration of the protease will be high enough to perform the cleavage action on all the three constructs, then the YFP part will get cleaved and we will see a cyan fluorescence other wise due to the intact YFP part we will see a yellow fluorescence.
 +
 +
The silk construct along with the FRET and the protease construct will provide us a mechanism for a continuous production of silk monomers without cell lysis and to monitor the silk production process.
 +
 +
 +
 +
</p>
 +
</div>
 +
</div>
 +
<!-- Single Service Ends -->
 +
 +
 +
</div>
 +
</div>
 +
</section>
 +
<!--=== Services section Ends ===-->
 +
 +
 +
 +
 +
 +
<!--=== Video section Starts ===-->
 +
<section id="section-video" class="section-video-wrap">
 +
<div class="section-overlay"></div>
 +
<div class="container big-video center animated" data-animation="fadeInLeft" data-animation-delay="700">
 +
<div class="row">
 +
<div class="col-md-12 section-title">
 +
<h3>Describe with a video</h3>
 +
</div>
 +
<div class="col-md-10 col-md-offset-1 video-content">
 +
<div class="main-video">
 +
<video width="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2016/5/5d/T--IIT_Kharagpur--FRET.mov" type="video/mov">
 +
<source src="movie.ogg" type="video/ogg">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!--=== Video section Ends ===-->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--=== Contact section Starts ===-->
 +
<section id="section-contact" class="contact-wrap">
 +
<div class="section-overlay"></div>
 +
<div class="container contact center animated" data-animation="flipInY" data-animation-delay="1000">
 +
<div class="row">
 +
<div class="col-md-12 col-md-offset-1">
 +
<div class="col-md-10  center section-title">
 +
<h3>Application</h3>
 +
</div>
 +
<!-- Single Service Starts -->
 +
<div class="col-md-10 col-sm-10 center service animated" data-animation="fadeInLeft" data-animation-delay="700">
 +
 +
<div class="service-desc">
 +
 +
<p class="service-description justify" style="color:white; font-family:Dosis; font-size:20px;">
 +
Stronger than steel but elastic than a rubber band, spider silk have dozen of potential application from construction, medicine to military. Scientists have suggested using spider silk to construct product as diverse as biodegradable water bottles, flexible bridge suspension cables and unrippable writing paper.<br>
 +
The early Roman and Greek populations used the silk to weave fabrics, create nets , create fishing lines and seal wounds. The material is used to make gloves and stockings, though the process take some time and required many spiders. The cross hairs on many weapons used spider silk, and to this day some military units still keep Black Widow spiders on site in case repairs to old weaponry are needed.</p>
 +
<h3 style="color:white;">Potential Applications</h3>
 +
 +
<h5 style="color:white; text-align:left;"><b>A. </b>Lighter and Stronger Bulletproof Clothing:</h5>
 +
<p class="service-description justify" style="color:white; font-family:Dosis; font-size:20px;">
 +
Researcher melded human skin with the spider silk and the hybrid skin was able to repel a slow moving bullet fire by a .22-caliber rifle. If scaled up, spider silk body armor could be three times stronger than Kevlar. This technology can be very useful for military and automobile and flight industries.
 +
Artificial Skin:
 +
Growing artificial skin for burn victims is a tough task. We need a specific kind of scaffolding upon which to build the healthy skin tissue that can merge with the body. Collagen and synthetic fibres are typically used to provide support for growing skin tissue, but these materials are not biodegradable. The spider silk’s strength, flexibility and biodegradability may make it a nearly ideal matrix for growing skin and healing wounds.
 +
Air bags: if the air bags are made of spider silk than due to their higher elasticity and strength the air bags would absorb more energy and thus the sudden impact  would be less injurious.
 +
 +
</p>
 +
 +
 +
<h5 style="color:white; text-align:left;"><b>B. </b>Artificial Skin:</h5>
 +
<p class="service-description justify" style="color:white; font-family:Dosis; font-size:20px;">
 +
Growing artificial skin for burn victims is a tough task. We need a specific kind of scaffolding upon which to build the healthy skin tissue that can merge with the body. Collagen and synthetic fibres are typically used to provide support for growing skin tissue, but these materials are not biodegradable. The spider silk’s strength, flexibility and biodegradability may make it a nearly ideal matrix for growing skin and healing wounds.
 +
 +
 +
</p>
 +
 +
<h5 style="color:white; text-align:left;"><b>C. </b>Air Bags:</h5>
 +
<p class="service-description justify" style="color:white; font-family:Dosis; font-size:20px;">
 +
If the air bags are made of spider silk than due to their higher elasticity and strength the air bags would absorb more energy and thus the sudden impact  would be less injurious.
 +
 +
 +
</p>
 +
 +
<h5 style="color:white; text-align:left;"><b>D. </b>Medical Uses:</h5>
 +
<p class="service-description justify" style="color:white; font-family:Dosis; font-size:20px;">
 +
1. In injuries like torn interior cruciate ligament, spider silk due to its properties can be used to make a structure so that it can used as a artificial ligament.<br>
 +
2. As the spider silk is thinner, stronger and more elastic it can be used as surgical thread to stitch the wounds together.<br>
 +
Diverse and unique biomechanical properties together with biocompatibility and a slow rate of degradation make spider silks excellent candidates as biomaterials for tissue engineering, guided tissue repair and drug delivery, for cosmetic products
 +
</p>
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
<!-- Single Service Ends -->
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!--=== Contact section Ends ===-->
 +
 +
<!--=== Footer section Starts ===-->
 +
<div id="section-footer" class="footer-wrap">
 +
<div class="container footer center">
 +
<div class="row">
 +
<div class="col-lg-4 col-md-12 col-sm-12" id="logokgp" align="middle">
 +
<a href="http://iitkgp.ac.in"><img src="https://static.igem.org/mediawiki/2016/thumb/b/b1/T--IIT_Kharagpur--kgp_logo.png/799px-T--IIT_Kharagpur--kgp_logo.png"></a>
 +
</div>
 +
 +
<div class="col-lg-4 col-md-12 col-sm-12" id="logokgp" align="middle">
 +
<a href="http://syntheticbioindia.weebly.com/ibec-2016.html" style="margin-right:10px"><img src="https://static.igem.org/mediawiki/2016/thumb/b/bc/T--IIT_Kharagpur--dbt_logo.png/799px-T--IIT_Kharagpur--dbt_logo.png"></a>
 +
</div>
 +
<div class="col-lg-3 col-md-12 col-sm-12 connect" style="margin-top:4px"; id="depe" >
 +
Connect </br>
 +
<a target="_blank" href="https://www.facebook.com/iGEMIITKharagpur" style="margin-right:10px"><img class="social" src="https://static.igem.org/mediawiki/2016/2/26/T--IIT_Kharagpur--fb.png"></a>
 +
<a target="_blank" href="https://twitter.com/igem_iitkgp" style="margin-right:10px"><img class="social" src="https://static.igem.org/mediawiki/2016/6/68/T--IIT_Kharagpur--twitter.png"></a>
 +
<a target="_blank" href="https://www.youtube.com/channel/UC2NUjcEMwVyNxdLtsti3VRw"><img class="social" src="https://static.igem.org/mediawiki/2016/d/d6/T--IIT_Kharagpur--youtube.png"></a>
 +
<button type="button" class="btn btn-default mail-button" id="mail" ><a  href="mailto:igemiitkharagpur15@gmail.com?Subject=Hello%20again" target="_top">Mail Us</a></button>
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--=== Footer section Ends ===-->
 +
 +
 +
<!--==== Js files ====-->
 +
<!--==== Essential files ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_1?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_bootstrap?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_modernizr?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_easing?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
 +
<!--==== Slider and Card style plugin ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_baraja?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_vegas?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_bxslider?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
 +
<!--==== MailChimp Widget plugin ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_ajaxchim?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
 +
<!--==== Scroll and navigation plugins ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_nicescroll?
 +
action=raw&ctype=text/javascript/javascript/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_nav?
 +
action=raw&ctype=text/javascript/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_appear?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_fitvids?
 +
action=raw&ctype=text/javascript/javascript
 +
"></script>
 +
 +
<!--==== Custom Script files ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/index_min_custom?
 +
action=raw&ctype=text/javascript
 +
"></script>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 02:23, 20 October 2016

IGEM-IIT Kharagpur

Our Inspiration

Cobweb….sounds familiar? With it’s spiral design to it’s sticky threads. They seem to be the most useless and good for nothing artwork on our walls and ceilings. But what if someone say that they are a marvel of protein engineering by nature. A structural combination of molecules arranged in such a fashion that even the modern day megastructures take inspiration from them. The sticky thread on these webs can be scientifically called as spider silk. As the name suggests, spider silk is woven by spider for the purpose of catching prey. This is very much different from the mulberry silk extracted from silkworm. The spider silk subunits are composed of Masp2 protein crystals. These protein molecules have anti parallel beta sheets in them The extensive beta linkages in them gives enormous tensile strength( even greater than reinforced steel). Feasible extraction of this silk protein can have numerous applications and we our in our way to provide a method for feasible extraction of spider silk

1

Our Idea

Our idea focuses on devising a method to produce silk proteins along with a monitoring mechanism with minimal cost and maximum output. We plan to produce the spider silk protein Masp2 from recombinant E.coli. We are targeting the mass production of spider silk protein Masp2 and a mechanism to extract it without the need of cell lysis. At present, we are restricting our idea up to monomer production, rather than thread production. We have also devised a method to characterise the amount of silk being produced and a way to monitor it.

Project Overview

The Masp2 protein also known as the major ampullate silk protein has acidic residues. In aqueous solution, the pH of the silk protein comes out to be near 4. Due to the presence of large number of acidic amino acids, the protein if produced inside recombinant e-coli,will remain in the cytoplasm.The only way to get them out is to lyse the cell. Our idea is to add a transmembrane protein Omp-A along with the silk protein, in order to anchor it to the membrane outside the cell The silk protein can be extracted by cleaving the linkage between Omp-A and Masp2 with an HIV protease. We have also put a histidine tag on the Masp-2 protein. The chelating effect of Histidine with Nickel atom will help us to extract the silk protein after cleavage. And isolate it on a nickel column. The silk protein construct can be added with multiple silk monomers according to the number of subunits desired.
The HIV protease required for cleavage action, will also be anchored to the membrane via the Omp-A protein. The protease will first carry out self cleavage in order to free itself from the membrane . Then the protease will cleave the silk protein from the membrane, releasing it into the solution. Nickel columns would be used in order to extract the silk monomers.

In order to characterise the amount of HIV protease required for this action, we have created a novel detection system based on FRET(Fluorescence Resonance Energy Transfer) pairs. This characterisation construct will have CFP and YFP attached with the same HIV cleavage site that we used in the silk construct and the protease construct. The construct will also have Omp-A in order to anchor it to the membrane. If the concentration of the protease will be high enough to perform the cleavage action on all the three constructs, then the YFP part will get cleaved and we will see a cyan fluorescence other wise due to the intact YFP part we will see a yellow fluorescence. The silk construct along with the FRET and the protease construct will provide us a mechanism for a continuous production of silk monomers without cell lysis and to monitor the silk production process.

Describe with a video

Application

Stronger than steel but elastic than a rubber band, spider silk have dozen of potential application from construction, medicine to military. Scientists have suggested using spider silk to construct product as diverse as biodegradable water bottles, flexible bridge suspension cables and unrippable writing paper.
The early Roman and Greek populations used the silk to weave fabrics, create nets , create fishing lines and seal wounds. The material is used to make gloves and stockings, though the process take some time and required many spiders. The cross hairs on many weapons used spider silk, and to this day some military units still keep Black Widow spiders on site in case repairs to old weaponry are needed.

Potential Applications

A. Lighter and Stronger Bulletproof Clothing:

Researcher melded human skin with the spider silk and the hybrid skin was able to repel a slow moving bullet fire by a .22-caliber rifle. If scaled up, spider silk body armor could be three times stronger than Kevlar. This technology can be very useful for military and automobile and flight industries. Artificial Skin: Growing artificial skin for burn victims is a tough task. We need a specific kind of scaffolding upon which to build the healthy skin tissue that can merge with the body. Collagen and synthetic fibres are typically used to provide support for growing skin tissue, but these materials are not biodegradable. The spider silk’s strength, flexibility and biodegradability may make it a nearly ideal matrix for growing skin and healing wounds. Air bags: if the air bags are made of spider silk than due to their higher elasticity and strength the air bags would absorb more energy and thus the sudden impact would be less injurious.

B. Artificial Skin:

Growing artificial skin for burn victims is a tough task. We need a specific kind of scaffolding upon which to build the healthy skin tissue that can merge with the body. Collagen and synthetic fibres are typically used to provide support for growing skin tissue, but these materials are not biodegradable. The spider silk’s strength, flexibility and biodegradability may make it a nearly ideal matrix for growing skin and healing wounds.

C. Air Bags:

If the air bags are made of spider silk than due to their higher elasticity and strength the air bags would absorb more energy and thus the sudden impact would be less injurious.

D. Medical Uses:

1. In injuries like torn interior cruciate ligament, spider silk due to its properties can be used to make a structure so that it can used as a artificial ligament.
2. As the spider silk is thinner, stronger and more elastic it can be used as surgical thread to stitch the wounds together.
Diverse and unique biomechanical properties together with biocompatibility and a slow rate of degradation make spider silks excellent candidates as biomaterials for tissue engineering, guided tissue repair and drug delivery, for cosmetic products