Difference between revisions of "Team:Uppsala"

(Prototype team page)
 
 
(170 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Uppsala}}
+
{{Uppsala_NewTemplate}}
−
<html>
+
<html>
−
<h2> Welcome to iGEM 2015! </h2>
+
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
−
<h4>Before you start: </h4>
+
<style>
−
<p> Please read the following pages:</p>
+
−
<ul>
+
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
</ul>
+
  
−
<div class="highlightBox">
+
#home_image {
−
<h4> Styling your wiki </h4>
+
  margin: 0 auto;
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
  display: block;
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
  margin-top: -16px;
−
</div>
+
}
  
−
<h4> Editing your wiki </h4>
 
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Uppsala&action=edit"> Click here to edit this page! </a></p>
 
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
 
  
 +
/*Design for the buttons*/
  
−
<h4>Templates </h4>
+
/*Div with the project buttons*/
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the  
+
#buttonbox {
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
+
      border: 2px black solid;
 +
}
  
 +
/*Buttons that lead to the project page*/
 +
.buttons {
 +
/*border: 3px solid black;
 +
border-radius: 20px;*/
 +
        box-shadow: 10px 10px 20px #888888;
 +
        /*margin-right: 15px;*/
 +
        background-color: #E84243;
 +
        margin-right: 20px;
 +
        margin-top:15px;
 +
width: 350px;
 +
height: 583px;
 +
        overflow: hidden;
 +
        z-index:0;
 +
}
  
−
<h4>Tips</h4>
+
/*Button effects*/
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
  
 +
.buttons img:hover, #nic img, #med img {
 +
        opacity: 1;
 +
}
  
−
<h4>Inspiration</h4>
+
.buttons img:hover, #nic img:hover, #med img:hover {
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
        opacity: 0.2;
−
<ul>
+
}
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
  
−
<h4> Uploading pictures and files </h4>
+
.description {
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
        position: absolute;
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
        top: inherit;
 +
        bottom: inherit;
 +
        left: inherit;
 +
        right: inherit;
 +
        visibility:  hidden;
 +
        opacity: 0;
 +
        text-align: center;
 +
        width: 350px;
 +
        font-family: "Fira Sans";
 +
        font-size: 200%;
 +
        color:  #F8F8FF;
 +
        -webkit-transition: all 300ms ease-out;
 +
-moz-transition: all 300ms ease-out;
 +
transition: all 300ms ease-out
 +
       
 +
}
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
.buttons .description {
 +
padding: 3px;
 +
font-size: 170%;
 +
}
 +
#nic .description, #med .description {
 +
        width:75%;
 +
        margin: auto;
 +
}
  
 +
.buttons:hover .description, #nic:hover .description, #med:hover .description {
 +
        visibility: visible;
 +
        opacity: 1;
 +
        -moz-transform: translateY(140px);
 +
-webkit-transform: translateY(140px);
 +
transform: translateY(140px);
 +
}
  
 +
#med:hover .description {
 +
        visibility: visible;
 +
        opacity: 1;
 +
        -moz-transform: translateY(40px);
 +
-webkit-transform: translateY(40px);
 +
transform: translateY(40px);
 +
}
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
/*Affects all effects on the buttons (opacity, resize). Makes a smooth 300ms transition.*/
 +
.button_grid img {
 +
        -webkit-transition: all 300ms;
 +
-moz-transition: all 300ms;
 +
transition: all 300ms;
 +
}
  
 +
/*Resize of the buttons on hover*/
 +
.button_grid td:hover img {
 +
        -webkit-transform: scale(1.2);
 +
-moz-transform: scale(1.2);
 +
transform: scale(1.2);
 +
}
 +
 +
 +
#results_button {
 +
box-shadow: 3px 3px 10px #888888;
 +
margin-left: 10px;
 +
}
 +
 +
#nic {
 +
/*border: 3px solid black;
 +
border-radius: 20px;*/
 +
box-shadow:  10px 10px 20px #888888;
 +
/*background-color: #d3dfe4;*/
 +
background-color: #E84243;
 +
margin-top: 17px;
 +
width: 1100px;
 +
height: 263px;
 +
overflow: hidden;
 +
 +
}
 +
 +
/*Text on the button*/
 +
#textbox {
 +
color: white;
 +
padding: 5px;
 +
background: rgba(0, 0, 0, 0.6);
 +
display:table;
 +
margin: 0 auto;
 +
}
 +
 +
#medal {
 +
/*padding: 25px 0px;*/
 +
/*box-shadow: 10px 10px 20px #888888;*/
 +
/*margin-top: 14px;
 +
margin-bottom: 3px;*/
 +
}
 +
 +
#med {
 +
width: 1100px;
 +
height: 103px;
 +
box-shadow: 10px 10px 20px #888888;
 +
overflow: hidden;
 +
margin-top: 10px;
 +
background-color: #E84243;
 +
}
 +
 +
 +
*flipping images*/
 +
 +
/* entire container, keeps perspective */
 +
