Team:Heidelberg/Tour

From 2013.igem.org

(Difference between revisions)
m
 
(110 intermediate revisions not shown)
Line 3: Line 3:
  <link type="text/css" href="https://2013.igem.org/Team:Heidelberg/Templates/kwicks.css?action=raw&ctype=text/css" rel="stylesheet">
  <link type="text/css" href="https://2013.igem.org/Team:Heidelberg/Templates/kwicks.css?action=raw&ctype=text/css" rel="stylesheet">
  <style type='text/css'>
  <style type='text/css'>
-
                        .jumbotron {
+
.jumbotron {
-
                                font-size:14;
+
            font-size:14;
-
                                text-align: justify;
+
            text-align: justify;
                         }
                         }
 +
h2, .h2 {
 +
    margin-left:-14px;
 +
    font-size: 26px;
 +
}
 +
.container{
 +
  padding-top:15px;
 +
  padding-bottom:15px;
 +
}
 +
.hpinner {
 +
  background-color:rgba(255,255,255,0.85);
 +
  border-radius:5px;
 +
}
 +
.hpinner_soft {
 +
  background-color:rgba(255,255,255,0.90);
 +
  border-radius:5px;
 +
}
 +
.hpinner > h2, .hpinner > p, .hpinner > a, .hpinner > ul > li{
 +
  padding-left:45px;
 +
  padding-right:45px;
 +
}
 +
.hpinner > h2 {
 +
  margin-top:45px;
 +
}
 +
.hpinner > a{
 +
  margin-bottom:45px;
 +
}
 +
.hpouter {
 +
  background-repeat:no-repeat;
 +
  background-position:center;
 +
}
 +
.carousel-inner {
 +
  width:400px;
 +
  height:187px;
 +
}
 +
.carousel-inner > .item > img {
 +
  width:400px;
 +
  height:187px;
 +
}
 +
.buttons{
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    background-size: 160px 80px;
 +
    height: 80px;
 +
    width: 80px;
 +
}
 +
.buttons:hover {
 +
    background-position: right center; 
 +
}
                         .kwicks {
                         .kwicks {
                                 width: 100%;
                                 width: 100%;
Line 53: Line 101:
                         #panel-5 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/3/3a/Heidelberg_soft.png');background-repeat:no-repeat; }
                         #panel-5 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/3/3a/Heidelberg_soft.png');background-repeat:no-repeat; }
-
                         #panel-6 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/5/51/Heidelberg_odel.png');background-repeat:no-repeat;background-size:150px; }
+
                         #panel-6 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/5/51/Heidelberg_odel.png');background-repeat:no-repeat;background-size:428px; }
                         #panel-7 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/6/6d/Heidelberg_human.png');background-repeat:no-repeat;background-size:70px; }
                         #panel-7 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/6/6d/Heidelberg_human.png');background-repeat:no-repeat;background-size:70px; }
                         #panel-8 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_results.png');background-repeat:no-repeat;background-size:70px; }
                         #panel-8 { border-style:solid; border-color:#999999; border-width:2px; background-image:url('https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_results.png');background-repeat:no-repeat;background-size:70px; }
Line 69: Line 117:
                                 border-radius: 5px;
                                 border-radius: 5px;
                         }
                         }
 +
 +
}
  </style>
  </style>
  <div class="container">
  <div class="container">
-
   <h1><span style="font-size:150%;color:#666666;">Tour.</span><span class="text-muted" style="font-size:90%"> Let's have a quick look at our Project. </span></h1>
+
  <img src="https://static.igem.org/mediawiki/2013/9/92/Heidelberg_tour_bike.png" style="width:200px; float: right; margin-right: 4%">
 +
   <h1><span style="font-size:150%;color:#666666;">Take the Tour!</span><span class="text-muted" style="font-size:80%"> Take Your Chance and Join Our Quest!  </span></h1>
   <div class='kwicks kwicks-horizontal'>
   <div class='kwicks kwicks-horizontal'>
Line 85: Line 136:
<div style="clear:both;"></div>
<div style="clear:both;"></div>
-
                 <div class="jumbotron" id="overview">
