Difference between revisions of "Team:UPO-Sevilla"

 
(65 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{:Team:UPO-Sevilla/Template:CSS}}
 
{{:Team:UPO-Sevilla/Template:CSS}}
 
{{:Team:UPO-Sevilla/Template:JAVA}}
 
{{:Team:UPO-Sevilla/Template:JAVA}}
−
<html>
+
<html>
−
  <head>
+
−
    <meta charset="utf-8">
+
−
    <title>ShapeBootstrap Clean Template</title>
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
−
    <!-- Bootstrap -->
+
−
    <link href="css/bootstrap.css" rel="stylesheet">
+
−
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
+
−
    <link href="css/style.css" rel="stylesheet">
+
−
   
+
−
    <!--Font-->
+
−
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600' rel='stylesheet' type='text/css'>
+
−
   
+
−
   
+
−
   
+
−
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
−
    <!--[if lt IE 9]>
+
−
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
−
    <![endif]-->
+
−
     
+
−
      <!-- Fav and touch icons -->
+
−
      <link rel="shortcut icon" href="ico/favicon.ico">
+
−
      <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
+
−
      <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
+
−
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
+
−
      <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
+
  
−
 
+
<style type="text/css">
−
     
+
−
 
+
* {
−
    <!-- SCRIPT
+
margin:0px;
−
    ============================================================-->
+
padding:0px;
−
    <script src="http://code.jquery.com/jquery.js"></script>
+
}
−
    <script src="js/bootstrap.min.js"></script>
+
−
     
+
#header {
−
     
+
margin:auto;
−
  </head>
+
width:500px;
−
  <body>
+
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
 +
ul, ol {
 +
list-style:none;
 +
}
 +
 +
.nav > li {
 +
float:left;
 +
}
 +
 +
.nav li a {
 +
background-color:#CEECF5;
 +
color:#000;
 +
text-decoration:none;
 +
padding:10px 12px;
 +
display:block;
 +
}
 +
 +
.nav li a:hover {
 +
background-color:#434343;
 +
}
 +
 +
.nav li ul {
 +
display:none;
 +
position:absolute;
 +
min-width:140px;
 +
}
 +
 +
.nav li:hover > ul {
 +
display:block;
 +
}
 +
 +
.nav li ul li {
 +
position:relative;
 +
}
 +
 +
.nav li ul li ul {
 +
right:-140px;
 +
top:0px;
 +
}
 +
 +
</style>
 
   <!--HEADER ROW-->
 
   <!--HEADER ROW-->
 
   <div id="header-row">
 
   <div id="header-row">
Line 46: Line 61:
 
       <div class="row" style="height:75px">
 
       <div class="row" style="height:75px">
 
               <!--LOGO-->
 
               <!--LOGO-->
−
               <div class="span3"><a class="brand" href="#"><img src="" width="200" height="400"></a></div>
+
               <div class="span3"><a class="brand" href="#"><img src="https://static.igem.org/mediawiki/2016/9/94/T--UPO-Sevilla--upoescudo.jpg" width="200" height="400"></a></div>
 
               <!-- /LOGO -->
 
               <!-- /LOGO -->
  
 
             <!-- MAIN NAVIGATION -->   
 
             <!-- MAIN NAVIGATION -->   
−
               <div class="span9" style="height:50px,width:1000;font-size:100%">
+
               <div class="span9">
−
                 <div class="navbar  pull-right">
+
                 <div class="navbar  pull-right" style="font-size:80%">
 
                   <div class="navbar-inner">
 
                   <div class="navbar-inner">
 
                     <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
 
                     <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
Line 59: Line 74:
 
 
 
<li class="dropdown">
 
<li class="dropdown">
−
                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="team">Team<b class="caret"></b></a>
+
                           <a class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Sevilla">Our city</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Team">Members</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Team">Members</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Attributions">Attributions</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Attributions">Attributions</a></li>
Line 66: Line 82:
 
                         </li>
 
                         </li>
 
 
−
<li class="dropdown">
+
<li class="dropdown">
−
                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="project">Project<b class="caret"></b></a>
+
                           <a class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
−
                                  <li><a href="about.html">Overview</a></li>
 
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Description">Description</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Description">Description</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Design">Design</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Proof">Proof of Concept</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Demonstrate">Demonstrate</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Notebook">Notebook</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                          
 
                          
 
                         <li class="dropdown">
 
                         <li class="dropdown">
−
                           <a href="about.html" class="dropdown-toggle" data-toggle="dropdown" id="parts">Parts<b class="caret"></b></a>
