Team:Penn

From 2013.igem.org

(Difference between revisions)
 
(262 intermediate revisions not shown)
Line 1: Line 1:
<html lang="en">
<html lang="en">
<head>
<head>
-
     <title>Project</title>
+
 
-
      <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
+
     <title>Penn iGEM</title>
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" type="text/javascript"></script><!--jquery-->
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css-->
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script><!--bootstrap (not really being used anymore)-->
+
 
-
    <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/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery-->
      
      
-
<style>
 
-
       
 
-
/*Page specific css*/
 
-
 
-
/*.figure--> Give figures some basic formatting.
 
-
  *Each picture may need to be formatted differently depending on which way it should float
 
-
  *and it's dimensions so those things like float left and right can be put into the
 
-
  *html for the specific image if it needs to be changed*/
 
-
        .figure {
 
-
    display: inline-block;
 
-
height: 50px;
 
-
margin: auto;
 
-
margin-left: 0px;
 
-
margin-right:20px;
 
-
margin-bottom: 10px;
 
-
       
 
-
    }
 
-
   
 
-
    /*change the left wrap to match the length of this page
 
-
    (this is very innefficient and I'll try to fix it if there's time)*/
 
-
    .left_wrap {
 
-
        min-height: 1975px;
 
-
    }
 
-
   
 
-
    /*style the title*/
 
-
      h2 {
 
-
            text-align: center;
 
-
            font-family: arial, sans-serif;
 
-
            font-size: 18px;
 
-
            color: black;
 
-
        }
 
-
       
 
-
    </style>
 
-
</head>
 
-
<body>
 
-
<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="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" id="about">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">
 
-
                <h2>ABSTRACT</h2>
 
-
                <p>The code of life is much more than a sequence of A's, G's, C's and T's;
 
-
        a suite of epigenetic mechanisms, ranging from chromatin remodeling to non-coding RNAs,
 
-
        affect gene expression and cellular function. <div class="figure-wrap" style="margin-left: 200px;"><img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEeG5XLTdURjc0aTA" "/>
 
-
        <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEeG05enR0ZFFXeEE" />
 
-
        <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzEXzVMY3EtX284cTA" /></div>
 
-
        <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 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>
 
<script>
<script>
-
         jQuery(document).ready(function($) {
+
         $(document).ready(function($) {
-
           
+
-
$(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() {
+
 +
$('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
   });
   });
-
}));
+
     </script>
-
+
</head>
-
  $(".dropdown").mouseenter(function(){
+
-
     $(".dropdown-menu").hide();
+
-
            $(this).find(".dropdown-menu").show();
+
-
            });
+
-
  $(".dropdown").mouseleave(function(){
+
<body>
-
        $(this).find(".dropdown-menu").hide();
+
<div id = "banner_wrap">
-
    });
+
<div class = "banner"></div>
-
     
+
</div>
-
      $(".dropdown li").mouseenter(function(){
+
<div id = "nav_holder">
-
        $(this).addClass("active");
+
<div class = "nav_wrap"></div>
-
      });
+
</div>
-
     
+
<div id="text">
-
          $(".dropdown li").mouseleave(function(){
+
<div class="textwrap">
-
        $(this).removeClass("active");
+
<br>
-
       
+
<br><center><a href = 'https://docs.google.com/forms/d/188iefj_j6gBvrHC0IS3rG2zBelaVuy-JddYNN7QF8_Y/viewform'>Interested in joining the team? Submit your application for Penn iGEM 2014 here. </a></center>
-
        });
+
<br>
 +
<br>
 +
<center><object width="900" height="506"><param name="movie" value="//www.youtube.com/v/YJQniNpnU9Q?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/YJQniNpnU9Q?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="800" height="506" allowscriptaccess="always" allowfullscreen="true"></embed></object></center>
 +
 
 +
<center><TABLE  CELLSPACING="10" CELLPADDING="1">
 +
 
 +
<TR>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #CF8035;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/MaGellinToolbox'><IMG SRC="http://farm6.staticflickr.com/5523/10529365546_355d2fe7fc.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/MaGellinToolbox'>Constructed a toolbox for developing site-specific DNA methylases</a></TD>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #099240;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/AssayOverview'><IMG SRC="http://farm3.staticflickr.com/2836/10529350575_dfb38e3538.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/AssayOverview'>Created a standardized assay for site-specific methylases</a></TD>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #2D68B6;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Software'><IMG SRC="http://farm4.staticflickr.com/3742/10529401844_cc5f713a48.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/Software'>Developed software to automate analysis of our assay</a></TD>
 +
 
 +
</TR>
 +
 
 +
<TR>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #1F135B;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/MethylaseOverview'><IMG SRC="http://farm6.staticflickr.com/5478/10529350195_2c54c496e5.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/MethylaseOverview'>Designed and characterized a novel TALE-methylase fusion protein</a> <br></TD>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #F61F27;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/hpoverview'><IMG SRC="http://farm4.staticflickr.com/3670/10529586493_833c6216ee.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/hpoverview'>Introduced synthetic biology to the community</a></TD>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #ED115B;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Too_Soon_To_Treat'><IMG SRC="http://farm4.staticflickr.com/3815/10529365086_82d164e2b1.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/Too_Soon_To_Treat'>Published an article on the ethics of epigenetic engineering</a></TD>
 +
 
 +
</TR>
 +
 
 +
<TR>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #099240;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Team'><IMG SRC="http://farm6.staticflickr.com/5533/10529401504_677c4f296a.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/Team'>Our team</a> <br> <br> <br></TD>
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #2D68B6;">
 +
<TR><TD ALIGN="center"><a href='https://2013.igem.org/Team:Penn/Achievements'><IMG SRC="http://farm4.staticflickr.com/3739/10529350025_2db22731e9.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='https://2013.igem.org/Team:Penn/Achievements'>Grand Prize Winner, North America<br>Best Experimental Measurement Approach, North America</a></TD>
 +
 
 +
 
 +
<TD ALIGN = "center" width='240'> <TABLE
 +
style="border:10px inset #CF8035;">
 +
<TR><TD ALIGN="center"><a href='http://articles.philly.com/2013-11-27/news/44490110_1_synthetic-biology-research-project-international-genetically-engineered-machine'><IMG SRC="http://farm8.staticflickr.com/7397/10529350205_c12e2cd367.jpg" width="240" height="auto"></a></TD></TR>
 +
</TABLE><br><a href='http://articles.philly.com/2013-11-27/news/44490110_1_synthetic-biology-research-project-international-genetically-engineered-machine'>Featured in a Philadelphia Inquirer article</a> <br> <br> <br></TD>
 +
 
 +
</TR>
 +
 
 +
 
 +
</TABLE></center>
 +
</div>
 +
</div>
 +
 
 +
<div id ="pagefooter">
 +
<br>
 +
<br>
 +
<center><a href = "https://2013.igem.org/Team:Penn"> Home  </a> <a href = "https://static.igem.org/mediawiki/2013/e/e5/Spec_Sheet.pdf" >Spec Sheet</a> <a href = "https://2013.igem.org/Team:Penn/sitemap" >Sitemap</a>
 +
</center>
 +
<br>
 +
Penn iGem &copy; 2013
 +
</div>
 +
 
 +
</body>
-
         
 
-
         
 
-
        });
 
-
    </script>
 
</html>
</html>

Latest revision as of 16:42, 15 January 2014

Penn iGEM