+
                 <div class="jumbotron" id="overview" style="background-image:url(https://static.igem.org/mediawiki/2013/8/8b/Heidelberg_Tour_Overview.png); background-repeat:no-repeat; background-size:115%; background-position:25% 30%">
-
                         <p style="font-size:14px; text-aling:justify">
+
                    <div class="container hpinner">
-
                                 This text show only be displayed under overview.
+
                      <h2>Overview</h2>
 +
                      <div class="row">
 +
                          <div class="col-md-7" style="padding-left:45px">
 +
                         <p style="font-size:14px; align:left">
 +
                                 The iGEM Team Heidelberg introduces NRPS to the iGEM community:
 +
<ul>
 +
<li style="font-size:14px">Proved modular principle of <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptide <b>S</b>ynthetase by successful shuffling domains and modules</li> 
 +
<li style="font-size:14px">Developed a method for easy <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptide-detection</li>
 +
<li style="font-size:14px">Employed and tested a concept for the recycling of gold from electronic waste using <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptides </li>
 +
<li style="font-size:14px">Implemented a software which enables everyone to design synthetic <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptides</li>
 +
</ul>
                         </p>
                         </p>
 +
<a href="/Team:Heidelberg/Project" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Find out more!</button></a>
 +
                      </div>
 +
                      <div class="col-md-5">
 +
                        <img src="https://static.igem.org/mediawiki/2013/3/3a/Heidelberg_GRAPHICAL_ABSTRACT_small.png" style="width:100%; margin-top:-20%">
 +
                      </div>
 +
                      </div>
 +
                    </div>
                 </div>
                 </div>
-
                 <div class="jumbotron" id="gold"><h2 style="color:#ffcc00">
+
                 <div class="jumbotron hpouter" id="gold" style="background-image:url(https://static.igem.org/mediawiki/2013/5/52/Heidelberg_Del_slider_5.png); background-repeat:no-repeat; background-size:115%;">
-
                          Recycling of gold from electronic waste using recombinant delftibactin
+
<div class="container hpinner">
-
</h2>
+
<h2>Recycling Gold from Electronic Waste Using the NRP Delftibactin</h2>
-
                        <p style="font-size:14px; text-aling:justify">
+
                          <div class="row">
-
Undoubtedly, gold is one of the most precious materials on earth. Besides its common use in art and jewelry, gold is also an essential component of our modern computers and cell-phones. Due to the fast turn-over of today’s high-tech equipment, millions of tons of electronic waste accumulate each year containing tons of this valuable metal. The main approach nowadays to recycle gold from electronic waste is by electrolysis. Unfortunately, this is a highly inefficient and expensive procedure, preventing most of the gold from being recovered.
+
                          <div class="col-md-7" style="padding-left:45px">
 +
                          <p style="font-size:14px; text-align:justify">
 +
Due to the fast turn-over of today’s high-tech equipment, millions of tons of electronic waste accumulate each year. It contains tons of gold which is very valuable to the society, not only because of its use in jewelry but also for medical applications. The main approach nowadays is to recycle gold by electrolysis which is highly inefficient and expensive, preventing most of the gold from being recovered.  
-
This year a paper was published in Nature Chemical Biology by Johnsston <i>et al.</i> which described a small peptide produced by <i>Delftia acidovorans</i> which has the astonishing property to precipitate gold from solution- delftibactin. The aim of the gold recycling project was to use this non-ribosomal peptide to precipitate gold from electronic waste. This would provide a more natural way of recovery.
+
In our project we worked on finding a more efficient and environmentally friendly method to recover this precious metal:
-
Furthermore another goal is the introduction of the pathway for delftibactin production and additionally needed enzymes, which means about 70 kb of DNA in total, into <i>E. coli</i>. We want to show that these large constructs can be potentially inserted and expressed by E. coli with the promising perspective that delftibactin could readily be used as an efficient way of gold recycling from electronic waste.  
+
<ul>
 +
<li style="font-size:14px"> We managed to recover gold from electronic waste using delftibactin, a NRP produced by <i>Delftia acidovorans</i> </li>
 +
<li style="font-size:14px"> We managed to clone all genes needed for delftibactin production into <i>E. coli</i> </li>
 +
<li style="font-size:14px"> We managed to recombinantly express the NRPS responsible for delftibactin production in <i>E. coli</i> </li>
 +
