Team:DTU-Denmark

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:DTU-Denmark/imageslide.css?action=raw&ctype=text/css" type="text/css" />
+
 
-
<style>  
+
 
-
table, th, td {
+
<style>
-
     border: none;
+
table {
-
     table-layout:fixed;
+
     width:100%;
-
     /*padding:20px;*/
+
     table-layout: fixed;
-
    width: 100%;
+
     background-color: transparent;
}
}
-
.background-epopi {
+
td {
-
     margin-top: 20px;
+
     padding: 0 10px 0 10px;
 +
    position: relative;
}
}
-
td {padding: 0 10px 0 10px;}
+
.front-column-curtain {
 +
    box-shadow: 0 0 10px black;
 +
    width: 100%;
 +
    border: 1px solid black;
 +
    position: absolute;
 +
    top: 0;
 +
}
-
.autoResizeImage {
+
.front-column {
-
     max-width: 100%;
+
     position: absolute;
-
    height: auto;
+
     width: 90%;
-
     width: auto;
+
}
}
-
.column-container {
+
.front-column-header {
-
     width: 100%;
+
     background-color: rgba(255,255,255,0.6);
-
    height: 100%;
+
     padding: 10px;
-
     position:relative;
+
}
}
-
.column-header {
+
.front-column-text {
-
     background: rgba(200,200,200,0.6);
+
     background-color: rgba(255,255,255,0.6);
-
    width: 100%;
+
-
    height: 100px;
+
     overflow: hidden;
     overflow: hidden;
-
     padding: 10px 20px 20px 20px;
+
     padding: 10px;
-
    border-left: 1px solid black;
+
-
    border-right: 1px solid black;
+
-
    box-shadow: 0 0 10px black;
+
}
}
-
.column-div {
+
.background-epopi {
-
     padding-left: 20px;
+
     padding-top: 120px
-
    padding-right: 20px;
+
}
-
    border-bottom: 2px solid black;
+
 
-
    background: rgba(200,200,200,0.6);
+
.front-column-banner {
-
    height: 0;
+
-
    width: 100%;
+
     position: absolute;
     position: absolute;
-
     top: 0;
+
     background-color: #353535;
-
     overflow: hidden;
+
     height: 30px;
-
     text-align: center;
+
     width: 100%;
-
     border-left: 1px solid black;
+
     bottom: 0;
-
     border-right: 1px solid black;
+
     left: 0;
-
    border-bottom-left-radius: 5px;
+
     display: none;
-
     border-bottom-right-radius: 5px;
+
}
}
Line 61: Line 58:
<script>
<script>
-
$(document).ready(function() {
+
    $(document).ready(function() {
-
    $(".column-header").hover (
+
        var headerHeight = 0;
-
        function() {
+
        $(".front-column-header").each(function() {
-
             var columnDiv = $("."+this.id);
+
             if ($(this).height() > headerHeight) {
-
            columnDiv.stop().css("height","0").animate({height: "+100%"}, 'fast');
+
                headerHeight = $(this).height();
-
        },       
+
            }
-
         function() {
+
         });
-
            var columnDiv = $("."+this.id);
+
        $(".front-column-header").css("height",(headerHeight+30).toString()+"px");
-
            columnDiv.stop().css("height","100%").animate({height: "-100px"}, 'slow');
+
-
        }
+
-
       
+
-
    );
+
-
});
+
        var textHeight = 0;
-
</script>
+
        $(".front-column-text").each(function() {
 +
            if ($(this).height() > textHeight) {
 +
                textHeight = $(this).height();
 +
            }
 +
        });
 +
        textHeight = textHeight + 10;
 +
 
 +
        $(".front-column-text").css("height","0");
 +
        $(".front-column-banner").show();
 +
       
 +
        $(".front-column-curtain").hover(function() {
 +
            $(this).find(".front-column-text").stop().css("height","0").animate({height: textHeight+"px"}, 600).parents(".front-page-curtain").css("box-shadow","0 0 10px black");
 +
            $(this).find(".front-column-banner").fadeIn(0).stop(true,true).fadeOut();
 +
        }, function() {
 +
            var $curtain = $(this);
 +
            $curtain.find(".front-column-text").stop().css("height",textHeight).animate({height: "0px"}, 600);
 +
            $curtain.find(".front-column-banner").delay(400).fadeIn();
 +
        });
 +
    })
 +
</script>.
-
</head>
 
<body>
<body>
<div class="pagescontent" style="width:100%;padding-top:0;">
<div class="pagescontent" style="width:100%;padding-top:0;">
-
<center>
+
<maincontent>
-
 
+
<table>
-
<table width="100%" BORDER="5px" cellspacing="10px" RULES=COLS FRAME=BOX  style="background-color:transparent;" margin=10>
+
-
 
+
<tr>
<tr>
-
    <td rowspan="1" scope="col" width="33%">
+
<td>
-
        <div class="column-header" id="column1"><b>Problem:</b><br>How can we quantify promoter activity?</div>
+
    <div class="front-column">
-
    </td>
+
        <div class="front-column-curtain">
-
    <td rowspan="1" scope="col" width="33%">
+
            <div class="front-column-header">
-
        <div class="column-header" id="column2"><b>Solution:</b><br>Spinach RNA allows us to measure RNA concentration using fluorometry</div>
+
                <b></br>Problem:</b></br>How can we quantify promoter activity?</br>
-
    </td>
+
                <div class="front-column-banner"></div>
-
    <td rowspan="1" scope="col" width="33%">
+
            </div>
