Difference between revisions of "Team:Stuttgart"

m
 
(48 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{Template:Swiper}}
 
<html>
 
<html>
  
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<!-- start of content -->
 
+
<!-- Swiper -->
<head>
+
<div class="swiper-container">
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"
+
     <div class="swiper-wrapper">
          id="bootstrap-css">
+
         <div class="swiper-slide">
     <style>
+
             <img data-src="https://static.igem.org/mediawiki/2017/7/76/Rohrlightupthepipe.png" class="swiper-lazy"/>
 
+
             <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
 
+
         </div>
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
        <div class="swiper-slide">
 
+
            <img data-src="https://static.igem.org/mediawiki/2017/3/3b/Slide_01.jpg" class="swiper-lazy"/>
        /* Clear the default wiki settings */
+
            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
 
+
         </div>
        #home_logo, #sideMenu {
+
         <div class="swiper-slide">
            display: none;
+
             <img data-src="https://static.igem.org/mediawiki/2017/e/ec/Slide_02.jpg" class="swiper-lazy"/>
        }
+
            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
 
+
        </div>
        #sideMenu, #top_title, .patrollink {
+
        <div class="swiper-slide">
            display: none;
+
            <img data-src="https://static.igem.org/mediawiki/2017/a/a7/Slide_04.jpg" class="swiper-lazy"/>
        }
+
             <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
 
+
        #content {
+
            width: 100%;
+
            padding: 0px;
+
            margin-top: -7px;
+
            margin-left: 0px;
+
        }
+
 
+
        body {
+
            background: white;
+
        }
+
 
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
            margin-bottom: 0px;
+
        }
+
 
+
        table {;
+
        }
+
 
+
        /**************************************************************** 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: white;
+
            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: 16px;
+
            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: "+";
+
        }
+
 
+
        /* 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: white !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: white;
+
            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: 83%;
+
            margin: 0;
+
            display: block;
+
            float: left;
+
            background-color: white;
+
            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 */
+
        .container p,
+
        #HQ_page p {
+
            line-height: 24px;
+
            font-size: 16px;
+
            color: #333;
+
        }
+
 
+
        .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;
+
        }
+
 
+
        /* 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 ****************************************************/
+
 
+
        *, *:before, *:after {
+
            -webkit-box-sizing: border-box;
+
            -moz-box-sizing: border-box;
+
            box-sizing: border-box;
+
        }
+
 
+
        body {
+
            overflow-x: hidden;
+
            margin-top: 80px;
+
            letter-spacing: 0.02em;
+
        }
+
 
+
        /* IF THE SCREEN IS LESS THAN 1200PX */
+
        @media only screen and (max-width: 1024px) {
+
 
+
            #content {
+
                width: 100%;
+
            }
+
 
+
            .igem_2017_content_wrapper {
+
                width: 100%;
+
            }
+
 
+
            .igem_2017_menu_wrapper {
+
                width: 100%;
+
                height: 15%;
+
                position: relative;
+
                left: 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_content_wrapper {
+
                width: 100%;
+
                margin-left: 0;
+
            }
+
 
+
            .column.half_size {
+
                width: 100%;
+
            }
+
 
+
            .column.full_size img, .column.half_size img {
+
                width: 100%;
+
                padding: 10px 0;
+
            }
+
 
+
            .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;
+
        }
+
 
+
        /* CUSTOM BS NAVBAR STYLES */
+
        .navbar {
+
            border: 0;
+
        }
+
 
+
        .navbar-default {
+
            margin-top: 15px;
+
            background-color: #333;
+
        }
+
 
+
        .navbar-brand {
+
            padding: 0;
+
            padding-left: 25px;
+
            padding-right: 25px;
+
        }
+
 
+
        .navbar-brand img {
+
            height: 49px;
+
        }
+
 
+
        .navbar-default .navbar-nav > li > a {
+
            color: white;
+
         }
+
 
+
        .navbar-default .navbar-nav > li > a:focus,
+
        .navbar-default .navbar-nav > li > a:hover,