</ul>
                         </p>
                         </p>
-
<a href="/Team:Heidelberg/Project/Delftibactin"><button typ="button" class="btn btn-default">Read more!</button></a>
+
<a href="/Team:Heidelberg/Project/Delftibactin" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Find out more!</button></a>
                 </div>
                 </div>
-
                <div class="jumbotron" id="modules">
+
                      <div class="col-md-5">
-
                         <p style="font-size:14px; text-aling:justify">
+
<div id="myCarousel" class="carousel slide" style="margin-top:40px">
-
                                 This text show only be displayed under modules.
+
                         <!-- Indicators-->
-
                         </p>
+
                        <ol class="carousel-indicators">
 +
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="1"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="2"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="3"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="4"></li>
 +
                            <li data-target="#myCarousel" data-slide-to="5"></li>
 +
                        </ol>
 +
 
 +
                  <div class="carousel-inner">
 +
 
 +
                            <div class="item active">
 +
                                <img src="https://static.igem.org/mediawiki/2013/5/52/Heidelberg_Del_slider_5.png">
 +
                                 <div class="container">
 +
                                </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/66/Heidelberg_Del_slider_2.png">
 +
                              <div class="container">
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/b/b1/Heidelberg_Del_slider_3.png">
 +
                              <div class="container">
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/9/90/Heidelberg_Del_slider_4.png">
 +
                              <div class="container">
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/d4/Heidelberg_Del_slider_1.png">
 +
                              <div class="container">
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_Del_slider_6.png">
 +
                              <div class="container">
 +
                              </div>
 +
                            </div>
 +
 
 +
                    </div>
 +
 
 +
                         <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                        <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
                 </div>
                 </div>
-
                 <div class="jumbotron" id="tag">
+
            </div>
-
                         <p style="font-size:14px; text-aling:justify">
+
 
-
                                This text show only be displayed under tag.
+
                      </div>
-
                         </p>
+
                    </div>
 +
                      </div>
 +
 
 +
                 <div class="jumbotron hpouter" id="modules" style="background-image:url(https://static.igem.org/mediawiki/2013/6/65/Heiudlberg_del.png); background-repeat:no-repeat; background-size:120%;">
 +
                    <div class="container hpinner">
 +
                         <h2 >Synthetic Peptides</h2>
 +
                      <div class="row">
 +
                          <div class="col-md-7" style="padding-left:45px">
 +
                            <p style="font-size:14px; text-align:justify">
 +
Non-Ribosomal Peptide Synthetases are composed of building blocks, which are called modules. Each module shows a distinct specificity for a large variety of different monomers assembling them chain-like to a protein. Therefore, the order of modules determines the sequence of the final proteins. We used the tyrocidine synthetase from <i>Brevibacillus parabrevis</i> to:</p>
 +
<ul>
 +
<li style="font-size:14px">Employ this modularity to investigate the interchangeability and therefore compatibility of modules</li>
 +
<li style="font-size:14px">Engineer custom synthetic peptides <i>in vivo</i> by shuffling modules</li>
 +
<li style="font-size:14px">Demonstrate the broad variety of possible products</li>
 +
</ul>
 +
<p style="font-size:14px; text-align:justify">
 +
Understanding this modularity could provide new insights into combinatorial biology and approaches for creating compound libraries for screening purposes.</p>
 +
                              <a href="/Team:Heidelberg/Project/Tyrocidine" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Discover more!</button></a>
 +
                          </div>
 +
                      <div class="col-md-5">
 +
<div id="myCarouselD" class="carousel slide" style="margin-top:40px">
 +
                         <!-- Indicators-->
 +
                        <ol class="carousel-indicators">
 +
                            <li data-target="#myCarouselD" data-slide-to="0" class="active"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="3"></li>
 +
</ol>
 +
 
 +
<div class="carousel-inner" >
 +
 
 +
                        <div class="item active first">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_MS_Asn_ind.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                          <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/1/12/Heidelberg_synth_pept.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                        <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/6/65/Heiudlberg_del.png"  alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                          <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/7/78/Heidelberg_synth_pept2.png"  alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
</div>
 +
                        <a class="left carousel-control" href="#myCarouselD" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                        <a class="right carousel-control" href="#myCarouselD" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
 
                 </div>
                 </div>