.flip-container{
 +
/*perspective*/
 +
-webkit-perspective:1000;
 +
  -moz-perspective:1000;
 +
    -ms-perspective:1000;
 +
    -o-perspective:1000;
 +
        perspective:1000;
 +
}
 +
/* flip the pane when hovered */
 +
.flipped {
 +
/*transform*/
 +
-webkit-transform:rotateY(180deg);
 +
  -moz-transform:rotateY(180deg);
 +
    -ms-transform:rotateY(180deg);
 +
    -o-transform:rotateY(180deg);
 +
        transform:rotateY(180deg);
 +
}
 +
 +
.flip-container, .front, .back{
 +
width: 100%;
 +
height: 461px;
 +
}
 +
 +
 +
/* flip speed goes here */
 +
.flipper {
 +
/*transition*/
 +
-webkit-transition:1s;
 +
  -moz-transition:1s;
 +
    -o-transition:1s;
 +
        transition:1s;
 +
/*transform-style*/
 +
-webkit-transform-style:preserve-3d;
 +
  -moz-transform-style:preserve-3d;
 +
    -ms-transform-style:preserve-3d;
 +
    -o-transform-style:preserve-3d;
 +
        transform-style:preserve-3d;
 +
position:relative;
 +
}
 +
 +
/* hide back of pane during swap */
 +
.front, .back{
 +
/*backface-visibility*/
 +
-webkit-backface-visibility:hidden;
 +
  -moz-backface-visibility:hidden;
 +
    -ms-backface-visibility:hidden;
 +
    -o-backface-visibility:hidden;
 +
        backface-visibility:hidden;
 +
position:absolute;
 +
top:0;
 +
left:0;
 +
}
 +
 +
 +
 +
/* front pane, placed above back */
 +
.front{
 +
z-index:2;
 +
}
 +
 +
 +
/* back, initially hidden pane */
 +
.back{
 +
/*transform*/
 +
-webkit-transform:rotateY(180deg);
 +
  -moz-transform:rotateY(180deg);
 +
    -ms-transform:rotateY(180deg);
 +
    -o-transform:rotateY(180deg);
 +
        transform:rotateY(180deg);
 +
}
 +
 +
</style>
 +
</head>
 +
<body>
 +
 +
    <!--<img id="home_image" src="https://static.igem.org/mediawiki/2015/4/4d/Uppsala_NewFront.png" alt="iGEM Uppsala" style="width:100%;height:100%;">-->
 +
 +
<div class="flip-container">
 +
<div class="flipper" onclick="this.classList.toggle('flipped')">
 +
<div class="front">
 +
<img id="home_image" src="https://static.igem.org/mediawiki/2015/4/4d/Uppsala_NewFront.png" alt="iGEM Uppsala" style="width:100%;">
 +
</div>
 +
<div class="back">
 +
<img id="home_image" src="https://static.igem.org/mediawiki/2015/7/72/Uppsala_MansFront.png" alt="iGEM Uppsala" style="width:100%;">
 +
</div>
 +
</div>
 +
</div>
 +
 +
    <div id="main">
 +
 
 +
   
 +
    <h2 class="header">Abstract</h2>
 +
    <hr>
 +
   
 +
  <table>
 +
    <tr>
 +
    <td>
 +
      <p>
 +
    Polycyclic aromatic hydrocarbons (PAHs) are potent carcinogens produced by various activities ranging from grilling meat to coal gasification. Our project aims to degrade high molecular weight PAHs present in industrial waste from district heating plants. There is currently no sustainable way to handle this waste and therefore it is deposited in landfills. We want to solve this problem by  employing a bacterial based system.
 +
    </p>
 +
    <p>Our cells need to be able to detect the PAHs for direct degradation. However the high molecular weight PAHs do not readily pass through the cell membrane. We solved this obstacle by using the low weight PAH, naphthalene, as an indicator for the presence of heavier PAHs. The degradation of this small PAH inside the cell relieves repression of genes under the control of the NahR/Psal promoter system. This causes the expression of a series of enzymes for PAH degradation which are secreted outside the cell where they can oxidize and cleave the ring structures of the carcinogenic compounds. This in turn makes them available for downstream biodegradation. To increase the degradation efficiency, our system also produces rhamnolipids. These are biosurfactants that prevent the PAHs from aggregating, making them easier for the enzymes to access.
 +
      </p>
 +
      </td>
 +
      <td>
 +
      <a href="https://2015.igem.org/Team:Uppsala/Results">
 +
        <img id="results_button" src="https://static.igem.org/mediawiki/2015/e/eb/Uppsala_ResultsButton.png" style="width:90px;">
 +
      </a>
 +
      </td>
 +
    </tr>
 +
    </table>
 +
    <hr>
 +
 +
 +
 +
<table class="button_grid">
 +
        <tr>
 +
             
 +
                <td colspan="3" >
 +
                    <div id="med" >
 +