+
                           <a class="dropdown-toggle" data-toggle="dropdown">Parts<b class="caret"></b></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Basic_Part">Basic Parts</a></li>
 
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Basic_Part">Basic Parts</a></li>
Line 83: Line 102:
 
                         </li>
 
                         </li>
  
−
<li class="dropdown">
+
                        <li class="dropdown">
−
                           <a href="about.html" class="dropdown-toggle" data-toggle="dropdown" id="wetlab">Wet Lab<b class="caret"></b></a>
+
                           <a class="dropdown-toggle" data-toggle="dropdown">Wet Lab<b class="caret"></b></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
−
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Experiments">Protocols</a></li>
+
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Protocols">Protocols</a></li>
−
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Notebook">Notebook</a></li>
+
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Experiments">Experiments</a></li>
−
  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Safety">Safety</a></li>
+
  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Safety">Safety</a></li>
−
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Results">Results</a></li>
+
                            </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown">
 +
                          <a class="dropdown-toggle" data-toggle="dropdown">Dry Lab<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Software">Software</a></li>
 +
                                   <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Model">Modeling</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 95: Line 121:
 
                         <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Collaborations">Collaborations</a></li>
 
                         <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Collaborations">Collaborations</a></li>
 
 
−
                        <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Human_Practices">Human Practices</a></li>
+
                        <li class="dropdown">
−
+
                          <a class="dropdown-toggle" data-toggle="dropdown">Human Practices<b class="caret"></b></a>
−
<li><a href="https://2016.igem.org/Team:UPO-Sevilla/Model">Modeling</a></li>
+
                            <ul class="dropdown-menu">
−
                             
+
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/HP/Silver">HP Silver</a></li>
 +
 
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Integrated_Practices">Integrated Practices</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/HP/Gold">HP Gold</a></li>
 +
                                  <li><a href="https://2016.igem.org/Team:UPO-Sevilla/Engagement">Engagement</a></li>
 +
 
 +
                            </ul>
 +
                        </li>                                                     
 
                     </ul>
 
                     </ul>
 
                   </div>
 
                   </div>
Line 132: Line 165:
 
               </div>
 
               </div>
  
−
                 <div class="span6"> <img src="img/logo.uposevilla.jpg" style="width:300px;height:300px;padding-top:50px;padding-bottom:100px;padding-left:100px"></div>
+
                 <div class="span6"> <img src="https://static.igem.org/mediawiki/2016/f/fd/T--UPO-Sevilla--logo_uposevilla.jpg" style="width:300px;height:300px;padding-top:50px;padding-bottom:100px;padding-left:100px"></div>
  
 
           </div>
 
           </div>
Line 176: Line 209:
 
     <div class="row">
 
     <div class="row">
 
         <h1 style="text-align:center">Abstract of our Project</h1>
 
         <h1 style="text-align:center">Abstract of our Project</h1>
−
             <p style="text-align:justify"> Bacteria are an amazing field to work on. They can develop a wide variety of functionalities and properties in a very short time, being easy to work with and extremely versatile. On this basis, we wanted to take advantage of one of the most remarkable characteristics of the bacteria we work with, Pseudomonas putida – the ability to form biofilms. These structures are composed of communities of bacteria which are integrated in an extracellular polysaccharide matrix that protects them from several kinds of stress. In addition, they have an increased metabolism, a feature that is often required in industrial production. </p>
+
    <div style="text-align:center;padding-bottom:15px">
−
+
    <video width="600px" preload controls>
−
<p style="text-align:justify">Therefore, we thought that it would be a good application to try and do some bioremediation with these strong and powerful bacteria. First, we thought about glyphosate, an herbicide that has been proved to be toxic to human. But due to technical difficulties, we could not continue with that idea. Instead, we found out about glycerol. It is being overproduced in the biofuel industry, and it is starting to become an environmental problem. So we started to model how our bacteria would eat that glycerol, using biofilms for that. But, is there anything else we can do once the bacteria are eating glycerol? We decided that there could be a compound we could produce with these biological reactors, and our choice was propionate. It is widely used in a large variety of fields, easy to excrete from our bacteria and, according to the model, easy to produce. Let’s get started!</p>
+
<source src="https://static.igem.org/mediawiki/2016/f/f6/T--UPO-Sevilla--videoProm.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
             <p style="text-align:justify;font-size:15px;padding-bottom:10px"> Glycerol is a byproduct from the biodiesel industry that contaminates the environment and constitutes a real problem worldwide. To help eliminating this compound, we use it as a carbon source for bacteria. We take advantage of <i>Pseudomonas putida</i>, a bacterium capable of adhering to substrate and aggregate to form communities or biofilms. In this state, bacteria are more efficient, robust and resistant than those in suspension and are excellent catalysts of biotechnological use. By using glycerol as the carbon source, bacteria forming biofilms can produce compounds that are beneficial for human beings.</p>
 +
 
 +
      <p style="text-align:justify;font-size:15px;padding-bottom:10px">We genetically manipulate <i>P. putida</i> based on in silico predictions to increase glycerol assimilation and to control formation and dispersal of biofilms. Having that, there are a lot of molecules that can be produced by introducing the genes needed for it. We propose producing propionate, as it is a small and simple molecule easy to secrete and with a lot of uses in different industries.</p>
 +
 
 +
        <p style="text-align:justify;font-size:15px">This way, we develop a production platform, eliminating a contaminating compound and producing a useful one in an efficient manner.</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 184: Line 224:
 