+
        .navbar-default .navbar-nav > .dropdown > a .caret:hover {
+
            color: #F8CE63;
+
        }
+
 
+
        .navbar-default .navbar-nav > .open > a,
+
        .navbar-default .navbar-nav > .open > a:hover,
+
        .navbar-default .navbar-nav > .open > a:focus {
+
            color: #F8CE63;
+
            background-color: #444;
+
        }
+
 
+
        .navbar-default .navbar-nav > .dropdown > a .caret {
+
            border-top-color: #eee;
+
            border-bottom-color: #eee;
+
        }
+
 
+
        .dropdown-menu {
+
            border: 0;
+
        }
+
        .dropdown-menu > li > a {
+
            color: white;
+
        }
+
 
+
        .dropdown-menu > li > a:hover,
+
        .dropdown-menu > li > a:focus {
+
            color: #111;
+
            text-decoration: none;
+
            background-color: #F8CE63;
+
        }
+
 
+
        .navbar-default .navbar-nav > .dropdown > a:hover .caret,
+
        .navbar-default .navbar-nav > .dropdown > a:focus .caret {
+
            border-top-color: white;
+
            border-bottom-color: white;
+
        }
+
 
+
        @media (max-width: 767px) {
+
            .navbar-default .navbar-nav .open .dropdown-menu>li>a {
+
                color: #ddd;
+
            }
+
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
+
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
+
                color: #F8CE63;
+
            }
+
        }
+
 
+
        .navbar-nav>li>.dropdown-menu {
+
            background-color: #444;
+
        }
+
 
+
        .section {
+
            margin: 25px 0;
+
        }
+
 
+
    </style>
+
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
 
+
    <script>
+
        $(document).ready(function(){
+
            $("#mw-content-text").removeClass("mw-content-ltr");
+
        });
+
    </script>
+
 
+
 
+
    <!-- This tells the browser that your page is responsive -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
<body>
+
 
+
<!--MENU-->
+
<nav class="navbar navbar-default navbar-fixed-top">
+
    <div class="container-fluid">
+
         <!-- Brand and toggle get grouped for better mobile display -->
+
         <div class="navbar-header">
+
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
                <span class="sr-only">Toggle navigation</span>
+
                <span class="icon-bar"></span>
+
                <span class="icon-bar"></span>
+
                <span class="icon-bar"></span>
+
            </button>
+
            <a class="navbar-brand" href="https://2017.igem.org/Team:Stuttgart">
+
                <img alt="Team:Stuttgart"
+
                    src="https://static.igem.org/mediawiki/2017/1/18/UNISTUTTGARTLOGO.png">
+
             </a>
+
 
         </div>
 
         </div>
 
+
         <div class="swiper-slide">
        <!-- Collect the nav links, forms, and other content for toggling -->
+
             <img data-src="https://static.igem.org/mediawiki/2017/2/25/Slide_05.jpg" class="swiper-lazy"/>
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
             <ul class="nav navbar-nav">
+
        </div>
                <li>
+
        <div class="swiper-slide">
                    <a href="https://2017.igem.org/Team:Stuttgart">Home</a>
+
            <img data-src="https://static.igem.org/mediawiki/2017/1/1f/Slide_06.jpg" class="swiper-lazy"/>
                </li>
+
            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
                <li class="dropdown">
+
        </div>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+
        <div class="swiper-slide">
                      aria-expanded="false">Team <span class="caret"></span></a>
+
            <img data-src="https://static.igem.org/mediawiki/2017/4/46/Slide_07.jpg" class="swiper-lazy"/>
                    <ul class="dropdown-menu">
+
            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Team">Team</a></li>
+
        </div>
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Attributions">Attributions</a></li>
+
    </div>
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Sponsoring">Sponoring</a></li>
+
    <!-- Add Pagination -->
                        <!--<li role="separator" class="divider"></li>-->
+
    <div class="swiper-pagination"></div>
                    </ul>
+
    <!-- Add Arrows -->
                </li>
+
    <div class="swiper-button-next swiper-button-black"></div>
                <li class="dropdown">
