Difference between revisions of "Team:Alverno CA"

Line 1: Line 1:
 +
{{:Team:Alverno_CA/headertest}}
 
<html>
 
<html>
<title>W3.CSS</title>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
 
<style>
 
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
 
.w3-navbar,h1,button {font-family: "Lato", sans-serif}
 
.fa {font-size:200px}
 
</style>
 
 
<body>
 
<body>
 +
<div id=""page-content-wrapper""><script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  
<head>
+
<div class="splash" id="mainsplash">
 
+
<div class="row splashyla">
<style type="text/css">
+
         <div class="col-md-12">
 
+
             <a href="https://2016.igem.org/"><img src="https://static.igem.org/mediawiki/2014/0/09/Aalto_Helsinki_Logov_iGEM.png" class="img-responsive igem-logo"></a>
#contentSub, #footer-box, #catlinks, #search-controls,
+
#p-logo, .printfooter, .firstHeading, .visualClear {
+
display: none;
+
}
+
 
+
#top-section {
+
border: 0 none;
+
height: 14px;
+
z-index: 100;
+
top: 0;
+
position: fixed;
+
width: 975px;
+
left: 50%;
+
margin-left: -487px;
+
}
+
+
#globalWrapper, #content {
+
width: 80%;
+
height: 100%;
+
border: 0px;
+
background-color: transparent;
+
margin: 0px;
+
padding: 0px;
+
font-size: 80%;
+
}
+
+
html, body, .wrapper {
+
width: 100%;
+
height: 100%;
+
background-color: transparent;
+
}
+
 
+
.navbar {
+
margin: 0 auto;
+
margin-top: 1em;
+
padding: 1em;
+
border-radius: 10px;
+
}
+
/* Style The Dropdown Button */
+
.dropbtn {
+
    background-color: transparent;
+
    color: green;
+
    padding: 16px;
+
    font-size: 16px;
+
    border: none;
+
    cursor: pointer;
+
}
+
 
+
/* The container <div> - needed to position the dropdown content */
+
.dropdown {
+
    position: relative;
+
    display: inline-block;
+
}
+
 
+
/* Dropdown Content (Hidden by Default) */
+
.dropdown-content {
+
    display: none;
+
    position: absolute;
+
    background-color: #f9f9f9;
+
    min-width: 160px;
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
}
+
 
+
/* Links inside the dropdown */
+
.dropdown-content a {
+
    color: black;
+
    padding: 12px 16px;
+
    text-decoration: none;
+
    display: block;
+
}
+
 