<!-- /.Feature -->
 
<!-- /.Feature -->
  
−
  <div class="hr-divider"></div>
+
 
 
    
 
    
 
<!-- Feature  
 
<!-- Feature  
 
   ==============================================-->
 
   ==============================================-->
−
 
−
 
−
  <div class="row feature-box" style="width:1300px;margin-left:30px" >
 
−
      <div class="span12 cnt-title">
 
−
      <h1 style="text-align:center">The main parts of our proyect</h1>
 
−
        <span></span>       
 
−
      </div>
 
−
 
−
      <div class="span4" style="width:400px">
 
−
        <img src="img/glicerol.upo.png" width="370" height="600">
 
−
        <h2>Glycerol</h2>
 
−
        <p style="text-align:justify">
 
−
            This molecule is produced in high amount in the biofuel industry. It has several uses, but what can we do with the surplus?
 
−
        </p> 
 
−
 
 
−
      </div>
 
−
 
−
  <div class="span4" style="width:400px">
 
−
        <img src="img/biofilm.upo.jpg" width="350" height="600">
 
−
        <h2>Biofilm</h2>
 
−
        <p style="text-align:justify">
 
−
            Some kinds of microorganisms can adhere to a surface and between them, forming a tridimensional colony that protects themo from different risks.
 
−
        </p>
 
−
      </div>
 
−
 
 
−
      <div class="span4 style=width:400px">
 
−
        <img src="img/propionate.upo.gif" width="305" height="600">
 
−
        <h2>Propionate</h2>
 
−
        <p style="text-align:justify">
 
−
            This small molecule can be easily produced and secreted by the microorganisms, and it has plenty of uses for the human being.
 
−
        </p>
 
−
      </div>
 
−
  </div>
 
−
 
 
−
</div>
 
−
 
  
 
<!-- /.Row View -->
 
<!-- /.Row View -->
Line 240: Line 244:
 
             <div class="social pull-right">
 
             <div class="social pull-right">
 
 
−
<a href="https://www.youtube.com/channel/UCXUAle_ywH8F127dWBYrhgw" target="_blank" title="Youtube official page"><img src="img/youtube.jpg" width="60" style="height:50px"</a>
+
<a href="https://www.youtube.com/channel/UCXUAle_ywH8F127dWBYrhgw" target="_blank" title="Youtube official page"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--UPO-Sevilla--youtube.jpg" width="60" style="height:50px"</a>
 
 
 
<a href="https://www.facebook.com/profile.php?id=100006118518232&fref=ts" target="_blank" title="Facebook official page"><img src="https://static.igem.org/mediawiki/igem.org/thumb/8/8b/FaceBook-icon.png/120px-FaceBook-icon.png" width="60" height="60"></a>
 
<a href="https://www.facebook.com/profile.php?id=100006118518232&fref=ts" target="_blank" title="Facebook official page"><img src="https://static.igem.org/mediawiki/igem.org/thumb/8/8b/FaceBook-icon.png/120px-FaceBook-icon.png" width="60" height="60"></a>

Latest revision as of 02:02, 19 October 2016

Abstract of our Project

Glycerol is a byproduct from the biodiesel industry that contaminates the environment and constitutes a real problem worldwide. To help eliminating this compound, we use it as a carbon source for bacteria. We take advantage of Pseudomonas putida, a bacterium capable of adhering to substrate and aggregate to form communities or biofilms. In this state, bacteria are more efficient, robust and resistant than those in suspension and are excellent catalysts of biotechnological use. By using glycerol as the carbon source, bacteria forming biofilms can produce compounds that are beneficial for human beings.

We genetically manipulate P. putida based on in silico predictions to increase glycerol assimilation and to control formation and dispersal of biofilms. Having that, there are a lot of molecules that can be produced by introducing the genes needed for it. We propose producing propionate, as it is a small and simple molecule easy to secrete and with a lot of uses in different industries.

This way, we develop a production platform, eliminating a contaminating compound and producing a useful one in an efficient manner.