+
    <div class="swiper-button-prev swiper-button-black"></div>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+
</div>
                      aria-expanded="false">Project <span class="caret"></span></a>
+
                    <ul class="dropdown-menu">
+
                        <!--<li class="navbar-text navbar-left">Dry Lab</li>-->
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Description">Description</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Background-Information">Background
+
                            Information</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Protocols">Protocols & Experiments</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Notebook">Notebook</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/InterLab">Interlab Study</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Model">Modelling</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Results">Results</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Parts">Parts</a></li>
+
                        <!--<li role="separator" class="divider"></li>-->
+
                    </ul>
+
                </li>
+
                <li>
+
                    <a href="https://2017.igem.org/Team:Stuttgart/Safety">Safety</a>
+
                </li>
+
                <li class="dropdown">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+
                      aria-expanded="false">Human Practices <span class="caret"></span></a>
+
                    <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Engagement">Public Engagement</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/HP/Gold_Integrated">Integrated and Gold</a>
+
                        </li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/HP/Silver">Silver HP</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Collaborations">Collaborations</a></li>
+
                    </ul>
+
                </li>
+
                <li class="dropdown">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+
                      aria-expanded="false">Awards <span class="caret"></span></a>
+
                    <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Applied_Design">Applied Design</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Measurement">Measurement</a></li>
+
                    </ul>
+
                </li>
+
                <li>
+
                    <a href="https://igem.org/2017_Judging_Form?team=Stuttgart">Judging Form</a>
+
                </li>
+
            </ul>
+
        </div><!-- /.navbar-collapse -->
+
    </div><!-- /.container-fluid -->
+
</nav>
+
 
+
 
+
<!-- start of content -->
+
 
<div class="container">
 
<div class="container">
 
     <div class="row section">
 
     <div class="row section">
         <div class="col-xs-12 col-sm-4 col-md-4">
+
         <div class="col-xs-12 text-center">
            <!--<https://static.igem.org/mediawiki/2017/7/76/Rohrlightupthepipe.png">-->
+
            <img src="https://static.igem.org/mediawiki/2017/7/76/Rohrlightupthepipe.png"/>
+
        </div>
+
</div>
+
<div class="row section">
+
        <div class="col-xs-12 col-sm-8 col-md-8">
+
 
             <p>The clogging of drains and pipe systems by hair and fat is a serious problem in industry and private
 
             <p>The clogging of drains and pipe systems by hair and fat is a serious problem in industry and private
 
                 households. Currently many blockages are dissolved by toxic and reactive chemicals like hydroxide
 
                 households. Currently many blockages are dissolved by toxic and reactive chemicals like hydroxide
                 and chlorine compounds, leading to accelerate corrosion in the pipe system and ecological damage.
+
                 and chlorine compounds, leading to accelerated corrosion in the pipe system and ecological damage.
 
                 Our aim is to engage this problem in a more sustainable and eco-friendly way by developing a
 
                 Our aim is to engage this problem in a more sustainable and eco-friendly way by developing a
                 biological cleaner based on a holistic approach using E.coli. Our microbial system is targeted on
+
                 biological cleaner based on a holistic approach using <i>E.coli</i>. Our microbial system is targeted on
 
                 producing and secreting enzymes, such as keratinases, lipases and esterases to break down hair, fat
 
                 producing and secreting enzymes, such as keratinases, lipases and esterases to break down hair, fat
 
                 and other pollutants. By optimizing the secretion of the selected enzymes, we are avoiding enzyme
 
                 and other pollutants. By optimizing the secretion of the selected enzymes, we are avoiding enzyme
Line 618: Line 54:
 
                 the existing waste as an indicator of successful degradation.
 
                 the existing waste as an indicator of successful degradation.
 
                 Involving mathematical modeling of enzymatic kinetics and degradation processes will support the
 
                 Involving mathematical modeling of enzymatic kinetics and degradation processes will support the
                 experimental work. Finally this approach will LIGHT UP THE PIPE again!
+
                 experimental work.<br>Finally this approach will LIGHT UP THE PIPE again!
 
             </p>
 
             </p>
            <br>