+
/* Change color of dropdown links on hover */
+
.dropdown-content a:hover {background-color: #f1f1f1}
+
 
+
/* Show the dropdown menu on hover */
+
.dropdown:hover .dropdown-content {
+
    display: block;
+
}
+
 
+
/* Change the background color of the dropdown button when the dropdown content is shown */
+
.dropdown:hover .dropbtn {
+
    background-color: #3e8e41;
+
}
+
 
+
/* Footer logo */
+
img.w3-logo {
+
  width: 368px;
+
  height: 40px;
+
}
+
 
+
/* Background example */
+
.w3-background-0 {
+
  background: url(https://upload.wikimedia.org/wikipedia/commons/e/e5/Siena_Heights_University_Campus.JPG) center;
+
  background-size: cover;
+
  position: relative;
+
}
+
 
+
.w3-background-0:before {
+
  content: "";
+
  position: absolute;
+
  width: 100%;
+
  height: 100%;
+
  top: 0;
+
  left: 0;
+
  background: rgba(0, 0, 0, .5);
+
}
+
 
+
.w3-related-top {
+
  position: relative;
+
  z-index: 1;
+
}
+
 
+
.w3-background-1 {
+
  background: url(http://capacityofmind.com/wp-content/uploads/2015/05/Sometimes-All-a-Students-Needs-is-a-Single-Motivational-Quote1.jpg) center;
+
  background-size: cover;
+
  color: white;
+
}
+
 
+
.w3-background-1 .fa {
+
  color: white!important;
+
}
+
 
+
.w3-background-2 {
+
  background: url(http://learneveryday.net/wp-content/uploads/2016/04/60c403f7.jpg) center;
+
  background-size: cover;
+
}
+
 
+
 
+
</style>
+
 
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css?action=raw&ctype=text/css" type="text/css">
+
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
+
</head>
+
 
+
<header>
+
    <div class= "navbar navbar-default navbar-fixed-top">
+
         <div class="text-center col-sm-12" id="navigation">
+
             <nav>
+
                <a href="https://2016.igem.org/Team:Alverno_CA">Main</a>
+
                <div class="dropdown menu">
+
                    <button class="dropbtn">Team</button>
+
                    <div class="dropdown-content">
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a>
+
                    </div>
+
                </div>
+
                <div class="dropdown menu">
+
                    <button class="dropbtn">Project</button>
+
                    <div class="dropdown-content">
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Description">Description</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Design">Design</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Experiment">Experiment</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Interlab_Study">Interlab Study</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Proof_of_Concept">Proof of Concept</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Demonstrate">Demonstrate</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Result">Result</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Notebook">Notebook</a>
+
                    </div>
+
                </div>
+
                <div class="dropdown menu">
+
                    <button class="dropbtn">Parts</button>
+
                    <div class="dropdown-content">
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Basic_Parts">Basic Parts</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Composite_Parts">Composite_Parts</a>
+
                        <a href="https://2016.igem.org/Team:Alverno_CA/Part_Collection">Part Collection</a>
+
                    </div>
+
                </div>
+
                <a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a>
+
                <a href="https://2016.igem.org/Team:Alverno_CA/Attribution">Attribution</a>
+
                <a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a>
+
            </nav>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
</header>
 
 
<div>
 
<div>
 
  
<!-- Header -->
+
<div class= "row splashesittely">
<div class="w3-background-0 w3-container w3-blue-grey w3-center w3-padding-128">
+
<div class="col-md-3">
  <div class="w3-related-top">
+
</div>
    <h1 class="w3-margin w3-jumbo">Clamp Down on Crosstalk</h1>
+
<div class="col-md-6">
    <h2 class="w3-margin w3-jumbo">Reducing Noise in Multi-Gene Synthetic Biology Circuits</h2>
+
<h1>Clamp Down on Crosstalk<br>
    <p class="w3-xlarge w3-center">Alverno_CA</p>
+
<small>Alverno_CA iGEM</small></h1>
  </div>
+
<img src="https://static.igem.org/mediawiki/2014/d/dc/Aalto_Helsinki_Logov_Oma.png" class="img-responsive omalogo center-block">
 +
<p class="bigsplashtext">
 +
<center>Reducing Noise in Multi-Gene Synthetic Biology Circuits</center>
 +
</p>
 +
</div>
 +
<div class="col-md-3">
 
</div>
 
</div>
 
<!-- First Grid -->
 
<div class="w3-background-1 w3-row-padding w3-padding-64 w3-container">
 
  <div class="w3-content">
 
    <div class="w3-twothird">
 
      <h1>About This Project</h1>
 
      <h4 class="w3-padding-32">Building complex biological systems with many genes requires isolating genes. Active genes can cause nearby DNA to become supercoiled, leading to unpredictable behavior of synthetic biology systems. We will test if DNA clamps (made from DNA-binding proteins) placed between genes can stop this interference. If this project succeeds, it will allow bioengineers to build more predictable genetic circuits.</h4>
 
    </div>
 
 
    <div class="w3-third w3-center">
 
      <i class="fa fa-briefcase w3-padding-64 w3-text-blue-grey"></i>
 
    </div>
 
  </div>
 
 
</div>
 
</div>
  
<!-- Second Grid -->
+
<div class= "row splashala">
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
+
        <div class ="col-md-12 transp scroller">
  <div class="w3-content">
+
            <a href="#Abstract">
    <div class="w3-third w3-center">
+
                Scroll
      <i class="fa fa-coffee w3-padding-64 w3-text-blue-grey w3-margin-right"></i>
+
                <img src="https://static.igem.org/mediawiki/2014/3/3e/Aalto_Helsinki_Nuoli.png" class="img-responsive center-block transp nuoli">
 +
            </a>
 +
        </div>
 
     </div>
 
     </div>
  
    <div class="w3-twothird">
+
<div class = "splashcopyright">
      <h1>What is the context of this research?</h1>
+
        <p class="transp">
      <h4 class="w3-padding-32">Programming cells often requires building "circuits" of several genes together on the same piece of DNA. Bioengineers have observed that when two genes are placed next to each other, they often unexpectedly interfere with each other’s expression in an unexpectedly orientation-dependent manner.</h4>
+
            <a href="http://i-see-faces.deviantart.com/">Photo © Tanja Maria</a>
 
+
        </p>
      <h4 class="w3-padding-32">Nobody knows with certainty what causes this genetic crosstalk, but one promising theory involves DNA supercoiling. The transcription of DNA into RNA, the transcription process introduces supercoils, similar to kinks in a tightly-wound phone cord. Supercoils directly affect the expression of genes, turning them on or off depending on the direction of the supercoil.</p>
+
 
     </div>
 
     </div>
  </div>
 
 
</div>
 
</div>
 +
<script src="https://2014.igem.org/Team:Aalto-Helsinki/jquery-1.11.0.min.js?action=raw&ctype=text/js"></script>
  
<!-- Third Grid -->
+
<div class="link" id="Abstract"></div>
<div class="w3-background-2 w3-row-padding w3-padding-64 w3-container">
+
<h2>Clamping Down on Crosstalk:<br>
  <div class="w3-content">
+
<small>Reducing Noise in Multi-Gene Synthetic Biology Circuits</small></h2>
    <div class="w3-twothird">
+
      <h1>What is the significance of this project?</h1>
+
      <h4 class="w3-padding-32">If successful, a DNA-binding, gene- isolating clamp could be used in any multi-gene circuit assembly, making multi-gene assemblies more predictable and their assembly much more efficient.</h4>
+
  
      <h4 class="w3-padding-32">This is particularly relevant when engineering metabolic pathways to produce chemicals like methanol, insulin, or antibiotics, where circuits of many genes are routinely constructed. The physical layout of these circuits can unpredictably affect production of the desired output by several orders of magnitude, so large engineered metabolic pathways must typically be hand-tuned or have many configurations screened for activity. By making gene expression more predictable, our results could greatly improve the predictability (and, therefore, designability) of large gene circuits for metabolic engineering.</p>
+
<center><h3>About this Project</h3></center>
 +
<p><center>
 +
Building complex biological systems with many genes requires isolating genes. Active genes can cause nearby DNA to become supercoiled, <br>leading to unpredictable behavior of synthetic biology systems. We will test if DNA clamps (made from DNA-binding proteins) placed between <br>genes can stop this interference. If this project succeeds, it will allow bioengineers to build more predictable genetic circuits.</center>
 +
</p>
 +
    <div class="row">
 +
        <div class="img-center">
 +
            <a href="https://youtu.be/sFfD-AivQw4"><img src="https://static.igem.org/mediawiki/2016/5/55/Videothumb.png" class="img-responsive smallerimg"></img></a>
 +
            <p class="kuvateksti">
 +
                <center>Watch our introduction video here.</center>
 +
            </p>
 +
        </div>
 
     </div>
 
     </div>
  </div>
+
<img src="https://static.igem.org/mediawiki/2014/7/7e/Aalto_Helsinki_Logot_Oma.png" class="img-responsive center-block omalogot">
</div>
+
  
  
<!-- Forth Grid -->
+
<center><h3>What is the context of this research?</h3></center>
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
+
<p><center>
  <div class="w3-content">
+
Programming cells often requires building "circuits" of several genes<br> together on the same piece of DNA. Bioengineers have observed that <br>when two genes are placed next to each other, they often unexpectedly interfere with each other's<br> expression in an unexpectedly orientation-dependent manner.
    <div class="w3-third w3-center">
+
Nobody knows with certainty what causes this genetic crosstalk, but one promising<br> theory involves DNA supercoiling. The transcription of DNA into RNA, the transcription process introduces supercoils, similar to kinks in a tightly-wound phone <br> cord. Supercoils directly affect the expression of genes, turning them on or off depending on the direction of the supercoil.</center>
      <i class="fa fa-coffee w3-padding-64 w3-text-blue-grey w3-margin-right"></i>
+
</p>
    </div>
+
  
    <div class="w3-twothird">
+
<center><h3>What is the significance of this project?</h3></center>
      <h1>What are the goals of the project?</h1>
+
<p><center>
      <h4 class="w3-padding-32">We will first build several plasmids (circular pieces of DNA) that demonstrate cross-talk between genes. These plasmids will consist of genes for two different fluorescent proteins (green fluorescent protein and red fluorescent protein) next to each other, in different orientations. We expect to see differences in the relative expression of the two genes depending on how they are arranged and oriented, and we will quantify this effect.</h4>
+
If successful, a DNA-binding, gene- isolating clamp could be used in any multi-gene circuit assembly, making multi-gene assemblies more predictable and their assembly much more efficient.<br>  
 +
This is particularly relevant when engineering metabolic pathways to produce chemicals<br> like methanol, insulin, or antibiotics, where circuits of many genes are routinely constructed. The physical layout of these circuits can unpredictably affect production of<br> the desired output by several orders of magnitude, so large engineered metabolic pathways must typically be hand-tuned or have many configurations screened for activity. By<br> making gene expression more predictable, our results could greatly improve the predictability (and, therefore, designability)<br> of large gene circuits for metabolic engineering.</center>
 +
</p>
  
      <h4 class="w3-padding-32">Next, we will try several strategies for removing these differences, including adding extra base pairs of spacing between the two genes and adding DNA "clamps" made from DNA-binding repressor proteins between the two genes. We will again quantify the effects of cross-talk between genes, which will hopefully be ameliorated by our additions.</p>
+
<center><h3>What are the goals of the project?</h3></center>
    </div>
+
<p><center>
  </div>
+
We will first build several plasmids (circular pieces of DNA) that <br>demonstrate cross-talk between genes. These plasmids <br>will consist of genes for two different fluorescent proteins (green fluorescent protein and red fluorescent protein) next to each other, in different orientations. <br>We expect to see differences in the relative expression of the two genes depending on how they are arranged and oriented, and we will quantify this effect.<br>
</div>
+
Next, we will try several strategies for removing these differences, including adding extra base pairs of spacing between the two genes and adding DNA "clamps" <br> made from DNA-binding repressor proteins between the two genes. We will again quantify the effects of cross-talk between genes, <br> which will hopefully be ameliorated by our additions.</center>
 +
</p>
  
<!-- Footer -->
+
</article>
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
+
  <div class="w3-xlarge w3-padding-32">
+
    <!-- <h1 class="w3-margin w3-xlarge">Alverno Heights Academy</h1> -->
+
    <img class="w3-logo" src="http://www.alvernoheightsacademy.org/wp-content/themes/alverno/images/logo.png"></img>
+
    <h1 class="w3-margin w3-xlarge">200 North Michillinda Avenue</h1>
+
    <h1 class="w3-margin w3-xlarge">Sierra Madre, CA 91024</h1>
+
  
 
</div>
 
</div>
 +
</body>
 +
<script>
 +
$(document).ready(function() {
  
<script>
+
if(location.pathname != "/Team:Aalto-Helsinki") {
// Used to toggle the menu on small screens when clicking on the menu button
+
$('#navigation a[href^="https://2014.igem.org' + location.pathname + '"]').addClass('active');
function myFunction() {
+
} else $('#navigation a.home').addClass('active');
    var x = document.getElementById("navDemo");
+
});
    if (x.className.indexOf("w3-show") == -1) {
+
        x.className += " w3-show";
+
    } else {
+
        x.className = x.className.replace(" w3-show", "");
+
    }
+
}
+
 
</script>
 
</script>
 +
<script type="text/javascript">
 +
    // Picture reference script
 +
    /*
 +
    USAGE:
 +
    tag img with a ref that is connected to the image, such as:
 +
    <img src="aaltohelsinki.com/testikuva.png" ref="varioskan" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a ref="varioskan"></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "figure x" where x is the
 +
    correct figure number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var images = $('img[ref]');
 +
    $.each(images, function(index, e){
 +
            var referenceName = e.getAttribute("ref");
 +
            if (!e.id){
 +
                e.setAttribute("id","figure"+(index+1));
 +
            }
 +
            $.each($('a[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
  
</body>
+
    // Table reference script
 +
    /*
 +
    USAGE:
 +
    tag table with a tab that is connected to the table, such as:
 +
    <table ref="intensities" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a tab="intensities"></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "table x" where x is the
 +
    correct table number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var tables = $('table[tab], img[tab]');
 +
    $.each(tables, function(index, e){
 +
            var tableName = e.getAttribute("tab");
 +
            if (!e.id){
 +
                e.setAttribute("id","table"+(index+1));
 +
            }
 +
            $.each($('a[tab="'+tableName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[tab="'+tableName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
 +
</script>
 
</html>
 
</html>
 +
{{:Team:Alverno_CA/footertest}}

Revision as of 22:08, 4 October 2016

Clamp Down on Crosstalk
Alverno_CA iGEM

Reducing Noise in Multi-Gene Synthetic Biology Circuits

Clamping Down on Crosstalk:
Reducing Noise in Multi-Gene Synthetic Biology Circuits

About this Project

Building complex biological systems with many genes requires isolating genes. Active genes can cause nearby DNA to become supercoiled,
leading to unpredictable behavior of synthetic biology systems. We will test if DNA clamps (made from DNA-binding proteins) placed between
genes can stop this interference. If this project succeeds, it will allow bioengineers to build more predictable genetic circuits.

Watch our introduction video here.

What is the context of this research?

Programming cells often requires building "circuits" of several genes
together on the same piece of DNA. Bioengineers have observed that
when two genes are placed next to each other, they often unexpectedly interfere with each other's
expression in an unexpectedly orientation-dependent manner. Nobody knows with certainty what causes this genetic crosstalk, but one promising
theory involves DNA supercoiling. The transcription of DNA into RNA, the transcription process introduces supercoils, similar to kinks in a tightly-wound phone
cord. Supercoils directly affect the expression of genes, turning them on or off depending on the direction of the supercoil.

What is the significance of this project?

If successful, a DNA-binding, gene- isolating clamp could be used in any multi-gene circuit assembly, making multi-gene assemblies more predictable and their assembly much more efficient.
This is particularly relevant when engineering metabolic pathways to produce chemicals
like methanol, insulin, or antibiotics, where circuits of many genes are routinely constructed. The physical layout of these circuits can unpredictably affect production of
the desired output by several orders of magnitude, so large engineered metabolic pathways must typically be hand-tuned or have many configurations screened for activity. By
making gene expression more predictable, our results could greatly improve the predictability (and, therefore, designability)
of large gene circuits for metabolic engineering.

What are the goals of the project?

We will first build several plasmids (circular pieces of DNA) that
demonstrate cross-talk between genes. These plasmids
will consist of genes for two different fluorescent proteins (green fluorescent protein and red fluorescent protein) next to each other, in different orientations.
We expect to see differences in the relative expression of the two genes depending on how they are arranged and oriented, and we will quantify this effect.
Next, we will try several strategies for removing these differences, including adding extra base pairs of spacing between the two genes and adding DNA "clamps"
made from DNA-binding repressor proteins between the two genes. We will again quantify the effects of cross-talk between genes,
which will hopefully be ameliorated by our additions.

Wiki coding by Aalto-Helsinki, modified by Alverno_CA.
Twitter | Email