Difference between revisions of "Team:Stuttgart/Applied Design"

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Template:Home}}
 
<html>
 
<html>
  
<script>
+
<!-- start of content -->
 +
<div class="igem_2017_content_wrapper">
  
    // This is the jquery part of your template. 
+
<div class="container">
    // Try not modify any of this code too much since it makes your menu work.
+
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
  
    $(document).ready(function() {
+
<h1 align=middle>Applied Design</h1>
 
+
</div>
        $("#HQ_page").attr('id','');
+
</div>
 
+
<div class="row section">
        // call the functions that control the menu
+
<div class="col-xs-12 col-sm-12 col-md-12">
        menu_functionality();
+
<p>
        hide_show_menu();
+
Blockages of pipes that is caused by hairy, fatty and soapy components is a daily problem that commonly occurs in every household.  
 
+
By now these blockages are usually removed using chemical tube cleaners that are harmful to health and environment or by laborious mechanical work that can be expensive.  
 
+
By inventing a biological tube cleaner that is based on a holistic approach using the fictionally created <i>E.pipelight</i> that expresses all the desired enzymes, we want to provide for a <a href="https://2017.igem.org/Team:Stuttgart/Safety">safe</a>, economic and sustainable tube cleaner that will work more efficient as the nowadays biological tube cleaner do (verlinkung interview cordes).
 
+
</p>
        //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
</div>
        function menu_functionality() {
+
</div>
 
+
<div class="row section">
            //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
<div class="col-xs-12 col-sm-12 col-md-12">
            $(".menu_button").click(function(){
+
<p>During our project we talked with various experts from different fields, amongst others Mr. Meyer from the department of wastewater technology of the University Stuttgart, Dr. Schäfer from the German Federal Environmental Foundation and Dr. Arno Cordes from ASA enzymes (see <a href="https://2017.igem.org/Team:Stuttgart/HP/Gold_Integrated">human practices</a>).  
 
+
  In the past Dr. Arno Cordes worked on the invention of a biological tube cleaner - based on purified enzymes though-, being supported by the German Federal Environmental Foundation.  
                // add or remove the class "open" , this class holds the "-"  
+
  Additionally we had a great information exchange with the Rohr-Fuchs Company a drain cleaning company, that is located in Stuttgart (see <a href="https://2017.igem.org/Team:Stuttgart/HP/Silver">human practices</a>).
                $(this).children().toggleClass("open");
+
</p>
                // show or hide the submenu
+
</div>
                $(this).next('.submenu_wrapper').fadeToggle(400);
+
</div>
            });
+
<div class="row section">
 
+
<div class="col-xs-12 col-sm-8 col-md-8">
            // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
  <p>All of them provided us with important information what had to be considered when inventing a genetically modified microbial tube cleaner and how this could have effects on society and the environment.  
            $("#display_menu_control").click(function(){
+
     Doing research we tried to improve biological tube cleaner approaches that already exist, gaining important information of previous iGEM teams that had worked on similar projects to degrade the clogging of pipes with the help of enzymes that are expressed by microorganisms (e.g. iGEM Team Canmore 2015/16).  
                $('#menu_content').fadeToggle(400);
+
     As the secretion of different enzymes such as keratinases, esterases and lipases has been already shown to be successful in <i>E.coli</i> in the past, we decided to use this gram negative and practical to handle bacteria as our host organism.
            });
+
</p>
 
+
<p>Furthermore we knew that by metabolising phenylalanine (a by-product that results during the keratine degrading process), <i>E.coli</i> could produce a rose-like fragrance.  
            // call the current page highlight function
+
  Based on this information we planned our project design (fig. 1) using promoters with different strength and distinct signal sequences to provide for the most efficient extracellular enzyme secretion without being toxic to the host organism.  
            highlight_current_page();
+
  After cultivating the different enzyme expressing <i>E.coli</i> strains, harvesting and cell centrifugation was performed to evaluate different enzyme activity assays intracellular and extracellular (see results <a href="https://2017.igem.org/Team:Stuttgart/Esterases_and_Lipases">Esterases</a> and <a href="https://2017.igem.org/Team:Stuttgart/Keratinases">Keratinases</a>).  
        }
+
  Enzyme activity was shown to be expressed in both locations, so to take advantage of all the expressed enzymes following project approach could be considered, to invent a <a href="https://2017.igem.org/Team:Stuttgart/Safety">safe</a> and efficient biological tube cleaner in the future.
 
+
</p>
 
+
</div>
        // call the highlight current page function to show it on the menu with a different background color
+
<div class="col-xs-12 col-sm-4 col-md-4">
        function highlight_current_page() {
+
  <div class="thumb tleft">
 
+
    <div class="thumbinner" style="width:px;">
            // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
      <a href="https://static.igem.org/mediawiki/2017/6/6a/Applieddesign1.png" class="image">
            $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
         <img alt="" src="https://static.igem.org/mediawiki/2017/6/6a/Applieddesign1.png" class="img-responsive" />
 
+
      </a>
            // now that the current_page class has been added to a menu item, make the submenu fade in
+
      <div class="thumbcaption">
            $(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
        <div class="magnify">
            // change the +/- symbol of the corresponding menu button
+
          <a href="https://static.igem.org/mediawiki/2017/6/6a/Applieddesign1.png" class="internal" title="Enlarge">
            $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
            <img src="/wiki/skins/common/images/magnify-clip.png" />
 
+
        }
+
 
+
 
+
 
+
        // allow button on the black menu bar to show/hide the side menu
+
        function hide_show_menu() {
+
 
+
            // in case you preview mode is selected, the menu is hidden for better visibility
+
            if (window.location.href.indexOf("submit") >= 0) {
+
                $(".igem_2017_menu_wrapper").hide();
+
            }
+
 
+
            // if the black menu bar has been loaded
+
            if (document.getElementById('bars_item')) {
+
 
+
                // when the "bars_item" has been clicked
+
                $("#bars_item").click(function() {
+
                    $("#sideMenu").hide();
+
 
+
                    // show/hide the menu wrapper
+
                    $(".igem_2017_menu_wrapper").fadeToggle("100");
+
                });
+
            }
+
 
+
            // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
            else {
+
                setTimeout(hide_show_menu, 15);
+
            }
+
        }
+
 
+
 
+
    });
+
 
+
 
+
</script>
+
 
+
<style>
+
 
+
 
+
 
+
    /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
 
+
    /* Clear the default wiki settings */
+
 
+
    #home_logo, #sideMenu { display:none; }
+
    #sideMenu, #top_title, .patrollink  {display:none;}
+
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
    body {background:#190707 }
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  table {background:#ffffff url(https://static.igem.org/mediawiki/2017/4/46/LightupthepipeTEAMSTUtt.png); }
+
 
+
 
+
 
+
    /**************************************************************** MENU ***************************************************************/
+
    /* Wrapper for the menu */
+
    .igem_2017_menu_wrapper {
+
        width: 15%;
+
        height:100vh;
+
        position:fixed;
+
        right:0;
+
        padding:0;
+
        float:right;
+
        border-left: 1px solid #F8CE63;
+
        background-color:#190707;
+
        text-align:left;
+
        font-family:Tahoma, Geneva, sans-serif;
+
        overflow-y: auto;
+
        overflow-x: hidden;
+
    }
+
 
+
    /* this hides the scrollbar to keep view consistency */
+
    .igem_2017_menu_wrappe::-webkit-scrollbar {
+
        display: none;
+
    }
+
 
+
 
+
    /* styling for links in the menu, removes the line under text */
+
    .igem_2017_menu_wrapper a {
+
        text-decoration: none;
+
    }
+
 
+
 
+
    /* styling for the images in the menu */
+
    .igem_2017_menu_wrapper img {
+
        width: 100%;
+
    }
+
 
+
    /* styling for the menu buttons */
+
    .igem_2017_menu_wrapper .menu_button {
+
        width: 100%;
+
        padding: 10px 0px 10px 15px;
+
        float:left;
+
        border-bottom: 1px solid #F8CE63;
+
        font-size: 20px;
+
        font-weight: bold;
+
        color: #F8CE63;
+
        cursor: pointer;
+
    }
+
 
+
 
+
    .igem_2017_menu_wrapper .menu_bottom_padding {
+
        width: 100%;
+
        height: 30px;
+
        float:left;
+
    }
+
 
+
    .menu_button.direct_to_page {
+
        padding-left: 36px;
+
    }
+
 
+
 
+
    .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
        width:10%;
+
        float:left;
+
    }
+
 
+
    .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
        content: "+";
+
    }
+
 
+
    .open::before {
+
        content: "-" !important;
+
    }
+
 
+
 
+
 
+
    /* styling for the menu buttons on hover */
+
    .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
+
        background-color: #F8CE63;
+
        text-decoration: none;
+
        color:#190707;
+
    }