-
                 <div class="jumbotron" id="soft">
+
            </div>
-
                        <p style="font-size:14px; text-aling:justify">
+
 
-
                                 This text show only be displayed under soft.
+
                      </div>
-
                         </p>
+
                    </div>
 +
                      </div>
 +
 
 +
 
 +
                 <div class="jumbotron hpouter" id="tag" style="background-image:url(https://static.igem.org/mediawiki/2013/2/28/Heidelberg_ind_tag.JPG); background-repeat:no-repeat; background-size:100%;">
 +
                    <div class="container hpinner">
 +
<img src="https://static.igem.org/mediawiki/2013/3/38/Heidelberg_tour_indtag-scheme.png" style="width:30%; float:right; margin-right:5%; margin-top:15px;">
 +
                    <h2>Indigoidine-Tag</h2>
 +
                      <div class="row">
 +
                          <div class="col-md-7" style="padding-left:45px">
 +
                            <p style="font-size:14px; text-align:justify">
 +
                                 <ul>
 +
<li style="font-size:14px">
 +
Creation of fusion NRPS producing peptides labelled with the <a href="https://2013.igem.org/Team:Heidelberg/Project/Indigoidine-Tag">Indigoidine-Tag</a>
 +
</li>
 +
<li style="font-size:14px">
 +
High-throughput protocols for design, construction and evaluation of combinatorial NRPS libraries (<a href="https://2013.igem.org/Team:Heidelberg/RFCs">RFC99 and RFC100</a>)
 +
</li>
 +
<li style="font-size:14px">
 +
<a href="https://2013.igem.org/Team:Heidelberg/Project/Tag-Optimization">Optimization</a> of the indigoidine synthetase by domain exchanges and coexpression with different PPTases
 +
</li>
 +
<li style="font-size:14px">
 +
Creation of functional synthetic NRPS domains based on multiple sequence alignments
 +
</li>
 +
                                </ul>
 +
                            </p>
 +
                            <a href="/Team:Heidelberg/Project/Indigoidine-Tag" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
 +
                          </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                      <div class="col-md-5">
 +
<div id="myCarouselA" class="carousel slide" style="margin-top:30px">
 +
                         <!-- Indicators-->
 +
                        <ol class="carousel-indicators">
 +
                            <li data-target="#myCarouselA" data-slide-to="0" class="active"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="7"></li>
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner">
 +
 
 +
<div class="carousel-inner" max-height:187px">
 +
 
 +
                            <div class="item active">
 +
                                <img src="https://static.igem.org/mediawiki/2013/4/4b/Heidelberg_slider_Tagging_1.png" > 
 +
                                <div class="carousel-caption">
 +
                            </div>
 +
                        </div>
 +
                          <div class="item">
 +
                                <img src="https://static.igem.org/mediawiki/2013/2/27/Slider_kuvette.png"> 
 +
                                <div class="container">
 +
                                    <div class="carousel-caption" data-offset="0">
 +
                                      <p style="font-size:18px; color:#fff"></p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/b/b4/Heidelberg_ind_slider_5.png">
 +
                              <div class="container">
 +
                                <div class="carousel-caption" data-offset="0">
 +
                                  <p style="font-size:18px; color:#fff"></p>
 +
                                </div>
 +
                              </div>
 +
                            </div><div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/7/75/Slider_plattentabelle.png">
 +
                              <div class="container">
 +
                                <div class="carousel-caption" data-offset="0">
 +
                                  <p style="font-size:18px; color:#fff"></p>
 +
                                </div>
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/16/Heidelberg_ind_slider_7.png">
 +
                              <div class="container">
 +
                                <div class="carousel-caption" data-offset="0">
 +
                                  <p style="font-size:18px; color:#fff"></p>
 +
                                </div>
 +
                              </div>
 +
                            </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/61/Heidelberg_ind_slider_8.png">
 +
                              <div class="container">
 +
                                <div class="carousel-caption" data-offset="0">
 +
                                  <p style="font-size:18px; color:#fff"></p>
 +
                                </div>
 +
                              </div>
 +
                            </div>
 +
            <div class="item">
 +
                                <img src="https://static.igem.org/mediawiki/2013/b/b4/Heidelberg_slider_Tagging_2.png" > 
 +
                        <div class="carousel-caption">
 +
                            </div>
 +
                        </div>
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/d8/Heidelberg_Tour_MSA-slider.png">
 +
                              <div class="container">
 +
                                <div class="carousel-caption" data-offset="0">
 +
                                  <p style="font-size:18px; color:#fff"></p>
 +
                                </div>
 +
                              </div>
 +
                            </div>
 +
           
 +
 
 +
