|
|
(33 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html lang="en"> | | <html lang="en"> |
| <head> | | <head> |
- | <title>Project</title> | + | <title>modeling</title> |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
| + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> |
| <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> | | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> |
| <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script> | | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script> |
- | <script src="https://raw.github.com/cowboy/jquery-throttle-debounce/v1.1/jquery.ba-throttle-debounce.min.js" type="text/javascript"> </script>
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k/" type="text/javascript"> </script> <!--javascript--> |
- | <style>
| + | <script> |
- | | + | $(document).ready(function($) { |
- | /*Page specific*/
| + | |
- | .figure {
| + | /*load in the sidebar*/ |
- | display: inline-block;
| + | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
- | height: 50px;
| + | |
- | margin: auto;
| + | }); |
- | margin-left: 0px;
| + | </script> |
- | margin-right:20px;
| + | <style> |
- | margin-bottom: 10px;
| + | |
- |
| + | |
- | }
| + | |
- |
| + | |
- | .left_wrap {
| + | |
- | min-height: 1975px;
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- | h2 {
| + | |
- | text-align: center;
| + | |
- | font-family: arial, sans-serif;
| + | |
- | font-size: 18px;
| + | |
- | color: black;
| + | |
- | }
| + | |
- |
| + | |
- | .min-margin {
| + | |
- | width: 200px;
| + | |
- | height: 2000px;
| + | |
- | }
| + | |
- |
| + | |
- | .section-title {
| + | |
- | font-family: arial, sans-serif;
| + | |
- | font-size: 25px;
| + | |
- | -webkit-transform: rotate(-90deg);
| + | |
- | -moz-transform: rotate(-90deg);
| + | |
- | -o-transform: rotate(-90deg);
| + | |
- | -ms-transform: rotate(-90deg); | + | |
- | transform: rotate(-90deg);
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
| | | |
| | | |
Line 54: |
Line 23: |
| <body> | | <body> |
| <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> | | <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> |
| + | <img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo--> |
| <div class="left_wrap"> | | <div class="left_wrap"> |
- |
| + | </div> </div> |
- |
| + | <div class="section1" style="background-position: top;"> |
- | <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo-->
| + | |
- |
| + | |
- | <ul class="navbar">
| + | |
- | <a href="https://2013.igem.org/Team:Penn"><li>HOME</li></a>
| + | |
- | <li class="dropdown" id="project">
| + | |
- | <a href="#" class="active" data-toggle="dropdown">PROJECT<div class="arrow">></div> <b class="caret"></b></a>
| + | |
- | <ul class="dropdown-menu" id="drop-menu1">
| + | |
- |
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Project"><li class="active" style="background-color: rgb(200,200,215);">project</li></a>
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Parts"><li>parts</li></a>
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Modeling"><li>modeling</li></a>
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="dropdown" id="about">
| + | |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT<div class="arrow">></div> <b class="caret"></b></a>
| + | |
- | <ul class="dropdown-menu" id="drop-menu2">
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Sponsors"> <li>sponsors</li></a>
| + | |
- | <a href="https://igem.org/Team.cgi?id=1128"><li>official team profile</li></a>
| + | |
- | </li></ul>
| + | |
- |
| + | |
- | <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>HUMAN PRACTICES</li></a>
| + | |
- | <a href="https://2013.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
| + | |
- | </ul>
| + | |
- |
| + | |
- |
| + | |
- | <div class="section-title" style=" margin-top: 150px; position: relative;">abstract</div>
| + | |
- | <div class="section-title" style=" margin-top: 400px; position: relative;">methods</div>
| + | |
- | <div class="section-title" style=" margin-top: 750px; position: relative;">results</div>
| + | |
- |
| + | |
- |
| + | |
- | </div>
| + | |
- | <div class="section1">
| + | |
| <div class="text"> | | <div class="text"> |
- | <h2>ABSTRACT</h2>
| + | <b><center><h1> |
- | <p>The code of life is much more than a sequence of A's, G's, C's and T's;
| + | Project Description |
- | a suite of epigenetic mechanisms, ranging from chromatin remodeling to non-coding RNAs,
| + | </b></center></h1> |
- | affect gene expression and cellular function. <div class="figure-wrap" style="margin-left: 200px;"><img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEeG5XLTdURjc0aTA" "/>
| + | <br> |
- | <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEeG05enR0ZFFXeEE" />
| + | The code of life is more than a sequence of A’s, C’s, T’s and G’s; epigenetic modifications, such as DNA methylation, are powerful and heritable regulators of gene expression. Targeted methyltransferases are enzymes that catalyze sequence-specific methylation – the most useful tool for engineering the epigenome. With a synthetic biology approach, we developed an assay to test targeted methyltransferases without expensive, time-consuming traditional methods. Our modular single-plasmid system allows methyltransferases to be easily cloned and tested via inexpensive digestion assays, quickly measuring the existence and extent of targeted methylation. Additionally, our plasmid contains standardized primer-binding sites for methylation-sensitive sequencing, and our E. coli chassis effectively eliminated noise associated with methylation studies. We are using this assay to characterize our novel targeted methyltransferases, which could be used to study epigenetic modifications. In the future, synthetic biologists could embrace these tools to explore the next frontier in engineering biological systems: the epigenome.</center> |
- | <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEXzVMY3EtX284cTA" /></div>
| + | <br><br> |
- | <p> In particular, DNA methylation has been
| + | |
- | shown to alter transcriptional activity in a powerful, heritable manner. Abnormal methylation
| + | |
- | patterns are associated with diseases including immunodeficiency syndromes, neurodevelopmental
| + | |
- | disorders, and many types of cancer. Comprehensive understanding and control of DNA methylation
| + | |
- | could be invaluable to researchers studying these diseases.</p>
| + | |
- |
| + | |
- |
| + | |
- | <p>Synthetic biologists and geneticists are accustomed to turning genes on and off at will,
| + | |
- | but the tools don’t exist to easily manipulate epigenetic patterns. We are developing a novel
| + | |
- | fusion protein that enables site-specific methylation, which can repress promoter activity with
| + | |
- | high precision. <div class="figure-wrap" style="float: center;"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEdmZMalozd0pkSjg" style="height: 75px; margin: 5px; float: left;"/>
| + | |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEdlExOEgtVlZYYUU" style="height: 75px; float: left; margin: 5px;"/></div><p>In coming years, this fusion protein could become a powerful tool for epigenetics
| + | |
- | researchers looking to perform on/off studies in the vein of classical genetics, as well as an
| + | |
- | orthogonal mode of repressing constitutive promoters for bacterial synthetic biologists.
| + | |
- | Eventually, it could even give clinical researchers the means to restore healthy methylation
| + | |
- | levels in many insofar-untreatable epigenetic diseases.</p>
| + | |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEMzM5dWpRQWNvb1k" style="height: 75px; display: inline; float: right; margin: 5px;"/>
| + | |
- | <img src="https://googledrive.com/host/0B4ZBZOYYKBzEek95VVUyMkltSHc" style="height: 75px; float: right; margin: 5px; "/>
| + | |
| </div> | | </div> |
- |
| |
| </div> | | </div> |
| | | |
- |
| + | |
- | <div class="section2">
| + | |
- | <div class="text" id="methods">
| + | |
- | </div>
| + | |
- | <div class="text" id="methods">
| + | |
- | </div>
| + | |
- | <div class="text" id="methods">
| + | |
- | </div>
| + | |
- | <div class="text" id="methods">
| + | |
- | </div>
| + | |
- | <div class="text" id="methods">
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="section3">
| + | |
- |
| + | |
- |
| + | |
- | <div class="text-wrap">
| + | |
- |
| + | |
- |
| + | |
- | <div class="text" style="display: inline-block; width: 300px; margin: auto;float: left;">
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="text" style="display:inline-block; width: 300px; margin: auto; float: right; ">
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
| </body> | | </body> |
| <script> | | <script> |
- | jQuery(document).ready(function($) {
| + | </script>br/ |
- |
| + | |
- | $('#carousel').infiniteCarousel({
| + | |
- | transitionSpeed : 2000,
| + | |
- | displayTime : 5000,
| + | |
- | textholderHeight : .25,
| + | |
- | displayProgressBar : 0
| + | |
- | });
| + | |
- |
| + | |
- | $(window).scroll($.debounce( 300, true, function(){
| + | |
- | $(".navbar").hide();
| + | |
- | $(".left_wrap").animate({
| + | |
- | width: "65px"
| + | |
- | }, 250, function() {
| + | |
- | });
| + | |
- | }));
| + | |
- | $(window).scroll($.debounce(300, function(){
| + | |
- |
| + | |
- | $(".navbar").show();
| + | |
- | $(".left_wrap").animate({
| + | |
- | width: "200px"
| + | |
- | }, 250, function() {
| + | |
- | | + | |
- | });
| + | |
- | }));
| + | |
- |
| + | |
- | $(".dropdown").mouseenter(function(){
| + | |
- | $(".dropdown-menu").hide();
| + | |
- | $(this).find(".dropdown-menu").show();
| + | |
- | });
| + | |
- | | + | |
- | $(".dropdown").mouseleave(function(){
| + | |
- | $(this).find(".dropdown-menu").hide();
| + | |
- | });
| + | |
- |
| + | |
- | $(".dropdown li").mouseenter(function(){
| + | |
- | $(this).addClass("active");
| + | |
- | });
| + | |
- |
| + | |
- | $(".dropdown li").mouseleave(function(){
| + | |
- | $(this).removeClass("active");
| + | |
- |
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
| </html> | | </html> |