+
 
+
    /* styling for the menu button when it is the current page */
+
    .current_page {
+
        background-color:#190707  !important;
+
        color:#F8CE63 !important;
+
    }
+
 
+
 
+
    /* styling for the submenu buttons */
+
    .igem_2017_menu_wrapper .submenu_button {
+
        width: 100%;
+
        padding: 10px 0px 10px 34px;
+
        float:left;
+
        background-color:#190707;
+
        border-bottom: 1px solid #F8CE63;
+
        font-size: 15px;
+
        color: #F8CE63;
+
        cursor: pointer;
+
     }
+
 
+
    /* wrapper for the submenu items, they are hidden by default*/
+
    .igem_2017_menu_wrapper .submenu_wrapper {
+
        display:none;
+
    }
+
 
+
    /* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
    .igem_2017_menu_wrapper #display_menu_control {
+
        display:none;
+
        text-align:center;
+
     }
+
 
+
 
+
    /***************************************************** CONTENT OF THE PAGE ****************************************************/
+
 
+
    /* Wrapper for the content */
+
    .igem_2017_content_wrapper {
+
        width: 81%;
+
        margin: 2%;
+
        display:block;
+
        float:left;
+
        background-color: #190707;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
 
+
    /********************************* HTML STYLING  *********************************/
+
 
+
    /* styling for the titles h1 h2 */
+
    .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
        color:#F8CE63;
+
        padding:15px 0 25px 0;
+
        border-bottom: 0;
+
    }