</div>
 +
                        <a class="left carousel-control" href="#myCarouselA" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                        <a class="right carousel-control" href="#myCarouselA" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
 
 +
 
                 </div>
                 </div>
-
                 <div class="jumbotron" id="model">
+
            </div>
-
                         <p style="font-size:14px; text-aling:justify">
+
 
-
                                This text show only be displayed under model.
+
                      </div>
 +
                    </div>
 +
                      </div>
 +
                </div>
 +
 
 +
 
 +
                 <div class="jumbotron hpouter" id="soft" style="background-image:url(https://static.igem.org/mediawiki/2013/d/dc/Heidelberg_oftware1.png); background-repeat:no-repeat; background-size:130%;">
 +
                      <div class="container hpinner" style="background-color:rgba(255,255,255,0.90)">
 +
                        <div class="row">
 +
                        <div class="col-md-6">
 +
                        <h2 style="padding-left:45px; padding-top:45px">Software: NRPSDesigner</h2>
 +
                        <p style="font-size:14px; text-align:justify; padding-left:45px">
 +
Features:</p>
 +
<ul>
 +
<li style="font-size:14px; margin-left:45px">Computer aided design of fully synthetic NRPS determined to produce a user-defined short peptide</li>
 +
<li style="font-size:14px; margin-left:45px">Optimal domain assembly based on evolutionary distance</li>
 +
<li style="font-size:14px; margin-left:45px">The curated database stores information of 658 Domains encoded on 99 DNA sequences</li>
 +
<li style="font-size:14px; margin-left:45px">Automated domain recognition for newly entered NRPS sequences</li>
 +
<li style="font-size:14px; margin-left:45px">Integration of Gibthon to facilitate implementation of cloning strategy</li>
 +
<li style="font-size:14px; margin-left:45px">Parts registry interface and SBOL output format</li>
 +
</ul>
 +
 
 +
                        <a href="/Team:Heidelberg/Project_Software"><button typ="button" class="btn btn-default" style="margin-bottom:45px; margin-left:45px">Find out more!</button></a>
 +
                      </div>
 +
                      <div class="col-md-6">
 +
<img src="https://static.igem.org/mediawiki/2013/1/1c/Graphical_abstract_nrps_designer.png" style="width:100%; margin-top:20%">
 +
                      </div>
 +
                    </div>
 +
                    </div>
 +
                </div>
 +
                <div class="jumbotron hpouter" id="model" style="background-image:url(https://static.igem.org/mediawiki/2013/2/28/Heidelberg_fit.png); background-repeat:no-repeat; background-size:150%;">
 +
                    <div class="container hpinner">
 +
<div class="row" >
 +
                        <h2 style="padding-left:50px; text-align:left">Modeling the Feasibility of Gold Recycling with Delftibactin</h2>
 +
<div class="col-sm-12 col-md-6">
 +
 
 +
                         <p style="font-size:14px; text-align:justify; padding-left:45px">
 +
<br/>
 +
                    Non-ribosomal peptide synthetases expressed in natural organisms help to develop evolutionary advantages over competitors. This ability has been recognized at the industrial level for example, by pharmaceutical companies. Of course, we were also fascinated by the idea to elevate our system to a larger scale and to test its industrial feasibility. Accompanying our experimental results confirming the ability of delftibactin to precipitate gold, we attempt to use theoretical considerations and metabolic modeling to show the realistic potential of our idea. </p>
 +
<a href="/Team:Heidelberg/Modelling/Gold_Recovery" style="margin-bottom:5%; padding-left:45px"><button typ="button" class="btn btn-default">Read more!</button></a>
 +
</div>
 +
<div class="col-sm-12 col-md-6">
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2013/a/a2/Heidelberg_Modeldelftibactin.png" style="width:300px; margin-top:0%">
 +
