Team:Heidelberg/Tour

From 2013.igem.org

(Difference between revisions)
 
(57 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{
.container{
   padding-top:15px;
   padding-top:15px;
Line 13: Line 17:
.hpinner {
.hpinner {
   background-color:rgba(255,255,255,0.85);
   background-color:rgba(255,255,255,0.85);
 +
  border-radius:5px;
 +
}
 +
.hpinner_soft {
 +
  background-color:rgba(255,255,255,0.90);
   border-radius:5px;
   border-radius:5px;
}
}
Line 28: Line 36:
   background-repeat:no-repeat;
   background-repeat:no-repeat;
   background-position:center;
   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 {
Line 91: Line 117:
                                 border-radius: 5px;
                                 border-radius: 5px;
                         }
                         }
 +
 +
}
  </style>
  </style>
  <div class="container">
  <div class="container">
-
   <h1><span style="font-size:150%;color:#666666;">Take the Tour!</span><span class="text-muted" style="font-size:90%"> 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 107: Line 136:
<div style="clear:both;"></div>
<div style="clear:both;"></div>
-
                 <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:100%; background-position:25% 30%">
+
                 <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%">
                     <div class="container hpinner">
                     <div class="container hpinner">
                       <h2>Overview</h2>
                       <h2>Overview</h2>
                       <div class="row">  
                       <div class="row">  
-
                           <div class="col-md-8" style="padding-left:45px">
+
                           <div class="col-md-7" style="padding-left:45px">
-
                         <p style="font-size:14px; text-align:justify">
+
                         <p style="font-size:14px; align:left">
-
                                 We aim to open up the usage of NRPS to the iGEM Community. Therefore:  
+
                                 The iGEM Team Heidelberg introduces NRPS to the iGEM community:  
<ul>
<ul>
-
  <li style="font-size:14px">We prove that <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptide <b>S</b>ynthetase modules behave in a modular manner and can be shuffled</li>   
+
  <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">We develop a method for easy <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptide-detection</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">We use a <b>N</b>on-<b>R</b>ibosomal <b>P</b>eptide for the recycling of gold from electronic waste</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">We implement a software which enables everyone to design synthetic <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>
</ul>
                         </p>
                         </p>
-
<a href="/Team:Heidelberg/Project" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
<a href="/Team:Heidelberg/Project" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Find out more!</button></a>
                       </div>
                       </div>
-
                       <div class="col-md-4">
+
                       <div class="col-md-5">
-
                         <img src="https://static.igem.org/mediawiki/2013/3/3a/Heidelberg_GRAPHICAL_ABSTRACT_small.png" style="width:100%; margin-bottom:20%">
+
                         <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>
                 </div>
                 </div>
-
                 <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:100%;">
+
                 <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%;">
<div class="container hpinner">
<div class="container hpinner">
-
<h2>Recycling of Gold from Electronic Waste Using the NRP Delftibactin</h2>
+
<h2>Recycling Gold from Electronic Waste Using the NRP Delftibactin</h2>
                           <div class="row">  
                           <div class="row">  
-
                           <div class="col-md-8" style="padding-left:45px">
+
                           <div class="col-md-7" style="padding-left:45px">
                           <p style="font-size:14px; text-align:justify">
                           <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.  
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.  
Line 145: Line 174:
</ul>
</ul>
                         </p>
                         </p>
-
<a href="/Team:Heidelberg/Project/Delftibactin" style="margin-bottom:5%"><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="col-md-4">
+
                       <div class="col-md-5">
-
                        <img src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_Del_slider_6.png" style="width:100%; margin-bottom:20%">
+
<div id="myCarousel" class="carousel slide" style="margin-top:40px">
 +
                        <!-- Indicators-->
 +
                        <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>
                       </div>
                     </div>
                     </div>
                       </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 hpouter" id="modules" style="background-image:url(https://static.igem.org/mediawiki/2013/6/65/Heiudlberg_del.png); background-repeat:no-repeat; background-size:100%;">
+
            </div>
-
                    <div class="container hpinner">
+
 
-
                        <h2>Synthetic Peptides</p>
+
                      </div>
-
                        <p style="font-size:14px; text-align:justify">
+
                    </div>
-
                                This text show only be displayed under modules.
+
                       </div>
-
                        </p>
+
 
-
                       <a href="/Team:Heidelberg/Project/Tyrocidine" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
 
-
                    </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="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">
                     <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>
                     <h2>Indigoidine-Tag</h2>
-
                        <p style="font-size:14px; text-align:justify">
+
                      <div class="row">
-
                                 This text show only be displayed under tag.
+
                          <div class="col-md-7" style="padding-left:45px">
-
                        </p>
+
                            <p style="font-size:14px; text-align:justify">
-
<a href="/Team:Heidelberg/Project/Indigoidine-Tag" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
                                 <ul>
-
                    </div>
+
<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 hpouter" id="soft" style="background-image:url(https://static.igem.org/mediawiki/2013/a/af/Heidelberg_software.png); background-repeat:no-repeat; background-size:100%;">
+
            </div>
-
                       <div class="container hpinner">
+
 
 +
                      </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="row">
                         <div class="col-md-6">
                         <div class="col-md-6">
-
                         <h2>Software</h2>
+
                         <h2 style="padding-left:45px; padding-top:45px">Software: NRPSDesigner</h2>
-
                         <p style="font-size:14px; text-align:justify">We have implemented a software called "NRPSDesigner", which allows the user to enter a desired peptide consisting of currently over 50 amino acids he or she can choose from our dynamical database. The software calculates a NRPS domain sequence, composed of domains from different species, which is capable of producing the desired non-ribosomal peptide. Via the integrated Software "Gibthon", a former iGEM project, a Gibson cloning strategy is designed. In order to make sure our tool can be used beyond this years iGEM competition we furthermore implemented the possibility of adding new domains to our database by entering a DNA sequence. On the basis of this DNA sequence a domain prediction is carried out, which is based on antismash2. This de facto enables everyone to design his or her non-ribosomal peptide of interest!</p>
+
                         <p style="font-size:14px; text-align:justify; padding-left:45px">
-
                         <a href="/Team:Heidelberg/Project_Software" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
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>
                       <div class="col-md-6">
                       <div class="col-md-6">
-
<img src="https://static.igem.org/mediawiki/2013/1/1c/Graphical_abstract_nrps_designer.png" style="width:100%">
+
<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>
                     </div>
                 </div>
                 </div>
-
                 <div class="jumbotron hpouter" id="model" style="background-image:url(https://static.igem.org/mediawiki/2013/0/0b/Heidelberg_model_plot_.png); background-repeat:no-repeat; background-size:140%;">
+
                 <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="container hpinner">
-
                         <h2>Modeling the Feasibility of Gold Recycling with Delftibactin</h2>
+
<div class="row" >
-
                         <p style="font-size:14px; text-align:justify">In oder to find out whether the use of delftibactin would be feasible for industrial-scale recycling of gold from electronic waste we designed a model for the cost development of such a aproach.</p>
+
                         <h2 style="padding-left:50px; text-align:left">Modeling the Feasibility of Gold Recycling with Delftibactin</h2>
-
<a href="/Team:Heidelberg/Modelling/Gold_Recovery" style="margin-bottom:5%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
<div class="col-sm-12 col-md-6">
-
                         <h2>Modeling the Indigoidine Production</h2>
+
 
-
                         <p style="font-size:14px; text-align:justify">
+
                         <p style="font-size:14px; text-align:justify; padding-left:45px">
-
                                 This text show only be displayed under model.
+
<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%"><button typ="button" class="btn btn-default">Read more!</button></a>
+
<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>
Line 201: Line 480:
                         <h2> Human Practice</h2>
                         <h2> Human Practice</h2>
                       <div class="row">  
                       <div class="row">  
-
                         <div class="col-md-8" style="padding-left:45px">           
+
                         <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 (-to-be) are therefore working for society. Yet, we can only offer solutions, which have to be approved and applied by the public.
+
                         <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>
<p style="font-size:14px; text-align:justify">
<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:
+
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>
</p>
<ul style="padding-left:45px">
<ul style="padding-left:45px">
Line 217: Line 496:
                         </p>
                         </p>
-
                         <a href="/Team:Heidelberg/HumanPractice" style="margin-bottom:5%"><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="col-md-4">
+
                       <div class="col-md-5">
-
                        <img src="https://static.igem.org/mediawiki/2013/b/be/Heidelberg_Tour_HP.png" style="width:100%; margin-bottom:20%">
+
<div id="myCarouselC" class="carousel slide" style="margin-top:45px">
 +
                        <!-- Indicators -->
 +
                      <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>
                   </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:100%; background-position:25% 30%">
+
                 <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">
                     <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>
                         <h2> Results</h2>
                         <p style="font-size:14px; text-align:justify">
                         <p style="font-size:14px; text-align:justify">
                           <ul>
                           <ul>
-
                               <li style="font-size:14px">We opened up the usage of NRPS to the iGEM community</li>
+
                               <li style="font-size:14px">Automated Design of <b>Custom Non-Ribosomal Peptide Synthetases</b></li>
-
                               <li style="font-size:14px">We proved modularity of NRPS on different hierachical layers</li>
+
                               <li style="font-size:14px">Production of <b>Synthetic Peptides</b> in different engineered E. coli Hosts</li>
-
                               <li style="font-size:14px">We established a <a href="https://2013.igem.org/Team:Heidelberg/Project/Indigoidine-Tag">universal and specific tag for the labeling of NRPs</a></li>
+
                               <li style="font-size:14px">Invention of a Universal Tag for Non-Ribosomal Peptide labeling in vivo </li>
-
                              <li style="font-size:14px">We submitted a standardized assembly line production procedure for synthetic NRPs: <a href="/Team:Heidelberg/RFCs">RFC 99 and RFC 100</a></li>
+
                              <li style="font-size:14px">Using the Tag for peptide characterization and quantification of production </a></li>
-
                              <li style="font-size:14px">We implemented a software which enables everyone to <a href="/Team:Heidelberg/Project_Software">create synthetic NRPS!</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">We had a great summer with lots of <a href="/Team:Heidelberg/Team/Gallery">fun and new experiences!</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>
                           </ul>
Line 242: Line 584:
                 </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