+
 
+
    /* styling for the titles  h3 h4 h5 h6*/
+
    .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
        padding:5px 15px;
+
        border-bottom:0;
+
    }
+
 
+
    /* font and text */
+
    .igem_2017_content_wrapper p {
+
        padding: 15px 0;
+
        font-size: 16px;
+
    }
+
    .igem_2017_content_wrapper img {
+
        padding: 15px 0;
+
    }
+
 
+
    /* Links */
+
    .igem_2017_content_wrapper a {
+
        font-weight: bold;
+
        text-decoration: underline;
+
        text-decoration-color: #190707;
+
        color:  #3399ff;
+
        -webkit-transition: all 0.4s ease;
+
        -moz-transition: all 0.4s ease;
+
        -ms-transition: all 0.4s ease;
+
        -o-transition: all 0.4s ease;
+
        transition: all 0.4s ease;
+
    }
+
 
+
    /* hover for the links */
+
    .igem_2017_content_wrapper a:hover {
+
        text-decoration:none;
+
        color:#000000;
+
    }
+
 
+
    /* non numbered lists */
+
    .igem_2017_content_wrapper ul {
+
        padding:0px 20px;
+
        font-size: 15px;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
    /* numbered lists */
+
    .igem_2017_content_wrapper ol {
+
        padding:0px;
+
        font-size: 15px;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
    /* Table */
+
    .igem_2017_content_wrapper table {
+
        width: 97%;
+
        margin:15px 10px;
+
        border: 2px solid #190707;
+
        border-collapse: collapse;
+
        background: url("https://static.igem.org/mediawiki/2017/4/46/LightupthepipeTEAMSTUtt.png");
+
    }
+
 
+
    /* table cells */
+
    .igem_2017_content_wrapper  td {
+
        padding: 10px;
+
        vertical-align: text-top;
+
        border: 1px solid #190707;
+
        border-collapse: collapse;
+
    }
+
 
+
    /* table headers */
+
    .igem_2017_content_wrapper th {
+
        padding: 10px;
+
        vertical-align: text-top;
+
        border: 1px solid #190707;
+
        border-collapse: collapse;
+
       
+
    }
+
 
+
 
+
    /**********************************LAYOUT CLASSES **********************************/
+
 
+
    /* general class for column divs */
+
    .igem_2017_content_wrapper .column  {
+
        padding: 10px 0px;
+
        float:left;
+
    }
+
 
+
    /* class for a full width column */
+
    .column .full_size {
+
        width:100%;
+
    }
+
 
+
    /* styling for images in a full width column*/
+
    .column.full_size img {
+
        width:97%;
+
        padding: 10px 15px;
+
    }
+
 
+
    /* class for a half width column */
+
    .column.half_size {
+
        width: 50%;
+
    }
+
    /* styling for images in a half width column*/
+
    .column.half_size img {
+
        width: 94.5%;
+
        padding: 10px 15px;
+
    }
+
 
+
 
+
 
+
 
+
    /********************************* SUPPORT CLASSES ********************************/
+
 
+
    /* class that clears content below*/
+
    .igem_2017_content_wrapper .clear {
+
        clear:both;
+
    }
+
 
+
 
+
    /* adds extra spacing when clearing content */
+
    .igem_2017_content_wrapper  .clear.extra_space {
+
        height: 30px;
+
    }
+
 
+
 
+
    /* highlight class, makes content slightly smaller */
+
    .igem_2017_content_wrapper .highlight {
+
        margin: 0px 15px;
+
        padding: 15px 0px;
+
    }
+
 
+
 
+
    /* highlight class, adds a gray background */
+
    .igem_2017_content_wrapper .highlight.gray {
+
        background-color: #190707;
+
    }
+
 
+
    /* highlight with decoration blue line on top */
+
    .igem_2017_content_wrapper .highlight.blue_top {
+
        border-top: 4px solid #190707;
+
    }
+
 
+
    /* highlight with a full blue border decoration */
+
    .igem_2017_content_wrapper .highlight.blue_border {
+
        border: 4px solid  #190707;
+
    }
+
 
+
 
+
    /* button class */
+
    .igem_2017_content_wrapper .button{
+
        max-width: 35%;
+
        margin: 30px auto;
+
        padding: 12px 10px;
+
        background-color: #190707;
+
        text-align: center;
+
        color: #F8CE63;
+
        -webkit-transition: all 0.4s ease;
+
        -moz-transition: all 0.4s ease;
+
        -ms-transition: all 0.4s ease;
+
        -o-transition: all 0.4s ease; transition: all 0.4s ease;
+
    }
+
 
+
    /* styling for button on hover */
+
    .igem_2017_content_wrapper .button:hover{
+
        background-color: #190707;
+
        color: #F8CE63;
+
    }
+
 
+
 
+
 
+
 
+
    /***************************************************** RESPONSIVE STYLING ****************************************************/
+
 
+
    /* IF THE SCREEN IS LESS THAN 1200PX */
+
    @media only screen and (max-width: 1200px) {
+
 
+
        #content {width:100%; }
+
        .igem_2017_menu_wrapper {width:15%; right:0;}
+
         .highlight {padding:10px 0px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:none; }
+
        #menu_content { display:block;}
+
        .menu_button.direct_to_page {padding-left: 17px;}
+
 
+
    }
+
 
+
    /* IF THE SCREEN IS LESS THAN 800PX */
+
    @media only screen and (max-width: 800px) {
+
 
+
        .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
        .igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
        .column.half_size  {width:100%; }
+
        .column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
        .highlight {padding:15px 5px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:block; }
+
        #menu_content { display:none;}
+
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
        .menu_bottom_padding {display:none;}
+
        .menu_button.direct_to_page { padding-left: 36px; }
+
    }
+
 
+
 
+
 
+
 
+
    /* special class that the system uses to make sure the team wants a page to be evaluated */
+
    .judges-will-not-evaluate {
+
        width: 96.6%;
+
        margin: 5px 15px;
+
        display: block;
+
        border: 4px solid #3399ff;
+
        font-weight: bold;
+
    }
+
 
+
</style>
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
<head>
+
 
+
    <!-- This tells the browser that your page is responsive -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
<!--MENU-->
+
<div class="igem_2017_menu_wrapper" >
+
 
+
 
+
 
+
    <a href="https://2017.igem.org/Team:Stuttgart">
+
        <img src="https://static.igem.org/mediawiki/2017/4/45/Bildschirmfoto_2017-10-17_um_14.23.20.png">
+
 
     </a>
 
     </a>
 
+
  </div>
 
+
     <b>Figure 1: Project design </b> 
    <!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
  </div>
     <div class="menu_button" id="display_menu_control">
+
        MENU
+
 
     </div>
 
     </div>
 
+
      </div>
    <div id="menu_content">
+
  </div>
 
+
</div>
 
+
<div class="row section">
 
+
<div class="col-xs-12 col-sm-8 col-md-8">
 
+
<p>If we assume that our product will be actually marketable in the future we would provide for following invention strategy.
        <a href="https://2017.igem.org/Team:Stuttgart">
+
  Our genetically modified auxotroph <i>E.pipelight</i> strain that encodes for a keratinase, an esterase, a lipase and a fragrance gene and that furthermore has a deletion of the asd gene will be cultivated in complex medium containing DPA (see <a href="https://2017.igem.org/Team:Stuttgart/Safety">safety</a>) (Fig 2).
            <div class="menu_button direct_to_page">
+
</p>
                HOME
+
</div>
            </div>
+
<div class="col-xs-12 col-sm-4 col-md-4">
         </a>
+
  <div class="thumb tleft">
 
+
    <div class="thumbinner" style="width:px;">
 
+
      <a href="https://static.igem.org/mediawiki/2017/b/b0/Ecolibiosafety1.png" class="image">
 
+
        <img alt="" src="https://static.igem.org/mediawiki/2017/b/b0/Ecolibiosafety1.png" class="img-responsive" />
         <div class="menu_button">
+
      </a> 
            <div class="expand_collapse_icon"> </div> TEAM
+
      <div class="thumbcaption">
 +
         <div class="magnify">
 +
          <a href="https://static.igem.org/mediawiki/2017/b/b0/Ecolibiosafety1.png" class="internal" title="Enlarge">
 +
            <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
    </a>
 +
  </div>
 +
    <b>Figure 2: Auxotroph <i>E.pipelight</i> for DPA, that encodes for all the desired enzymes such as esterases, keratinases, lipases and enzymes that encode for fragrance expression  </b> 
 +
  </div>
 +
      </div>
 +
  </div>
 +
</div>
 +
</div>
 +
    <div class="row section">
 +
      <div class="col-xs-12 col-sm-4 col-md-4">
 +
         <div class="thumb tleft">
 +
          <div class="thumbinner" style="width:px;">
 +
            <a href="https://static.igem.org/mediawiki/2017/7/75/Applieddesign3.png" class="image">
 +
              <img alt="" src="https://static.igem.org/mediawiki/2017/7/75/Applieddesign3.png" class="img-responsive" />
 +
            </a> 
 +
            <div class="thumbcaption">
 +
              <div class="magnify">
 +
                <a href="https://static.igem.org/mediawiki/2017/7/75/Applieddesign3.png" class="internal" title="Enlarge">
 +
                  <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
          </a>
 
         </div>
 
         </div>
 
+
          <b>Figure 3: Cultivation of <i>E.pipelight</i> in a reactor that contains complex medium which is supplemented with DPA  </b>   
        <div class="submenu_wrapper" id="team_submenu">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Team">
+
                <div class="submenu_button" id="Team_page">
+
                    Team
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Collaborations">
+
                <div class="submenu_button" id="Collaborations_page">
+
                    Collaborations
+
                </div>
+
            </a>
+
 
+
 
+
 
         </div>
 
         </div>
 
 
 
 
 
        <div class="menu_button">
 
            <div class="expand_collapse_icon">  </div> PROJECT
 
        </div>
 
 
        <!-- project submenu -->
 
        <div class="submenu_wrapper">
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Description">
 
                <div class="submenu_button"  id="Description_page">
 
                    Description
 
                </div>
 
            </a>
 
 
   
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Experiments">
 
                <div class="submenu_button"  id="Experiments_page">
 
                    Experiments
 
                </div>
 
            </a>
 
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Notebook">
 
                <div class="submenu_button"  id="Notebook_page">
 
                    Notebook
 
                </div>
 
            </a>
 
 
<a href="https://2017.igem.org/Team:Stuttgart/Protocols">
 
                <div class="submenu_button"  id="Protocols_page">
 
                    Protocols
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/InterLab">
 
                <div class="submenu_button"  id="InterLab_page">
 
                    InterLab
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Contribution">
 
                <div class="submenu_button"  id="Contribution_page">
 
                    Contribution
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Model">
 
                <div class="submenu_button"  id="Model_page">
 
                    Model
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Results">
 
                <div class="submenu_button"  id="Results_page">
 
                    Results
 
                </div>
 
            </a>
 
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Improve">
 
                <div class="submenu_button"  id="Improve_page">
 
                    Improve
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Attributions">
 
                <div class="submenu_button"  id="Attributions_page">
 
                    Attributions
 
                </div>
 
            </a>
 
 
        </div>
 
 
 
 
 
 
 
        <div class="menu_button">
 
            <div class="expand_collapse_icon">  </div> PARTS
 
        </div>
 
 
        <!-- parts submenu -->
 
        <div class="submenu_wrapper">
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Parts">
 
                <div class="submenu_button"  id="Parts_page">
 
                    Parts
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Basic_Part">
 
                <div class="submenu_button"  id="Basic_Part_page">
 
                    Basic Parts
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Composite_Part">
 
                <div class="submenu_button"  id="Composite_Part_page">
 
                    Composite Parts
 
                </div>
 
            </a>
 
 
            <a href="https://2017.igem.org/Team:Stuttgart/Part_Collection">
 
                <div class="submenu_button"  id="Part_Collection_page">
 
                    Part Collection
 
                </div>
 
            </a>
 
        </div>
 
 
 
 
 
 
 
        <a href="https://2017.igem.org/Team:Stuttgart/Safety">
 
            <div class="menu_button direct_to_page">
 
                SAFETY
 
 
             </div>
 
             </div>
        </a>
 
 
 
 
 
 
 
 
        <div class="menu_button" >
 
            <div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
 
         </div>
 
         </div>
 
+
      </div>
        <!-- human practices submenu -->
+
      <div class="col-xs-12 col-sm-8 col-md-8">
         <div class="submenu_wrapper">
+
         <p> With this we provide for an efficient cell growth, as our <i>E.pipelight</i> strain is not lacking any essential components and can proliferate (fig. 3).
 
+
        As soon as we reach a certain cell amount, calculated defined amount of cells will be lyophilized and stored in form of capsules at 4°C.
            <a href="https://2017.igem.org/Team:Stuttgart/HP/Silver">
+
        This is an efficient method to preserve cells in a silent mode without destroying their viability or having a destructive effect on the expressed enzymes and has been already successfully shown in different Lactobacili strains for the preparation of oral capsule probiotics (Jalali et al. 2012).
                <div class="submenu_button"  id="Silver_page">
+
          Using this storing method the cells can be stored for several months without growing or developing mutations.
                    Silver HP
+
          This would allow us to prepack the <i>E.pipelight</i> capsules and provide them in a cooled supermarket shelf or fridge.
                </div>
+
        </p>
            </a>
+
      </div>
 
+
    </div>
            <a href="https://2017.igem.org/Team:Stuttgart/HP/Gold_Integrated">
+
    <div class="row section">
                <div class="submenu_button" id="Gold_Integrated_page">
+
    <div class="col-xs-12 col-sm-9 col-md-9">
                    Integrated and Gold
+
    <p>To use <i>E.pipelight</i> in a common household, the encapsuled and freeze-dried cells should be diluted in a certain amount of a standard minimal media to ,awaken’ them.
                </div>
+
      Therefore we would provide all the required components for a complex medium + DPA in a dried form.
            </a>
+
      The amount of DPA is exactly adapted to the cell amount of each <i>E.pipelight</i> capsule.
 
+
      By adding a certain amount of warm water to the DPA containing complex medium, we get a solution in which the <i>E.pipelight</i> can regenerate (fig. 4).
 
+
      The <i>E.pipelight</i> capsule is dissolved a provided lid and poured into the tube afterwards.
            <a href="https://2017.igem.org/Team:Stuttgart/Engagement">
+
      The calculated amount of DPA in the mixture will provide that these cells can go through just a few more cell divisions to ensure an appropriate amount of cells that can degrade the clogging.
                <div class="submenu_button"  id="Engagement_page">
+
    </p>
                    Public Engagement
+
    </div>
                </div>
+
    <div class="col-xs-12 col-sm-3 col-md-3">
            </a>
+
      <div class="thumb tleft">
 
+
        <div class="thumbinner" style="width:px;">
        </div>
+
          <a href="https://static.igem.org/mediawiki/2017/6/6c/Applieddesign4.png" class="image">
 
+
             <img alt="" src="https://static.igem.org/mediawiki/2017/6/6c/Applieddesign4.png" class="img-responsive" />
 
+
          </a>
        <div class="menu_button">
+
          <div class="thumbcaption">
            <div class="expand_collapse_icon">  </div> AWARDS
+
            <div class="magnify">
        </div>
+
              <a href="https://static.igem.org/mediawiki/2017/6/6c/Applieddesign4.png" class="internal" title="Enlarge">
 
+
                 <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
        <!-- awards submenu -->
+
        <div class="submenu_wrapper">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Applied_Design">
+
                <div class="submenu_button" id="Applied_Design_page">
+
                    Applied Design
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Entrepreneurship">
+
                <div class="submenu_button" id="Entrepreneurship_page">
+
                    Entrepreneurship
+
                </div>
+
             </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Hardware">
+
                <div class="submenu_button" id="Hardware_page">
+
                    Hardware
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Measurement">
+
                <div class="submenu_button"  id="Measurement_page">
+
                    Measurement
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Model">
+
                <div class="submenu_button" id="Model_page">
+
                    Model
+
                 </div>
+
            </a>
+
 
+
         
+
        </div>
+
 
+
        <a href="https://igem.org/2017_Judging_Form?team=Stuttgart">
+
            <div class="menu_button direct_to_page">
+
                JUDGING FORM
+
            </div>
+
 
         </a>
 
         </a>
 
+
      </div>
 
+
        <b>Figure 4: Consumers package that provides encapsulated <i>E.pipelight</i> , a package that contains dried complex medium + DPA and a lid where the mixture can be dissolved in water  </b> 
 
+
      </div>
         <div class="menu_bottom_padding" >
+
          </div>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="row section">
 +
  <div class="col-xs-6 col-sm-6 col-md-6">
 +
    <div class="thumb tleft">
 +
      <div class="thumbinner" style="width:px;">
 +
        <a href="https://static.igem.org/mediawiki/2017/c/c6/Applieddesign5.png" class="image">
 +
          <img alt="" src="https://static.igem.org/mediawiki/2017/c/c6/Applieddesign5.png" class="img-responsive" />
 +
        </a> 
 +
         <div class="thumbcaption">
 +
          <div class="magnify">
 +
            <a href="https://static.igem.org/mediawiki/2017/c/c6/Applieddesign5.png" class="internal" title="Enlarge">
 +
              <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
      </a>
 +
    </div>
 +
      <b>Figure 5: Degredation process of <i>E.pipelight</i> in the tube with subsequent fragrance synthesis and cell lysis  </b> 
 +
    </div>
 
         </div>
 
         </div>
 
 
     </div>
 
     </div>
 
+
  </div>
 
+
  <div class="col-xs-6 col-sm-6 col-md-6">
 
+
    <p>After a defined time, when all of the available DPA is consumed by the <i>E.pipelight</i>, the cells will undergo lysis as the required molecule for cell wall and lysine synthesis is missing.
 
+
      This is an additional benefit, as all of the produced enzymes that haven’t been extracellularly secreted via the signal peptides by now will be released and can contribute to degrade the clogging in the pipe (fig. 5). 
 +
    </p>
 +
  </div>
 +
</div>
 +
<div class="row section">
 +
<div class="col-xs-7 col-sm-7 col-md-7">
 +
  <p>This tube cleaner could work more efficient and faster than recent biological tube cleaner do so far, without harming the consumer nor the location of its usage (fig. 6).
 +
    We know there are still huge amounts of of results and methods that have to be improved and that the invention of a tube cleaner like this still provides certain unpredictable risks that we might have not considered yet.
 +
    Still we think it could be a great and sustainable alternative in the future for consumer and environment.
 +
  </p>
 +
</div>
 +
<div class="col-xs-5 col-sm-5 col-md-5">
 +
  <div class="thumb tleft">
 +
    <div class="thumbinner" style="width:px;">
 +
      <a href="https://static.igem.org/mediawiki/2017/f/f0/Applieddesign6.png" class="image">
 +
        <img alt="" src="https://static.igem.org/mediawiki/2017/f/f0/Applieddesign6.png" class="img-responsive" />
 +
      </a> 
 +
      <div class="thumbcaption">
 +
        <div class="magnify">
 +
          <a href="https://static.igem.org/mediawiki/2017/f/f0/Applieddesign6.png" class="internal" title="Enlarge">
 +
            <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
    </a>
 +
  </div>
 +
    <b>Figure 6: Potential commercialization of Light up the pipe - the ecological drain cleaner  </b> 
 +
  </div>
 +
      </div>
 +
  </div>
 +
</div>
 
</div>
 
</div>
  
 
+
<div class="row section">  
<!-- start of content -->
+
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="igem_2017_content_wrapper">
+
  <foot>
 
+
  <p>REFERENCES
 
+
    <ol>
<table>
+
  <li>M. Jalali, D. Abedi, J. Varshosaz, M. Najjarzadeh, M. Mirlohi, N. Tavakoli
<td bgcolor=#F8CE63>
+
Stability evaluation of freeze-dried Lactobacillus paracasei subsp. tolerance and Lactobacillus delbrueckii subsp. bulgaricus in oral capsules
 
+
Research in Pharmaceutical Science, 7 (2012), pp. 31-36 </li>
 
+
<li>http://www.patent-de.com/20040902/DE60008013T2.html </li>
 
+
  </ol>
<div class="column half_size">
+
<h1>Applied Design</h1>
+
 
+
<h3>Best Applied Design Special Prize</h3>
+
 
+
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
<br><br>
+
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<br><br>
+
You must also delete the message box on the top of this page to be eligible for this prize.
+
 
</p>
 
</p>
 +
</foot>
 +
</div>
 
</div>
 
</div>
 
<div class="column half_size">
 
 
<h5>Inspiration</h5>
 
<p>Take a look at what some teams accomplished for this prize.</p>
 
<ul>
 
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
 
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
 
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
 
</ul>
 
</td>
 
</table>
 
 
</div>
 
</div>
  
<div class="clear"></div>
 
  
  

Latest revision as of 21:46, 15 December 2017

Applied Design

Blockages of pipes that is caused by hairy, fatty and soapy components is a daily problem that commonly occurs in every household. By now these blockages are usually removed using chemical tube cleaners that are harmful to health and environment or by laborious mechanical work that can be expensive. By inventing a biological tube cleaner that is based on a holistic approach using the fictionally created E.pipelight that expresses all the desired enzymes, we want to provide for a safe, economic and sustainable tube cleaner that will work more efficient as the nowadays biological tube cleaner do (verlinkung interview cordes).

During our project we talked with various experts from different fields, amongst others Mr. Meyer from the department of wastewater technology of the University Stuttgart, Dr. Schäfer from the German Federal Environmental Foundation and Dr. Arno Cordes from ASA enzymes (see human practices). In the past Dr. Arno Cordes worked on the invention of a biological tube cleaner - based on purified enzymes though-, being supported by the German Federal Environmental Foundation. Additionally we had a great information exchange with the Rohr-Fuchs Company a drain cleaning company, that is located in Stuttgart (see human practices).

All of them provided us with important information what had to be considered when inventing a genetically modified microbial tube cleaner and how this could have effects on society and the environment. Doing research we tried to improve biological tube cleaner approaches that already exist, gaining important information of previous iGEM teams that had worked on similar projects to degrade the clogging of pipes with the help of enzymes that are expressed by microorganisms (e.g. iGEM Team Canmore 2015/16). As the secretion of different enzymes such as keratinases, esterases and lipases has been already shown to be successful in E.coli in the past, we decided to use this gram negative and practical to handle bacteria as our host organism.

Furthermore we knew that by metabolising phenylalanine (a by-product that results during the keratine degrading process), E.coli could produce a rose-like fragrance. Based on this information we planned our project design (fig. 1) using promoters with different strength and distinct signal sequences to provide for the most efficient extracellular enzyme secretion without being toxic to the host organism. After cultivating the different enzyme expressing E.coli strains, harvesting and cell centrifugation was performed to evaluate different enzyme activity assays intracellular and extracellular (see results Esterases and Keratinases). Enzyme activity was shown to be expressed in both locations, so to take advantage of all the expressed enzymes following project approach could be considered, to invent a safe and efficient biological tube cleaner in the future.

Figure 1: Project design

If we assume that our product will be actually marketable in the future we would provide for following invention strategy. Our genetically modified auxotroph E.pipelight strain that encodes for a keratinase, an esterase, a lipase and a fragrance gene and that furthermore has a deletion of the asd gene will be cultivated in complex medium containing DPA (see safety) (Fig 2).

Figure 2: Auxotroph E.pipelight for DPA, that encodes for all the desired enzymes such as esterases, keratinases, lipases and enzymes that encode for fragrance expression
Figure 3: Cultivation of E.pipelight in a reactor that contains complex medium which is supplemented with DPA

With this we provide for an efficient cell growth, as our E.pipelight strain is not lacking any essential components and can proliferate (fig. 3). As soon as we reach a certain cell amount, calculated defined amount of cells will be lyophilized and stored in form of capsules at 4°C. This is an efficient method to preserve cells in a silent mode without destroying their viability or having a destructive effect on the expressed enzymes and has been already successfully shown in different Lactobacili strains for the preparation of oral capsule probiotics (Jalali et al. 2012). Using this storing method the cells can be stored for several months without growing or developing mutations. This would allow us to prepack the E.pipelight capsules and provide them in a cooled supermarket shelf or fridge.

To use E.pipelight in a common household, the encapsuled and freeze-dried cells should be diluted in a certain amount of a standard minimal media to ,awaken’ them. Therefore we would provide all the required components for a complex medium + DPA in a dried form. The amount of DPA is exactly adapted to the cell amount of each E.pipelight capsule. By adding a certain amount of warm water to the DPA containing complex medium, we get a solution in which the E.pipelight can regenerate (fig. 4). The E.pipelight capsule is dissolved a provided lid and poured into the tube afterwards. The calculated amount of DPA in the mixture will provide that these cells can go through just a few more cell divisions to ensure an appropriate amount of cells that can degrade the clogging.

Figure 4: Consumers package that provides encapsulated E.pipelight , a package that contains dried complex medium + DPA and a lid where the mixture can be dissolved in water
Figure 5: Degredation process of E.pipelight in the tube with subsequent fragrance synthesis and cell lysis

After a defined time, when all of the available DPA is consumed by the E.pipelight, the cells will undergo lysis as the required molecule for cell wall and lysine synthesis is missing. This is an additional benefit, as all of the produced enzymes that haven’t been extracellularly secreted via the signal peptides by now will be released and can contribute to degrade the clogging in the pipe (fig. 5).

This tube cleaner could work more efficient and faster than recent biological tube cleaner do so far, without harming the consumer nor the location of its usage (fig. 6). We know there are still huge amounts of of results and methods that have to be improved and that the invention of a tube cleaner like this still provides certain unpredictable risks that we might have not considered yet. Still we think it could be a great and sustainable alternative in the future for consumer and environment.

Figure 6: Potential commercialization of Light up the pipe - the ecological drain cleaner

REFERENCES

  1. M. Jalali, D. Abedi, J. Varshosaz, M. Najjarzadeh, M. Mirlohi, N. Tavakoli Stability evaluation of freeze-dried Lactobacillus paracasei subsp. tolerance and Lactobacillus delbrueckii subsp. bulgaricus in oral capsules Research in Pharmaceutical Science, 7 (2012), pp. 31-36
  2. http://www.patent-de.com/20040902/DE60008013T2.html