</center>
 +
</div>
 +
</div>
 +
<div class="row" >
 +
<div class="col-sm-12 col-md-6">
 +
                        <h2 style="padding-left:50px; text-align:left">Modeling the Indigoidine Production</h2>
 +
                        <p style="font-size:14px; text-align:justify; padding-left:45px">
 +
                                A challenge we had to face during the characterization and optimization of indC was to identify the production kinetics of indigoidine. In order to disentangle the underlying mechanisms of bacterial growth and peptide synthesis, we decided to set up a mathematical model based on coupled ordinary differential equations. Calibrated with our experimental time-resolved data, the mathematical model could potentially not only elucidate how indigoidine production influences growth of bacteria but also provide a more quantitative understanding of the synthesis efficiency of the different T domains and PPTases that were tested.  
                         </p>
                         </p>
 +
<a href="/Team:Heidelberg/Modelling/Ind_Production" style="margin-bottom:5%; padding-left:45px"><button typ="button" class="btn btn-default">Discover more!</button></a>
 +
</div>
 +
<div class="col-sm-12 col-md-6">
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2013/f/f1/Heidelberg_IndModeling_Overview.png" style="width:400px; margin-top:20%">
 +
</center>
 +
</div>
 +
</div>
 +
                    </div>
                 </div>
                 </div>
-
                 <div class="jumbotron" id="hp">
+
                 <div class="jumbotron hpouter" id="hp" style="background-image:url(https://static.igem.org/mediawiki/2013/7/79/Heidelberg_BG_Broad_Public.JPG); background-repeat:no-repeat; background-size:100%;">
-
                         <h2> Human Practice:</h2>
+
                    <div class="container hpinner">
-
                         <p style="font-size:14px; text-aling:justify">
+
                         <h2> Human Practice</h2>
-
                                The aim of science and synthetic biology in particular is to <b>improve lives by solving problems</b>. We as researchers (-to-be) are therefore working for society. Yet, we can only offer solutions, which have to be approved and applied by the public. Moreover, national and international legal frameworks limit every scientific action, which again, lie in the hand of the people. Thus, synthetic biology in general and our project in particular have implications for every individual, as we are all <b>interdependent</b>. Everyone, may he or she be a scientist or not, has an equally valuable opinion on synthetic biology.
+
                      <div class="row">
 +
                        <div class="col-md-7" style="padding-left:45px">         
 +
                         <p style="font-size:14px; text-align:justify">The aim of science and synthetic biology in particular is to <b>improve lives by solving problems</b>. We as researchers are therefore working for society. Yet, we can only offer solutions, which have to be approved and applied by the public.
 +
</p>
 +
<p style="font-size:14px; text-align:justify">
 +
We as iGEM Team Heidelberg have therefore put great effort in communicating with many groups within society to open minds, broaden horizons as well as minimize prejudices and concerns by:
 +
</p>
 +
<ul style="padding-left:45px">
 +
<li style="font-size:14px">Involving experts</li>
 +
<li style="font-size:14px">Engaging the broad public</li>
 +
<li style="font-size:14px">Getting inspired by artists</li>
 +
<li style="font-size:14px">Intruiging the next generation of scientists</li>
 +
</ul>
 +
<p style="font-size:14px">
 +
And finally bringing them all together to an open talk evening addressing the question <b>"On the Way to a Synthetic Future?"</b>
-
We as iGEM Team Heidelberg have therefore put great effort in communicating with various groups within society and to <b>engage the broad public</b> as well as <b>artists</b> and of course <b>the next generation of scientists</b> into our project. We hope to open minds, broaden horizons as well as minimize prejudices and concerns. Additionally, we discussed our ideas with various <b>experts in science and society</b> right from the start. Finally, we invited them all these great people to an open talk evening addressing the question <b>"On the Way to a Synthetic Future?"</b> in cooperation with the <b>Biotechnological Students Initiative e.V.</b> and the <b>Helmholtz-Initiative for Synthetitic Biology</b>.
 
                         </p>
                         </p>
-
                         <a href="/Team:Heidelberg/HumanPractice"><button typ="button" class="btn btn-default">Read more!</button></a>