-
        <div class="column-header" id="column3"><b>Result:</b><br>We have developed a method that can be used to measure absolute promoter activity</div>
+
             <div class="front-column-text">
-
    </td>
+
                 <p>When characterising promoters today it is done by proxy of protein, this can result in unwanted variations caused by translation and folding efficiency or excess cellular stress. Another important issue is the lack of a standard for measurements of fluorescence as most characterisations are done using fluorescent proteins such as GFP. As a result, most characterisations are done in relative units making it complicated or impossible to compare measurements between labs, strains and growth conditions. READ MORE (LINK to background)</p>
-
</tr>
+
-
<tr>
+
-
    <td rowspan="1" scope="col" width="33%">
+
-
        <div class="column-container">
+
-
             <div class="column-div column1">
+
-
                 Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>
+
             </div>
             </div>
-
            <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/9/96/DTU-Denmark-E-popi-PROBLEM.png />
 
         </div>
         </div>
-
     </td>
+
     </div>
-
     <td rowspan="1" scope="col" width="33%">
+
     <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/9/96/DTU-Denmark-E-popi-PROBLEM.png />
-
         <div class="column-container">
+
</td>
-
             <div class="column-div column2">
+
<td>
-
                 Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>
+
    <div class="front-column">
-
            </div>
+
         <div class="front-column-curtain">
-
             <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/2/22/DTU-Denmark-E-popi-SOLUTION.png />
+
             <div class="front-column-header">
 +
                 <b></br>Solution:</b></br>Spinach RNA allows us to measure RNA concentration using fluorometry</br>
 +
                <div class="front-column-banner"></div>
 +
            </div>
 +
             <div class="front-column-text">
 +
                <p>The Spinach RNA is an aptamer, which can bind to DFHBI to create a fluorophore that resembles GFP in spectral properties. This provides a way to easily quantify RNA concentration and allows promoter activities to be calculated in units Polymerases Per Second. (Modelling link). The possibility of measuring promoter activity in absolute terms will enable researchers to share and compare results obtained in different labs, and better characterise the function of promoters. READ MORE (LINK to experimental design)</p>
 +
            </div>
         </div>
         </div>
-
     </td>
+
     </div>
-
     <td rowspan="1" scope="col" width="33%">
+
     <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/2/22/DTU-Denmark-E-popi-SOLUTION.png />
-
         <div class="column-container">
+
</td>
-
             <div class="column-div column3">
+
<td>
-
                 Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>Bla</br>
+
    <div class="front-column">
 +
         <div class="front-column-curtain">
 +
             <div class="front-column-header">
 +
                 <b></br>Results:</b></br>We have developed a method that can be used to measure absolute promoter activity</br>
 +
                <div class="front-column-banner"></div>
 +
            </div>
 +
            <div class="front-column-text">
 +
                <p>Using RNA transcribed <i>in vitro</i> we created a standard series which can be used to determine the concentration of Spinach given a fluorescence intensity. We also designed an experiment to determine the degradation rate of the Spinach RNA <i>in vivo</i>. Combining these two experiments with the growth rate and fluorescence of a Spinach-expressing culture it is possible to determine the promoter activity using. READ MORE (LINK to results)</p>
             </div>
             </div>
-
            <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/4/47/DTU-Denmark-E-popi-RESULTS.png />
 
         </div>
         </div>
-
     </td>
+
     </div>
-
</tr>
+
    <img class="background-epopi" style="display:block;margin:auto;" width="45%" src=https://static.igem.org/mediawiki/2014/4/47/DTU-Denmark-E-popi-RESULTS.png />
-
 
+
</td>
-
<tr>
+
-
        <td rowspan="1" scope="col" width="33%"></td>
+
-
        <td rowspan="1" scope="col" width="33%"></td>
+
-
        <td rowspan="1" scope="col" width="33%"></td>
+
</tr>
</tr>
 +
</table>
-
</table>
 
<center><h1><a href="http://www.youtube.com/watch?v=dQw4w9WgXcQ">CLICK ME!</a></h1></center>
<center><h1><a href="http://www.youtube.com/watch?v=dQw4w9WgXcQ">CLICK ME!</a></h1></center>
<br><br>
<br><br>

Revision as of 17:55, 15 October 2014

.

Problem:

How can we quantify promoter activity?

When characterising promoters today it is done by proxy of protein, this can result in unwanted variations caused by translation and folding efficiency or excess cellular stress. Another important issue is the lack of a standard for measurements of fluorescence as most characterisations are done using fluorescent proteins such as GFP. As a result, most characterisations are done in relative units making it complicated or impossible to compare measurements between labs, strains and growth conditions. READ MORE (LINK to background)


Solution:

Spinach RNA allows us to measure RNA concentration using fluorometry

The Spinach RNA is an aptamer, which can bind to DFHBI to create a fluorophore that resembles GFP in spectral properties. This provides a way to easily quantify RNA concentration and allows promoter activities to be calculated in units Polymerases Per Second. (Modelling link). The possibility of measuring promoter activity in absolute terms will enable researchers to share and compare results obtained in different labs, and better characterise the function of promoters. READ MORE (LINK to experimental design)


Results:

We have developed a method that can be used to measure absolute promoter activity

Using RNA transcribed in vitro we created a standard series which can be used to determine the concentration of Spinach given a fluorescence intensity. We also designed an experiment to determine the degradation rate of the Spinach RNA in vivo. Combining these two experiments with the growth rate and fluorescence of a Spinach-expressing culture it is possible to determine the promoter activity using. READ MORE (LINK to results)

CLICK ME!



Thank You to Our Sponsors