<a href="https://2015.igem.org/Team:Uppsala/Journey">
 +
                              <p class="description">Click here to read about our journey to gold!</p>
 +
      <img id="medal" src="https://static.igem.org/mediawiki/2015/f/f7/Uppsala_goldmedal.png">
 +
                              <!--<h2><span id="textbox">Nordic iGEM Conference</span></h2>-->
 +
</a>
 +
</div>
 +
                </td>
 +
        </tr>
 +
    <tr>
 +
<td >
 +
<div class="buttons">
 +
  <a href="https://2015.igem.org/Team:Uppsala/Enzymes">
 +
                                        <p class="description">Laccase and dioxygenase are enzymes that are central to our project. Click here to learn more about how we use them!</p>
 +
<img class="button" src="https://static.igem.org/mediawiki/2015/9/95/Uppsala_Degradation.png" alt="Enyzmatic degradation" style="width:350px;height:583px">
 +
                                        <!--<h2><span id="textbox">Enzymatic Degradation</span></h2>-->
 +
    </a>
 +
</div>
 +
</td>
 +
<td >
 +
<div class="buttons">
 +
<a href="https://2015.igem.org/Team:Uppsala/Naphthalene">
 +
                              <p class="description">The degradation of naphthalene is what activates our whole construct. Click here to learn more about how this happens!</p>
 +
      <img src="https://static.igem.org/mediawiki/2015/9/92/Uppsala_NewNahButton.png" alt="Naphthalene pathway" style="width:350px;height:583px">
 +
                              <!--<h2><span id="textbox">Naphthalene Pathway</span></h2>-->
 +
</a>
 +
</div>
 +
</td>
 +
                <td >
 +
<div class="buttons">
 +
<a href="https://2015.igem.org/Team:Uppsala/Biosurfactants">
 +
                                <p class="description">We used rhamnolipids to increase our enzymes' accessibility to the PAH:s. Click here to find out more about how we incorporated them into our system!</p>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Uppsala_NewBiosurfButton.png" alt="Biosurfactants" style="width:350px;height:583px">
 +
                                <!--<h2><span id="textbox">Biosurfactants</span></h2>-->
 +
</a>
 +
</div>
 +
</td>
 +
</tr>
 +
        <tr>
 +
             
 +
                <td colspan="3" >
 +
                    <div id="nic" >
 +
<a href="https://2015.igem.org/Team:Uppsala/Software">
 +
                              <p class="description">We needed a fluorometer to measure the efficiency of our system, but we quickly noticed that getting hold of one was not that easy. Therefore, we built our own!</p>
 +
      <img  src="https://static.igem.org/mediawiki/2015/2/27/Uppsala_fluorometer.png" alt="NiC" style="width:1100px; height:263px">
 +
                              <!--<h2><span id="textbox">Nordic iGEM Conference</span></h2>-->
 +
</a>
 +
</div>
 +
                </td>
 +
        </tr>
 +
        <tr>
 +
             
 +
                <td colspan="3" >
 +
                    <div id="nic" >
 +
<a href="https://2015.igem.org/Team:Uppsala/nic">
 +
                              <p class="description">We collaborated with the iGEM team from Stockholm to arrange a meetup of nordic teams in Uppsala. Click here to learn more about the Nordic iGEM Conference!</p>
 +
      <img  src="https://static.igem.org/mediawiki/2015/a/ac/Uppsala_NewNiCButton.png" alt="NiC" style="width:1100px; height:263px">
 +
                              <!--<h2><span id="textbox">Nordic iGEM Conference</span></h2>-->
 +
</a>
 +
</div>
 +
                </td>
 +
        </tr>
 +
</table>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>
 +
 +
{{Uppsala_NewFooter}}

Latest revision as of 22:45, 20 November 2015

iGEM Uppsala
iGEM Uppsala

Abstract

Polycyclic aromatic hydrocarbons (PAHs) are potent carcinogens produced by various activities ranging from grilling meat to coal gasification. Our project aims to degrade high molecular weight PAHs present in industrial waste from district heating plants. There is currently no sustainable way to handle this waste and therefore it is deposited in landfills. We want to solve this problem by employing a bacterial based system.

Our cells need to be able to detect the PAHs for direct degradation. However the high molecular weight PAHs do not readily pass through the cell membrane. We solved this obstacle by using the low weight PAH, naphthalene, as an indicator for the presence of heavier PAHs. The degradation of this small PAH inside the cell relieves repression of genes under the control of the NahR/Psal promoter system. This causes the expression of a series of enzymes for PAH degradation which are secreted outside the cell where they can oxidize and cleave the ring structures of the carcinogenic compounds. This in turn makes them available for downstream biodegradation. To increase the degradation efficiency, our system also produces rhamnolipids. These are biosurfactants that prevent the PAHs from aggregating, making them easier for the enzymes to access.

Laccase and dioxygenase are enzymes that are central to our project. Click here to learn more about how we use them!

Enyzmatic degradation

The degradation of naphthalene is what activates our whole construct. Click here to learn more about how this happens!

Naphthalene pathway

We used rhamnolipids to increase our enzymes' accessibility to the PAH:s. Click here to find out more about how we incorporated them into our system!

Biosurfactants