+
                         <a href="/Team:Heidelberg/HumanPractice" style="margin-bottom:5%"><button typ="button" class="btn btn-default">See more!</button></a>
                 </div>
                 </div>
-
                 <div class="jumbotron" id="results">
+
                      <div class="col-md-5">
-
                         <h2> Results:</h2>
+
<div id="myCarouselC" class="carousel slide" style="margin-top:45px">
-
                         <p style="font-size:14px; text-aling:justify">
+
                        <!-- Indicators -->
-
                                This text show only be displayed under results.
+
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselC" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="5"></li>
 +
                         
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner" >
 +
 
 +
<div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_Tour_HP_new.png" style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/e/ef/Heidelberg_CIMG1079new.png" style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/89/Heidelberg_3.JHD.png" style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/6/6f/Heidelberg_IMG_5274new.png " style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src=" https://static.igem.org/mediawiki/2013/2/28/Heidelberg_IMG_5108new.png" style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/69/Heidelberg_IMG_5231new.png" style="max-height:187px" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                        </div>
 +
 
 +
                    <a class="left carousel-control" href="#myCarouselC" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselC" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
</div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                 <div class="jumbotron" id="results" style="background-image:url(https://static.igem.org/mediawiki/2013/a/a9/Heidelberg_BG_Beyond_Science.JPG); background-repeat:no-repeat; background-size:105%; background-position:25% 30%">
 +
                    <div class="container hpinner">
 +
 
 +
<a href="http://igem2013.bioquant.uni-heidelberg.de/NRPSDesigner/" style="float:right"  target="_blank"><img src="https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_nrps_des_btn.png" style="width:60px"></a>
 +
<a href="/Team:Heidelberg/RFCs" style="float:right"  target="_blank"><img src="https://static.igem.org/mediawiki/2013/6/67/Heidelberg_rfc100_btn.png" style="width:60px"></a>
 +
<a href="/Team:Heidelberg/RFCs#rfc99" style="float:right"  target="_blank"><img src="https://static.igem.org/mediawiki/2013/8/88/Heidelberg_rfc99_btn.png" style="width:60px"></a>
 +
<a href="http://parts.igem.org/Part:BBa_K1152007" style="float:right"  target="_blank"><img src="https://static.igem.org/mediawiki/2013/c/cc/Heidelberg_ind_tag_btn.png" style="width:60px"></a>
 +
 
 +
 
 +
                         <h2> Results</h2>
 +
                         <p style="font-size:14px; text-align:justify">
 +
                          <ul>
 +
                              <li style="font-size:14px">Automated Design of <b>Custom Non-Ribosomal Peptide Synthetases</b></li>
 +
                              <li style="font-size:14px">Production of <b>Synthetic Peptides</b> in different engineered E. coli Hosts</li>
 +
                              <li style="font-size:14px">Invention of a Universal Tag for Non-Ribosomal Peptide labeling in vivo </li>
 +
                              <li style="font-size:14px">Using the Tag for peptide characterization and quantification of production </a></li>
 +
                              <li style="font-size:14px">Introducing our standardized Framework for Production of Synthetic Peptides to the Synbio Community:  <a href="/Team:Heidelberg/RFCs">RFC 99 and RFC 100</a></li>
 +
                              <li style="font-size:14px">Having lots of <a href="/Team:Heidelberg/Team/Gallery">fun</a> and very much looking forward to the Jamboree in Boston</a></li>
 +
                           
 +
                         
 +
                          </ul>
                         </p>
                         </p>
 +
                    </div>
                 </div>
                 </div>
  </div>
  </div>
-
 
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Tour}}
{{:Team:Heidelberg/Templates/Footer-Tour}}

Latest revision as of 03:55, 29 October 2013

Take the Tour! Take Your Chance and Join Our Quest!

Overview

The iGEM Team Heidelberg introduces NRPS to the iGEM community:

  • Proved modular principle of Non-Ribosomal Peptide Synthetase by successful shuffling domains and modules
  • Developed a method for easy Non-Ribosomal Peptide-detection
  • Employed and tested a concept for the recycling of gold from electronic waste using Non-Ribosomal Peptides
  • Implemented a software which enables everyone to design synthetic Non-Ribosomal Peptides