+
        </div>
            <br>
+
    </div>
            You can also find us on facebook - visit, give us a like or follow us on twitter <br>
+
    <div class="row section">
<br>
+
        <div class="col-xs-6 text-right">
<br>
+
             <a target="_blank" title="find us on Facebook" href="https://www.facebook.com/igemstuttgart/">
             <a target="_blank" title="find us on Facebook" href="https://www.facebook.com/igemstuttgart/"><img
+
                <img alt="follow me on facebook" src="//login.create.net/images/icons/user/facebook_40x40.png" border="0">
                    alt="follow me on facebook" src="//login.create.net/images/icons/user/facebook_40x40.png"
+
            </a>
                    border=0></a> <a target="_blank" title="follow us on twitter"
+
        </div>
                                    href="https://twitter.com/igem_stuttgart?lang=de"><img
+
        <div class="col-xs-6 text-left">
                 alt="follow me on twitter" src="//login.create.net/images/icons/user/twitter_40x40.png"
+
            <a target="_blank" title="follow us on twitter" href="https://twitter.com/igem_stuttgart?lang=de">
                border=0></a>
+
                 <img alt="follow me on twitter" src="//login.create.net/images/icons/user/twitter_40x40.png" border="0">
</div>
+
            </a>
 +
        </div>
 +
    </div>
 +
    <div class="row section">
 +
        <div class="col-xs-12 text-center">
 +
            <p>You can also find us on facebook - visit, contact us or follow us on twitter</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
</body>
+
 
 +
<!-- Swiper JS -->
 +
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.3/js/swiper.min.js"></script>
 +
 
 +
<script type="application/javascript">
 +
    $(document).ready(function () {
 +
        /* remove igem mess */
 +
        $("#content").removeClass("mw-body").attr("id", "");
 +
        $("#mw-content-text").removeClass("mw-content-ltr").attr("id", "");
 +
        $("#HQ_page").attr("id", "");
 +
        $("#bodyContent").attr("id", "");
 +
        $("#globalWrapper").attr("id", "");
 +
    });
 +
    $(window).load(function () {
 +
        $("#home_logo").remove();
 +
        $("#sideMenu").remove();
 +
        $("#top_title").remove();
 +
        $("#patrollink").remove();
 +
        setTimeout(function () {
 +
            $(".container").fadeIn();
 +
            <!-- Initialize Swiper -->
 +
            var swiper = new Swiper('.swiper-container', {
 +
                spaceBetween: 30,
 +
                effect: 'ease',
 +
                // Enable lazy loading
 +
                lazy: true,
 +
                loop: true,
 +
                centeredSlides: true,
 +
                autoplay: {
 +
                    delay: 5000,
 +
                    disableOnInteraction: true,
 +
                },
 +
                pagination: {
 +
                    el: '.swiper-pagination',
 +
                    clickable: true,
 +
                },
 +
                navigation: {
 +
                    nextEl: '.swiper-button-next',
 +
                    prevEl: '.swiper-button-prev',
 +
                }
 +
            });
 +
        }, 150);
 +
    });
 +
</script>
 +
 
 
</html>
 
</html>

Latest revision as of 00:17, 2 November 2017

The clogging of drains and pipe systems by hair and fat is a serious problem in industry and private households. Currently many blockages are dissolved by toxic and reactive chemicals like hydroxide and chlorine compounds, leading to accelerated corrosion in the pipe system and ecological damage. Our aim is to engage this problem in a more sustainable and eco-friendly way by developing a biological cleaner based on a holistic approach using E.coli. Our microbial system is targeted on producing and secreting enzymes, such as keratinases, lipases and esterases to break down hair, fat and other pollutants. By optimizing the secretion of the selected enzymes, we are avoiding enzyme purification which can save valuable money and time. Additionally, we want to produce a scent from the existing waste as an indicator of successful degradation. Involving mathematical modeling of enzymatic kinetics and degradation processes will support the experimental work.
Finally this approach will LIGHT UP THE PIPE again!

You can also find us on facebook - visit, contact us or follow us on twitter