Recycling Gold from Electronic Waste Using the NRP Delftibactin

Due to the fast turn-over of today’s high-tech equipment, millions of tons of electronic waste accumulate each year. It contains tons of gold which is very valuable to the society, not only because of its use in jewelry but also for medical applications. The main approach nowadays is to recycle gold by electrolysis which is highly inefficient and expensive, preventing most of the gold from being recovered. In our project we worked on finding a more efficient and environmentally friendly method to recover this precious metal:

  • We managed to recover gold from electronic waste using delftibactin, a NRP produced by Delftia acidovorans
  • We managed to clone all genes needed for delftibactin production into E. coli
  • We managed to recombinantly express the NRPS responsible for delftibactin production in E. coli

Synthetic Peptides

Non-Ribosomal Peptide Synthetases are composed of building blocks, which are called modules. Each module shows a distinct specificity for a large variety of different monomers assembling them chain-like to a protein. Therefore, the order of modules determines the sequence of the final proteins. We used the tyrocidine synthetase from Brevibacillus parabrevis to:

  • Employ this modularity to investigate the interchangeability and therefore compatibility of modules
  • Engineer custom synthetic peptides in vivo by shuffling modules
  • Demonstrate the broad variety of possible products

Understanding this modularity could provide new insights into combinatorial biology and approaches for creating compound libraries for screening purposes.

Indigoidine-Tag

  • Creation of fusion NRPS producing peptides labelled with the Indigoidine-Tag
  • High-throughput protocols for design, construction and evaluation of combinatorial NRPS libraries (RFC99 and RFC100)
  • Optimization of the indigoidine synthetase by domain exchanges and coexpression with different PPTases
  • Creation of functional synthetic NRPS domains based on multiple sequence alignments

Software: NRPSDesigner

Features:

  • Computer aided design of fully synthetic NRPS determined to produce a user-defined short peptide
  • Optimal domain assembly based on evolutionary distance
  • The curated database stores information of 658 Domains encoded on 99 DNA sequences
  • Automated domain recognition for newly entered NRPS sequences
  • Integration of Gibthon to facilitate implementation of cloning strategy
  • Parts registry interface and SBOL output format

Modeling the Feasibility of Gold Recycling with Delftibactin


Non-ribosomal peptide synthetases expressed in natural organisms help to develop evolutionary advantages over competitors. This ability has been recognized at the industrial level for example, by pharmaceutical companies. Of course, we were also fascinated by the idea to elevate our system to a larger scale and to test its industrial feasibility. Accompanying our experimental results confirming the ability of delftibactin to precipitate gold, we attempt to use theoretical considerations and metabolic modeling to show the realistic potential of our idea.

Modeling the Indigoidine Production

A challenge we had to face during the characterization and optimization of indC was to identify the production kinetics of indigoidine. In order to disentangle the underlying mechanisms of bacterial growth and peptide synthesis, we decided to set up a mathematical model based on coupled ordinary differential equations. Calibrated with our experimental time-resolved data, the mathematical model could potentially not only elucidate how indigoidine production influences growth of bacteria but also provide a more quantitative understanding of the synthesis efficiency of the different T domains and PPTases that were tested.

Human Practice

The aim of science and synthetic biology in particular is to improve lives by solving problems. We as researchers are therefore working for society. Yet, we can only offer solutions, which have to be approved and applied by the public.

We as iGEM Team Heidelberg have therefore put great effort in communicating with many groups within society to open minds, broaden horizons as well as minimize prejudices and concerns by:

  • Involving experts
  • Engaging the broad public
  • Getting inspired by artists
  • Intruiging the next generation of scientists

And finally bringing them all together to an open talk evening addressing the question "On the Way to a Synthetic Future?"

Results

  • Automated Design of Custom Non-Ribosomal Peptide Synthetases
  • Production of Synthetic Peptides in different engineered E. coli Hosts
  • Invention of a Universal Tag for Non-Ribosomal Peptide labeling in vivo
  • Using the Tag for peptide characterization and quantification of production
  • Introducing our standardized Framework for Production of Synthetic Peptides to the Synbio Community: RFC 99 and RFC 100
  • Having lots of fun and very much looking forward to the Jamboree in Boston

Thanks to