Team:Penn/Notebook

From 2013.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
<html lang="en">
<html lang="en">
<head>
<head>
-
    <title>Notebook</title>
 
-
    <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/0ByCIrEV11SKjaFJSb0FVU1pmdk0/" type="text/javascript"> </script> <!--debounce-->
 
-
<script>
 
-
        $(document).ready(function($) {
 
-
/*load in the sidebar*/
+
    <title>Penn iGEM</title>
-
$('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
+
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> <!--css-->
-
          });
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> <!--jquery-->
-
 
+
-
/*
+
-
*
+
-
*javascript for Penn's iGEM wiki
+
-
*
+
-
*/
+
-
 
+
-
/*script for all pages*/
+
-
  jQuery(document).ready(function($) {
+
-
 
+
-
  //when the mouse hovers over project or about, show the corresponding menu
+
-
  $(".dropdown").mouseenter(function(){
+
-
            $(this).find(".dropdown-menu").show();
+
-
            });
+
-
           
+
-
  //when the mouse clicks a notebook tab, the notebook flips to that tab
+
-
var $items = $('#vtab>ul>li');
+
-
$items.click(function() {
+
-
    $items.removeClass('selected');
+
-
    $(this).addClass('selected');
+
-
+
-
    var index = $items.index($(this));
+
-
    $('#vtab>div').hide().eq(index).show();
+
-
}).eq(0).click();
+
-
+
      
      
-
//when the mouse leaves project or about, hide the corresponding drop down menu
+
<script>
-
  $(".dropdown, #drop-menu1,#drop-menu2").mouseleave(function(){
+
        $(document).ready(function($) {
-
        $(this).find(".dropdown-menu").hide();
+
-
    });
+
-
      //when mouse enters a button on the sidebar, change it to active
+
$('.nav_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
-
      //(changes the background color)
+
-
      $(".dropdown li").mouseenter(function(){
+
-
        $(this).addClass("active");
+
-
      });
+
-
 
+
-
      //When the mouse leaves the button, remove the active class
+
-
          $(".dropdown li").mouseleave(function(){
+
-
        $(this).removeClass("active");
+
-
 
+
-
        });
+
-
 
+
-
/*
+
-
$(".left_wrap").mouseleave(function(){
+
-
    $(".drop-menu-wrap").css("display", "none !important");
+
-
    $(".navbar").hide();
+
-
    $(".left_wrap").animate({
+
-
    width: "65px"
+
-
  }, 250, function() {
+
   });
   });
-
 
-
    });
 
-
 
-
//when the mouse enters the sidebar, show it and increase the width
 
-
$(".left_wrap").mouseenter(function(){
 
-
        $(".drop-menu-wrap, #drop-menu1, #drop-menu2").css("display", "inline !important");
 
-
    $(".left_wrap").animate({
 
-
    width: "200px"
 
-
  }, 250, function() {
 
-
    $(".navbar").show();
 
-
 
-
  });
 
-
});
 
-
*/
 
-
 
-
 
-
        });
 
     </script>
     </script>
-
 
+
<style>
-
    <style>
+
.box {
-
        /************
+
max-width: 600px;
-
  *Stylesheet for Penn's iGEM wiki
+
-
  *
+
-
  **********/
+
-
 
+
-
/*import the font quicksandlight (using this for > arrow)*/
+
-
          @font-face
+
-
{
+
-
font-family: QuickSandLight;
+
-
src: url('https://googledrive.com/host/0B4ZBZOYYKBzEazRybm9PV21QdTA'),
+
}
}
 +
</style>
 +
</head>
-
/*format paragraph, h1, h2, and h3*/
 
-
 
-
        p {
 
-
        color: black; /*font color*/
 
-
        font-family: arial, sans-serif; /*font is arial, with sans-serif as a back up*/
 
-
        font-size: 13px;
 
-
        }
 
-
 
-
        h1, h2 {
 
-
          color: black; /*font color*/
 
-
        font-family: arial, sans-serif;/*font is arial, with sans-serif as a back up*/
 
-
        font-size: 15px;
 
-
        }
 
-
 
-
        /*h3 will be the same as h1 and h2, but it will be centered*/
 
-
        h3 {
 
-
        color: black;
 
-
        font-family: arial, sans-serif; /*font is arial, with sans-serif as a back up*/
 
-
        font-size: 15px;
 
-
        text-align: center; /*center*/
 
-
 
-
        }
 
-
 
-
/*links in sidebar*/       
 
-
a{
 
-
        font-family: arial, sans-serif;
 
-
        text-decoration: none; /*gets rid of underlines*/
 
-
        color: black;
 
-
    }
 
-
 
-
    /*visited link same as regular link*/
 
-
    a:visited {
 
-
        color: black !important;
 
-
        text-decoration: none; /*gets rid of underlines*/
 
-
    }
 
-
 
-
    /*link when the mouse hovers over it*/
 
-
    a:hover {
 
-
        color: #07304b !important; /*font color is dark blue*/
 
-
        text-decoration: none; /*gets rid of underlines*/
 
-
    }
 
-
 
-
    .navbar ul {
 
-
        list-style-type: none; /*gets rid of bullets*/
 
-
    }
 
-
 
-
      /*sidebar--fix line heights to get some padding.  change fonts */
 
-
        .navbar{
 
-
            position: relative;
 
-
            list-style-type: none; /*no bullets*/
 
-
            line-height: 30px; /*changes line height to give the sidebar links some padding*/
 
-
            font-size: 15px;
 
-
            font-family: arial, sans-serif;
 
-
        }
 
-
 
-
        .navbar li {
 
-
        /*not actually sure if this is neccessary, but I'll just leave it here*/
 
-
        padding-left: 50px;
 
-
        margin-left: -50px;
 
-
        }
 
-
 
-
        /*sidebar--change the color of the background of the link on the sidebar*/
 
-
        .navbar li:hover {
 
-
            width: 100%; /*expand the link to the width of the sidebar.*/
 
-
            background-color: rgb(200, 200, 215); /*change background color to light blue*/
 
-
        }
 
-
 
-
        /*change color of the link that's active*/
 
-
        .active {
 
-
            color: #07304b !important;
 
-
        }
 
-
 
-
        /*get rid of default list formatting*/
 
-
        .dropdown{
 
-
            list-style-type: none; /*no bullets or numbering*/
 
-
 
-
        }
 
-
        .dropdown-menu{
 
-
          list-style-type: none; /*no bullets or numbering*/
 
-
}
 
-
        /*change the background color of the active link*/
 
-
        .dropdown-menu .active {
 
-
            background-color: rgb(200,200,215); /*light blue background color*/
 
-
            width: 100px !important; /*set the width*/
 
-
            padding: 5px;
 
-
            margin: 0px !important; /*get rid of margins*/
 
-
        }
 
-
 
-
        /*format the arrow that is on the project and about links*/
 
-
        .arrow{
 
-
            display: inline; /*inline so it stays next to the link*/
 
-
            float: right; /*move it to the right*/
 
-
            margin-right: 20px; /*but not all the way to the right*/
 
-
            font-size: 20px; /*make it bigger*/
 
-
            font-family: QuickSandLight, arial, sans-serif; /*quicksand light seems to make the arrows wider looking*/
 
-
 
-
        }
 
-
 
-
        /*format each button on the sidebar drop down menus*/
 
-
        .dropdown-menu li {
 
-
        background-color: white; /*white background*/
 
-
            width: 100px; /*set width*/
 
-
        margin: 0px; /*no margins*/
 
-
            padding: 5px;
 
-
        }
 
-
 
-
/*position the dropdown menus so they line up with the corresponding link.  It's a little tricky because the positioning is absolute--it's a
 
-
matter of eyeballing.  This is probably not the most efficient way of doing this, but since there's only two dropdowns it works*/
 
-
 
-
/*drop-menu1 is for the project dropdown*/
 
-
        #drop-menu1{
 
-
            position: absolute; /*absolutely position so it doesn't conflict with other content*/
 
-
            left: 155px; /*move it left until it's not in the navbar anymore*/
 
-
            top: 27px; /*move it down right next to the project button (higher number is lower on page)*/
 
-
            text-align: center; /*center the text*/
 
-
            display: inline;
 
-
            line-height: 20px; /*give it a big line height so it has some padding*/
 
-
            z-index: 9999; /*bring it up front so it's not behind anything*/
 
-
            display: none; /*hide it at first*/
 
-
        }
 
-
 
-
        /*drop-menu2 is for about (comments are same as above)*/
 
-
        #drop-menu2{
 
-
            width: 100px;
 
-
            position: absolute;
 
-
            left: 155px;
 
-
            top: 59px; /*move it down next to the about button (higher number is lower on page)*/
 
-
            text-align: center;
 
-
            display: inline;
 
-
            line-height: 20px;
 
-
            display: none;
 
-
            z-index: 9999;
 
-
 
-
        }
 
-
 
-
        /*wrap the drop-menu to make it a box--this wrap actually is not very important
 
-
        I actually am not sure if it still does anything, but I'm leaving it just in case it does*/
 
-
        .drop-menu-wrap{
 
-
            width: 120px; /*give it a width*/
 
-
            background-color: white;
 
-
          text-align: center; /*center the text*/
 
-
            min-height: 700px; /*give it a minimum height*/
 
-
            float: left; /*float it to the left*/
 
-
            margin-left: 0px;
 
-
        }
 
-
 
-
 
-
/*format the left wrapper (sidebar).
 
-
fixed left is not being used, but I'm keeping it there just in case*/
 
-
.left_wrap, .fixed-left {
 
-
        margin-left: -15px; /*this makes sure there's no margin between the sidebar and the page*/
 
-
        padding-top: 80px; /*padding to the top so the links don't start there*/
 
-
            width: 200px; /*give it a width*/
 
-
            min-height:  100%; /*height should take up entire height*/
 
-
            position: fixed; /*fix it so it stays in place when you scroll*/
 
-
            background-color: white;
 
-
          /*cross browser opacity*/
 
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
-
          filter: alpha(opacity=80);
 
-
        -moz-opacity: 0.8;
 
-
        -khtml-opacity: 0.8;
 
-
          opacity: 0.8;
 
-
          z-index: 999; /*make sure sidebar is over everything else in case there is some overlap*/       
 
-
 
-
        }
 
-
 
-
 
-
      /*position the igem logo, resize, and fix it*/
 
-
        #igem {
 
-
        z-index: 999; /*it should be over everything in case there is overlap*/
 
-
        height: 50px; /*fix the height and leave the width at auto*/
 
-
            top: 45px; /*position it 45 pixels down*/
 
-
            right: 35px; /*and 35 to the right*/
 
-
            margin: 30px 15px 15px 15px;
 
-
            position: fixed; /*fix it in place so it doesn't move when you scroll*/
 
-
            /*give it some transparency (cross browser)*/
 
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
-
/* IE 5-7 */
 
-
  filter: alpha(opacity=80);
 
-
  /* Netscape */
 
-
  -moz-opacity: 0.8;
 
-
  /* Safari 1.x */
 
-
  -khtml-opacity: 0.8;
 
-
  /* Good browsers */
 
-
  opacity: 0.8;
 
-
 
-
        }
 
-
 
-
        /*position the penn logo, resize, and fix it (same comments as above)*/
 
-
        #penn {
 
-
              z-index: 999;
 
-
        height: 40px;
 
-
            top: -5px;
 
-
            right: 20px;
 
-
            margin: 30px 15px 15px 15px;
 
-
            position: fixed;
 
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
-
/* IE 5-7 */
 
-
  filter: alpha(opacity=80);
 
-
  /* Netscape */
 
-
  -moz-opacity: 0.8;
 
-
  /* Safari 1.x */
 
-
  -khtml-opacity: 0.8;
 
-
  /* Good browsers */
 
-
  opacity: 0.8;
 
-
        }
 
-
 
-
 
-
      /*******Format background image, padding, margins of background
 
-
            ******************/
 
-
        .section1 {
 
-
            position: relative;
 
-
      bottom: 0px;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
  height: 100%;
 
-
z-index: 998;
 
-
            margin-left: -15px; /*make sure there's no space between the browser edge and background*/
 
-
            padding-left: 200px; /*padding is as big as the sidebar so there's no overlap and it centers without taking that into account*/
 
-
            padding-top: 75px; /*give it some padding*/
 
-
          overflow: hidden;
 
-
        }
 
-
 
-
 
-
        /*****
 
-
        putting the background image in the body instead of section1 to fix gray bar issue
 
-
        ******/
 
-
        html, body {
 
-
            background: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/EQUBpSyRCy/jake%20photo/DSC_0096.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg') no-repeat center center fixed; /* and add background image center it*/
 
-
          /* min-height: 100%; /*make sure it takes up full screen*/
 
-
            /*the next few are for cross browser background size.  "cover" makes the image cover the entire container*/
 
-
          -webkit-background-size: cover;
 
-
          -moz-background-size: cover;
 
-
          -o-background-size: cover;
 
-
          background-size: cover;
 
-
}
 
-
 
-
 
-
      /*sets margins, padding and width just in case*/ 
 
-
    html,body{
 
-
        width: 100%;
 
-
        margin: 0;
 
-
    padding: 0;
 
-
 
-
    }
 
-
        /*white text box - margins are auto.
 
-
        *Because of padding in the section divs, it should align taking the navbar into account.
 
-
        *Use this around content
 
-
        */
 
-
        .text {
 
-
            color: black;
 
-
            width: 700px;
 
-
            /*the textbox should extend if text goes over this height, but I noticed it doesn't always.
 
-
            Hard code the min-height into the specific textbox's html to fix this issue if it occurs*/
 
-
            min-height: 500px;
 
-
            background: rgb(54, 25, 25); /* Fall-back for browsers that don't
 
-
                                    support rgba */
 
-
            background: rgba(255, 255, 255, .8);
 
-
            margin: auto;
 
-
            overflow: hidden;
 
-
            padding: 20px;
 
-
            margin-top: 20px;
 
-
            -moz-border-radius: 10px;
 
-
    -webkit-border-radius: 10px;
 
-
    -khtml-border-radius: 10px;
 
-
            border-radius: 10px;
 
-
        }
 
-
 
-
 
-
      /*get rid of gray bars on top and bottom.  This accounts for some of the leftover wiki formatting*/ 
 
-
        #content {
 
-
        margin-top: -10px;
 
-
        margin-bottom: -20px;
 
-
        padding: 0px;
 
-
        }
 
-
 
-
 
-
        /*wrap any number of text columns that add up to less than 750px wide (plus margins), float one left, one right,
 
-
        *one or more in the middle (adjust the middle ones' margins until centered or float center if there's just one.
 
-
        *The text wrap will keep the margins on either side centered.
 
-
        */
 
-
        .text-wrap {
 
-
 
-
            overflow: hidden;
 
-
            width: 750px;
 
-
            margin: auto;
 
-
        }
 
-
 
-
        /*give the textboxes for methods a different minimum height and margin*/
 
-
        #methods {
 
-
            min-height: 50px !important; /*change this if this is to tall/short*/
 
-
            margin-bottom: 10px;
 
-
        }
 
-
 
-
 
-
        /*format the title of the sections in the sidebar and turn them 90 degrees*/
 
-
        .section-title {
 
-
        top: 50% !important;
 
-
        left: 2px;
 
-
        position: fixed !important;
 
-
            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);
 
-
    z-index: 9999; /*keep it above everything else*/
 
-
        }
 
-
 
-
 
-
 
-
 
-
/****************
 
-
Getting rid of wiki defaults
 
-
*****************/
 
-
 
-
.outer {
 
-
width: 100%;
 
-
text-align: center;
 
-
float: center;
 
-
height: 100%;
 
-
background-color: white;
 
-
}
 
-
 
-
#p-logo {
 
-
    position: absolute;
 
-
    display: none;
 
-
}
 
-
 
-
#content {
 
-
width: 100%;
 
-
background-color: white;
 
-
}
 
-
 
-
#top-section {
 
-
    position: absolute;
 
-
}
 
-
 
-
.firstHeading {
 
-
    position: absolute;
 
-
    display: none;
 
-
}
 
-
 
-
/*.thumb {
 
-
    display: none;
 
-
    position: absolute;
 
-
}*/
 
-
 
-
 
-
#search-controls {
 
-
display: none;
 
-
position: absolute;
 
-
}
 
-
 
-
 
-
#footer {
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
 
-
ul {
 
-
    list-style-type: none;
 
-
    list-style-image: none;
 
-
}
 
-
 
-
.printfooter {
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
 
-
 
-
.visualClear {
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
 
-
#footer-box {
 
-
    display: none;
 
-
    position: absolute;
 
-
}
 
-
 
-
 
-
body {
 
-
    margin: 10px 0 0 0;
 
-
    padding: 0;}
 
-
#top-section {
 
-
    width: 965px;
 
-
    height: 0;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
    border: none;}
 
-
    body {
 
-
    margin: 10px 0 0 0;
 
-
    padding: 0;}
 
-
#top-section {
 
-
    width: 965px;
 
-
    height: 0;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
    border: none;}
 
-
#menubar {
 
-
        font-family: arial, sans-serif;
 
-
        z-index: 9999;
 
-
    font-size: 65%;
 
-
    top: 5px;
 
-
    height: 50px;}
 
-
.left-menu:hover {
 
-
    background-color: transparent;}
 
-
#menubar li a {
 
-
    background-color: transparent;}
 
-
#menubar:hover {
 
-
    color: white;}
 
-
#menubar li a {
 
-
    color: transparent;}
 
-
#menubar:hover li a {
 
-
    color: white;}
 
-
    /* Removes "teams" from the menubar */
 
-
#menubar > ul > li:last-child {
 
-
    display: none;}
 
-
/* Resizes the menubar to fik the links (default is 400px) */
 
-
#menubar {
 
-
    width: auto;}
 
-
 
-
    #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
-
    display:none;}
 
-
#top-section {
 
-
    border: none;
 
-
    height: 0px;}
 
-
#content {
 
-
    border: none;
 
-
    background-color: transparent;}
 
-
 
-
    #bodyContent {
 
-
        background-color: transparent;
 
-
    }
 
-
 
-
 
-
 
-
/*Page specific css*/
 
-
 
-
.text {
 
-
    overflow: visible;
 
-
    width: 700px;
 
-
    padding: 3px;
 
-
}
 
-
   
 
-
    /*tabs plugin style*/
 
-
    #vtab {
 
-
    margin: auto;
 
-
    width: 800px;
 
-
    min-height: 100%;
 
-
    margin-left: -110px;
 
-
}
 
-
#vtab > ul > li {
 
-
    line-height: 50px;
 
-
    font-family: arial, sans-serif;
 
-
    font-size: 14px;
 
-
    width: 110px;
 
-
    height: 50px;
 
-
    background-color: #fff !important;
 
-
    list-style-type: none;
 
-
    display: block;
 
-
    text-align: center;
 
-
    right: -35px;
 
-
    margin-top: 60px;
 
-
    padding-bottom: 0px;
 
-
    position: relative;
 
-
    border-right: none;
 
-
    opacity: .8;
 
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
-
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 
-
    -webkit-transform: rotate(-90deg);
 
-
    -moz-transform: rotate(-90deg);
 
-
    -o-transform: rotate(-90deg);
 
-
    -ms-transform: rotate(-90deg);
 
-
    transform: rotate(-90deg);
 
-
      -moz-border-radius: 10px;
 
-
    -webkit-border-radius: 10px;
 
-
    -khtml-border-radius: 10px;
 
-
            border-radius: 10px;
 
-
cursor: pointer;
 
-
}
 
-
 
-
#vtab > ul > li.selected {
 
-
    opacity: 1;
 
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 
-
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 
-
    border-right: none;
 
-
    z-index: 10;
 
-
    background-color: rgb(200, 200, 215) !important;
 
-
    position: relative;
 
-
}
 
-
#vtab > ul {
 
-
    float: left;
 
-
    width: 50px;
 
-
    text-align: left;
 
-
    display: block;
 
-
    margin: auto 0;
 
-
    padding: 0;
 
-
    position: relative;
 
-
    top: -30px;
 
-
}
 
-
#vtab > div {
 
-
    background-color: white;
 
-
    margin-left: 110px;
 
-
    min-height: 450px;
 
-
    padding: 12px;
 
-
    position: relative;
 
-
    z-index: 9;
 
-
    -moz-border-radius: 10px;
 
-
}
 
-
#vtab > div > h4 {
 
-
font-family: arial, sans-serif;
 
-
    padding-top: 5px;
 
-
    margin-top: 0;
 
-
}
 
-
         
 
-
  .box {
 
-
    padding: 50px;
 
-
    overflow: hidden;
 
-
    width: 500px;
 
-
    margin: auto;
 
-
    font-family: arial, sans-serif;
 
-
    font-size: 14px;
 
-
  }
 
-
 
-
 
-
p{
 
-
    font-family: sans-serif;
 
-
    text-align: center;
 
-
}
 
-
 
-
h2{
 
-
text-align: center;
 
-
font-family: arial, sans-serif;
 
-
font-size: 15px;
 
-
font-weight: 100;
 
-
}
 
-
 
-
.image {
 
-
    width: 100%; margin: auto; margin-bottom: 30px;
 
-
}
 
-
                   
 
-
    </style>
 
-
</head>
 
<body>
<body>
-
  <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo-->
+
<div id = "banner_wrap">
-
<img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo-->
+
<div class = "banner"></div>
-
  <div class="left_wrap">
+
</div>
-
   
+
<div id = "nav_holder">
-
 
+
<div class = "nav_wrap"></div>
-
  <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo-->
+
</div>
-
   
+
</div>
-
+
<div id="text">
-
                  <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>human practices</li></a>
+
<div class = "textwrap">
-
<a href="https://2013.igem.org/Team:Penn/Notebook"><li  class="active" style="background-color: rgb(200,200,215);">notebook</li></a>
+
<center>
-
        </ul>
+
-
   
+
-
   
+
-
    <div class="section-title">notebook</div>
+
-
 
+
-
    </div>  
+
-
    <div class="section1" style="background-position: top;">
+
-
        <div class="text">
+
-
           
+
-
     
+
-
   
+
-
   
+
-
    <div>
+
         <h2>WEEK 1</h2>
         <h2>WEEK 1</h2>
         <div class="box">
         <div class="box">
         <h2>June 4 2013 - June 11 2013</h2>
         <h2>June 4 2013 - June 11 2013</h2>
-
         <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" class="image"/>
+
         <img src="https://static.igem.org/mediawiki/2013/2/22/BE_LynchLabGroup_DSC2796.jpg"  width = "600px" class="image"/>
             <p><b>Goals:<br></b>
             <p><b>Goals:<br></b>
<p>    This was our first week setting foot in the lab as the Penn iGEM team. We wanted to become more acquainted with the lab and start transforming and growing parts that would be useful in our future project ideas. This week we wanted to brainstorm our project ideas further as well as being more competent in basic molecular biology techniques.</p><br>
<p>    This was our first week setting foot in the lab as the Penn iGEM team. We wanted to become more acquainted with the lab and start transforming and growing parts that would be useful in our future project ideas. This week we wanted to brainstorm our project ideas further as well as being more competent in basic molecular biology techniques.</p><br>
Line 674: Line 40:
<p>We learned how to make competent cells and performed our first transformations of the summer. We continued to brainstorm potential projects and thought about directions we would like to pursue for the summer. Our idea for a project that would revolve around quorum sensing systems is currently being put into motion. We continued brainstorming for our idea about uses for DNA binding domains like TALE, Cas9, and zinc fingers. We grew up and miniprepped our transformations of various quorum sensing parts and learned how to use a plate reader.</p><br>
<p>We learned how to make competent cells and performed our first transformations of the summer. We continued to brainstorm potential projects and thought about directions we would like to pursue for the summer. Our idea for a project that would revolve around quorum sensing systems is currently being put into motion. We continued brainstorming for our idea about uses for DNA binding domains like TALE, Cas9, and zinc fingers. We grew up and miniprepped our transformations of various quorum sensing parts and learned how to use a plate reader.</p><br>
</div>
</div>
-
    </div>
 
      
      
      
      
Line 682: Line 47:
         <div class="box">
         <div class="box">
             <h2>June 11 2013 - June 18 2013</h2>
             <h2>June 11 2013 - June 18 2013</h2>
-
         <img class="image" src="https://dl-web.dropbox.com/get/iGEM%202013/Media%20for%20web/Wiki%20Week%20photo/brainstorm.jpg?w=AADO9n13riwIvlsVbJJasw1UPA9LhHt_U2tD0OLi513gNw">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/3/3e/Photo-8.JPG" width = "600px">
               <p><b>Goals:<br></b>
               <p><b>Goals:<br></b>
<p>    This week we wanted to transform some parts for our methylation idea that we ordered from addgene. We also wanted to attempt a bisulfite conversion to test methylation. We had some problems transforming some biobrick parts the previous week, so we wanted to troubleshoot our transformations as well. Another goal of ours was to make more competent DH5-alpha and Dam- cells as well as figure out methylation assays for our promoters.</p><br>
<p>    This week we wanted to transform some parts for our methylation idea that we ordered from addgene. We also wanted to attempt a bisulfite conversion to test methylation. We had some problems transforming some biobrick parts the previous week, so we wanted to troubleshoot our transformations as well. Another goal of ours was to make more competent DH5-alpha and Dam- cells as well as figure out methylation assays for our promoters.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We worked out the details of one of our potential projects: creating DNA binding domain-methyltransferase fusions. Like last week, we transformed and miniprepped parts that we would need for the quorum sensing project, like the LuxI system. We also transformed and miniprepped the standard biobrick backbones psb1A3, psb1C3, and psb1K3, which would be useful in almost any project we decide to pursue. We pinned down and ordered exactly the DNA binding domains that we thought we would be using and ordered the gene blocks from addgene. We methylated a biobrick part, c0051, with an M.sssI, and used our bisulfite conversion kit for the first time. </p><br> </div></div>
+
<p>We worked out the details of one of our potential projects: creating DNA binding domain-methyltransferase fusions. Like last week, we transformed and miniprepped parts that we would need for the quorum sensing project, like the LuxI system. We also transformed and miniprepped the standard biobrick backbones psb1A3, psb1C3, and psb1K3, which would be useful in almost any project we decide to pursue. We pinned down and ordered exactly the DNA binding domains that we thought we would be using and ordered the gene blocks from addgene. We methylated a biobrick part, c0051, with an M.sssI, and used our bisulfite conversion kit for the first time. </p><br> </div>
      
      
      
      
Line 693: Line 58:
         <h2>WEEK 3</h2>
         <h2>WEEK 3</h2>
         <div class="box"> <h2>June 18 2013 - June 25 2013</h2>
         <div class="box"> <h2>June 18 2013 - June 25 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/2/21/Aaathermopcrlala.jpg" width = "600px">
<p><b>Goals:<br></b>
<p><b>Goals:<br></b>
<p>    It was increasingly important that we decide on our project. At this point we were considering a quorum sensing/cell signaling project that would build upon previously created quorum sensing parts submitted in the registry. We were also considering a methyltransferase-DNA binding domain fusion project with the goal of creating a new methyltransferase. We wanted to begin cloning t9002, a GFP producer controlled by an AHL signaling molecule receiver into psb1C3 from psb1A3 in order to use it in a quorum sensing device we were imagining.<br></b><p><b>Achievements:</b><br>
<p>    It was increasingly important that we decide on our project. At this point we were considering a quorum sensing/cell signaling project that would build upon previously created quorum sensing parts submitted in the registry. We were also considering a methyltransferase-DNA binding domain fusion project with the goal of creating a new methyltransferase. We wanted to begin cloning t9002, a GFP producer controlled by an AHL signaling molecule receiver into psb1C3 from psb1A3 in order to use it in a quorum sensing device we were imagining.<br></b><p><b>Achievements:</b><br>
Line 703: Line 68:
         <h2>WEEK 4</h2>
         <h2>WEEK 4</h2>
         <div class="box"> <h2>June 25 2013 - July 2 2013</h2>
         <div class="box"> <h2>June 25 2013 - July 2 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/1LlS0hsVIZ/Screen%20shot%202013-05-29%20at%2016.22.13.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"><p><b>Goals:<br></b>
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/b/b3/Device_photo.jpg" width = "600px"><p><b>Goals:<br></b>
-
<p>    This week we wanted to think about applications for selective methylation in E. coli and figure out how our project could be useful for future research. We brainstormed how we wanted to create our constructs and began thinking about the cloning reactions that would be required to create them. We also wanted to begin creating our wiki and start generating useful content.<br></b>
+
<p>    This week we wanted to think about applications for selective methylation in E. coli and figure out how our project could be useful for future research. We brainstormed how we wanted to create our constructs and began thinking about the cloning reactions that would be required to create them. We also wanted to begin creating our wiki and start generating useful content.<br></b><p><b>Achievements:</b></p>
<p>We confirmed that we completed our first successful cloning reaction. We transformed and miniprepped the biobrick parts for the quorum sensing system that we envisioned creating, with one cell having a light-induced AHL producer, and another cell having a AHL producer downstream of an AHL activated promoter. We thought about creating a device that would spatially separate the cells, as opposed to having them in the same media. We used a simple restriction digest assay to test how BstUI, a methylation sensitive promoter, would behave. </p><br></div><!--/box-->
<p>We confirmed that we completed our first successful cloning reaction. We transformed and miniprepped the biobrick parts for the quorum sensing system that we envisioned creating, with one cell having a light-induced AHL producer, and another cell having a AHL producer downstream of an AHL activated promoter. We thought about creating a device that would spatially separate the cells, as opposed to having them in the same media. We used a simple restriction digest assay to test how BstUI, a methylation sensitive promoter, would behave. </p><br></div><!--/box-->
     </div>
     </div>
Line 711: Line 76:
         <h2>WEEK 5</h2>
         <h2>WEEK 5</h2>
         <div class="box"> <h2>July 2 2013 - July 9 2013</h2>
         <div class="box"> <h2>July 2 2013 - July 9 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Y5d0PLu26o/photo-7.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/9/95/IMG_2175.JPG" width = "600px">
             <p><b>Goals:<br></b>
             <p><b>Goals:<br></b>
<p>    We wanted to experiment with USER cloning for assembling our gene blocks and minigenes. We also wanted to characterize pdawn and mcherry, parts we got from a lab at the University that we could use in our quorum sensing project.  We wanted to attempt to PCR assemble our MsssI and begin fabricating a device for our quorum sensing project. </p><br>
<p>    We wanted to experiment with USER cloning for assembling our gene blocks and minigenes. We also wanted to characterize pdawn and mcherry, parts we got from a lab at the University that we could use in our quorum sensing project.  We wanted to attempt to PCR assemble our MsssI and begin fabricating a device for our quorum sensing project. </p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We practiced measuring fluorescence using our pDawn and mcherry constructs. We successfully completed PCR assembly of our M.sssI. We performed our first cotransformation with I751250, a AHL sender that was downstream of pDawn and T9002. We redesigned primers for PCR reactions that had been giving us trouble, paying more attention to the annealing temperatures of the primers we were designing.</p><br></div>
+
<p>We practiced measuring fluorescence using our pDawn and mcherry constructs. We successfully completed PCR assembly of our M.sssI. We performed our first cotransformation with I751250, an AHL sender that was downstream of pDawn and T9002. We redesigned primers for PCR reactions that had been giving us trouble, paying more attention to the annealing temperatures of the primers we were designing.</p><br></div>
     </div>
     </div>
Line 721: Line 86:
         <h2>WEEK 6</h2>
         <h2>WEEK 6</h2>
         <div class="box"> <h2>July 10 2013 - July 17 2013</h2>
         <div class="box"> <h2>July 10 2013 - July 17 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/b/b6/PennigemPic4.JPG" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
-
<p>    As the summer was nearing its halfway mark, we wanted to decide on the relative merits of the two projects and reach a decision. We also wanted to continue our cloning for the two projects and troubleshoot cloning-related problems. We now had all the parts we needed for Cas9, TALE, and zinc finger constructs and wanted to begin assembling them into constructs that we envisioned. These constructs would have a two-plasmid system. One plasmid would have the DNA binding domain downstream of a T7 promoter activated by tetracycline, and the other would be a reporter plasmid tot detect methylation. </p><br>
+
<p>    As the summer was nearing its halfway mark, we wanted to decide on the relative merits of the two projects and reach a decision. We also wanted to continue our cloning for the two projects and troubleshoot cloning-related problems. We now had all the parts we needed for Cas9, TALE, and zinc finger methylase constructs and wanted to begin assembling them into constructs that we envisioned. These constructs would have a two-plasmid system. One plasmid would have the DNA binding domain downstream of a T7 promoter activated by tetracycline, and the other would be a reporter plasmid to detect methylation. </p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
<p>We decided on the constructs that we would create and began the restriction digest and gel extract steps of our miniprepped components. We planned an experiment we could do with tetracycline induction to test whether our hypothetical methyltransferase-DNA binding domain fusions were actually being expressed.</p><br>
<p>We decided on the constructs that we would create and began the restriction digest and gel extract steps of our miniprepped components. We planned an experiment we could do with tetracycline induction to test whether our hypothetical methyltransferase-DNA binding domain fusions were actually being expressed.</p><br>
Line 733: Line 98:
<h2>WEEK 7</h2>
<h2>WEEK 7</h2>
         <div class="box"> <h2>July 18 2013 - July 24 2013</h2>
         <div class="box"> <h2>July 18 2013 - July 24 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/6/61/Pennnotebook3pic.jpg" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
Line 745: Line 110:
<h2>WEEK 8</h2>
<h2>WEEK 8</h2>
         <div class="box"> <h2>July 25 2013 - July 31 2013</h2>
         <div class="box"> <h2>July 25 2013 - July 31 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/9/9e/IMG_2173.JPG" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
Line 757: Line 122:
<h2>WEEK 9</h2>
<h2>WEEK 9</h2>
         <div class="box"> <h2>Aug 1 2013 - Aug 7 2013</h2>
         <div class="box"> <h2>Aug 1 2013 - Aug 7 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/5/59/IMG_0382.JPG" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
-
<p>    We wanted to make advances toward generating our device for the quorum sensing project. We wanted to better budget our remaining resources and stock up on supplies that we would need throughout the rest of the summer. We wanted to use our zinc finger clone in an induction experiment, similar to the ones we had performed earlier for the quorum sensing project. We wanted to generate a growth curve and see how the zinc finger cells would respond to induction. </p><br>
+
<p>    We wanted to make advances toward generating our device for the quorum sensing project. We wanted to better budget our remaining resources and stock up on supplies that we would need throughout the rest of the summer. We also wanted to use our zinc finger clone in an induction experiment, similar to the ones we had performed earlier for the quorum sensing project. Additionally, we aimed to generate a growth curve and see how the zinc finger cells would respond to induction. </p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We met with various professors at the University and made contacts who had knowledge about areas in both projects. We ordered more reagents and created the abstract for our project. We designed primers to attempt to Gibson assemble the Cas construct that had been giving us trouble during USER cloning. We hoped that the new cloning strategy would yield better results. We aliquot our antibiotics, making boxes full of Kan, Chlor, and Amp to last us the entire summer and well into the year. </p><br>
+
<p>We met with various professors at the University and made contacts who had knowledge about areas in both projects. We ordered more reagents and created the abstract for our project. We designed primers to attempt to Gibson assemble the Cas construct that had been giving us trouble during USER cloning. We hoped that the new cloning strategy would yield better results. We aliquoted our antibiotics, making boxes full of Kan, Chlor, and Amp to last us the entire summer and well into the year. </p><br>
       </div>
       </div>
     </div>
     </div>
Line 769: Line 134:
<h2>WEEK 10</h2>
<h2>WEEK 10</h2>
         <div class="box"> <h2>Aug 8 2013 - Aug 14 2013</h2>
         <div class="box"> <h2>Aug 8 2013 - Aug 14 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/a/a5/IMG_0501.JPG" width = "600px"">
       <p><b>Goals:<br></b>
       <p><b>Goals:<br></b>
Line 781: Line 146:
<h2>WEEK 11</h2>
<h2>WEEK 11</h2>
         <div class="box"> <h2>Aug 15 2013 - Aug 21 2013</h2>
         <div class="box"> <h2>Aug 15 2013 - Aug 21 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/b/be/Pennnotebook1pic.jpg" width = "600px" >
       <p><b>Goals:<br></b>
       <p><b>Goals:<br></b>
-
<p>    We wanted to get our Cas construct working after additional drylab work in designing better assembly reactions. We needed to make a detail plan of where our funds were going to go for the rest of the summer and begin planning our slides for our iGEM presentation. We wanted to decide where we wanted to be by the competition and what we needed to do to get there.</p><br>
+
<p>    We wanted to get our Cas construct working after additional drylab work in designing better assembly reactions. We needed to make a detailed plan of where our funds were going to go for the rest of the summer and begin planning our slides for our iGEM presentation. We wanted to decide where we wanted to be by the competition and what we needed to do to get there.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We began creating a plan for creating a video about methylation in general and our project specifically. After consulting with our mentor we decided to change the direction of our methyltransferase-DNA binding domain fusion from a two-plasmid to a one-plasmid system that would incorporate a digestion-based assay within the plasmid.</p><br>
+
<p>We began creating a plan for creating a video about methylation in general and our project specifically. After consulting with our advisors we decided to change the direction of our methyltransferase-DNA binding domain fusion from a two-plasmid to a one-plasmid system that would incorporate a digestion-based assay within the plasmid.</p><br>
       </div>
       </div>
Line 794: Line 159:
<h2>WEEK 12</h2>
<h2>WEEK 12</h2>
         <div class="box"> <h2>Aug 22 2013 - Aug 28 2013</h2>
         <div class="box"> <h2>Aug 22 2013 - Aug 28 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/b/bd/PennigemPic12.jpg" width = "600px">
       <p><b>Goals:<br></b>
       <p><b>Goals:<br></b>
-
<p>    Our main goal for this week was to finalize our ideal cloning constructs and figure out how to port what we had already created into the one-plasmid system. We wanted to elaborate more on the assay, as our mentor had emphasized that as one of the more important contributions that our project could make to the synthetic biology community.</p><br>
+
<p>    Our main goal for this week was to finalize our ideal cloning constructs and figure out how to port what we had already created into the one-plasmid system. We wanted to elaborate more on the assay, as our advisors had emphasized that as one of the more important contributions that our project could make to the synthetic biology community.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We focused on drylab this week, as we needed to get our plans for the rest of the summer set. We worked on a human practices essay about the ethics of methylation in medical therapies. We also began work designing new primers for our revised cloning strategy.</p><br>
+
<p>We focused on drylab this week, as we needed to get our plans for the rest of the summer set. We worked on a human practices essay about the ethics of targeted methylation in medical therapies. We also began work designing new primers for our revised cloning strategy.</p><br>
       </div>
       </div>
     </div>
     </div>
Line 806: Line 171:
<h2>WEEK 13</h2>
<h2>WEEK 13</h2>
         <div class="box"> <h2>Aug 29 2013 - Sep 4 2013</h2>
         <div class="box"> <h2>Aug 29 2013 - Sep 4 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/f/f7/IMG_2180.JPG" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
-
<p>    Our goal was to once again begin a new cloning strategy focused on assembling our one-plasmid systems.</p><br>
+
<p>    Our goal was to once again begin a new cloning strategy focused on assembling our one-plasmid systems. We needed our cloning strategy finalized as soon as possible, and we dedicated the majority of our time this week to streamlining our cloning process.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
<p>We began setting up our travel plans to get to the Jamboree. We began the initial stages of cloning our new systems and made substantial progress on cloning our zinc finger and TALE. </p><br>
<p>We began setting up our travel plans to get to the Jamboree. We began the initial stages of cloning our new systems and made substantial progress on cloning our zinc finger and TALE. </p><br>
Line 818: Line 183:
<h2>WEEK 14</h2>
<h2>WEEK 14</h2>
         <div class="box"> <h2>Sep 5 2013 - Sep 11 2013</h2>
         <div class="box"> <h2>Sep 5 2013 - Sep 11 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/a/ad/IMG_0495.JPG" width = "600px"">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
-
<p>  Our goal for this week was to make progress on cloning our constructs. We also wanted to continue our work on the human practices essay, begin creating a poster presentation for presenting at University research conferences. We also wanted to begin thinking about designing an application for analyzing gels.</p><br>
+
<p>  Our goal for this week was to make further progress on cloning our constructs. We also wanted to continue our work on the human practices essay, and begin creating a poster presentation for presenting at University research conferences. We also wanted to begin thinking about designing a computer application for analyzing gels.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
<p>During a marathon weekend coding session, we created a program that we called MaGellin that was designed to analyze our gels and characterize the amount of methylation. We attempted to improve our cloning efficiency by utilizing Antarctic Phosphatase within our reactions. We made substantial progress on finishing our TALE and zinc finger constructs, and selected and grew colonies that would be used to test our assay the following week. </p><br>
<p>During a marathon weekend coding session, we created a program that we called MaGellin that was designed to analyze our gels and characterize the amount of methylation. We attempted to improve our cloning efficiency by utilizing Antarctic Phosphatase within our reactions. We made substantial progress on finishing our TALE and zinc finger constructs, and selected and grew colonies that would be used to test our assay the following week. </p><br>
Line 830: Line 195:
<h2>WEEK 15</h2>
<h2>WEEK 15</h2>
         <div class="box"> <h2>Sep 12 2013 - Sep 18 2013</h2>
         <div class="box"> <h2>Sep 12 2013 - Sep 18 2013</h2>
-
         <img class="image" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/d/d0/Pennigempic1.jpg" width = "600px"">
       <p><b>Goals:<br></b>
       <p><b>Goals:<br></b>
<p>  We wanted to make substantial progress on the website this week. We also wanted to run our assay and test how well our methyltransferase-DNA binding domain fusions had worked. We wanted to work on animation for our video as well as make progress on our human practices essay.</p><br>
<p>  We wanted to make substantial progress on the website this week. We also wanted to run our assay and test how well our methyltransferase-DNA binding domain fusions had worked. We wanted to work on animation for our video as well as make progress on our human practices essay.</p><br>
<p><b>Achievements:<br></b>
<p><b>Achievements:<br></b>
-
<p>We ran the assay on the TALE and zinc finger clones, and it yielded promising results. The expression of our fusion protein was a definite achievement. We made substantial progress on the website as well. </p><br>
+
<p>We ran the assay on the TALE and zinc finger clones, and it yielded promising results. The expression of our fusion protein was a definite achievement. We made substantial progress on the website and essay as well. </p><br>
       </div>
       </div>
     </div>
     </div>
Line 842: Line 207:
<h2>WEEK 16</h2>
<h2>WEEK 16</h2>
         <div class="box"> <h2>Sep 19 2013 - Sep 25 2013</h2>
         <div class="box"> <h2>Sep 19 2013 - Sep 25 2013</h2>
-
         <img class="image" src="https://dl-web.dropbox.com/get/iGEM%202013/Media%20for%20web/Wiki%20Week%20photo/IMG_0537.JPG?w=AACHIsMriysOEohyJOpQmGWu9eNGSUz2VKFFSz5p9Oi1xA">
+
         <img class="image" src="https://static.igem.org/mediawiki/2013/5/5e/DSC_0482.JPG" width = "600px">
         <p><b>Goals:<br></b>
         <p><b>Goals:<br></b>
Line 853: Line 218:
 +
<h2>WEEK 17</h2>
 +
        <div class="box"> <h2>Sep 26 2013 - Oct 2 2013</h2>
 +
        <img class="image" src="https://static.igem.org/mediawiki/2013/c/c8/Momomomomomomo.JPG" width = "600px">
 +
 +
      <p><b>Goals:<br></b>
 +
<p>  In the week before the Jamboree, we wanted to compile all our last-minute data as well as create our poster and Powerpoint presentation for the competition.</p><br>
 +
<p><b>Achievements:<br></b>
 +
<p>We gathered a ton of last-minute data this week. The solid deadline put upon us by the Jamboree motivated us all to work as hard as possible to get data worthy of our presentation at the Jamboree. While there's still a lot that we wish to accomplish with our project, we're proud of how far we've made it and hope our hard work pays off at the Jamboree. </p><br>
 +
      </div>
 +
    </div>
 +
<div>
 +
 +
<h2>WEEK 18 (North America Regionals)</h2>
 +
        <div class="box"> <h2>Oct 3 2013 - Oct 9 2013</h2>
 +
        <img class="image" src="https://static.igem.org/mediawiki/2013/3/31/Pennigempic3.jpg" width = "600px">
 +
 +
      <p><b>Goals:<br></b>
 +
<p>  We just became the Regional Winners for North America for iGEM 2013, but there's no time to rest. Now it's time to get back in the lab and prepare for the World Jamboree. We want to make a game plan for what we are going to accomplish before the World Jamboree at MIT in early November and gather data in areas where we needed more work. We're taking the judge's comments from the regional Jamboree very seriously and attempting to improve our project as much as possible in the coming month. </p><br>
 +
<p><b>Achievements:<br></b>
 +
<p>We ran our MaGellin assay in a preliminary screening of our cas-methylase fusion and got some activity. We re-ran some previous experiments in triplicate to make the data more compelling. </p><br>
 +
      </div>
 +
    </div>
 +
<div>
 +
<h2>WEEK 19 </h2>
 +
        <div class="box"> <h2>Oct 10 2013 - Oct 16 2013</h2>
 +
        <img class="image" src="https://static.igem.org/mediawiki/2013/b/b3/Pennnotebook2pic.jpg" width = "600px">
 +
 +
      <p><b>Goals: <br></b>
 +
<p>  We wanted to look further into the possibility of transcriptional silencing using targeted methylation. Additionally, we planned to run the full assay to screen our potential Cas-methylase fusion. Another major priority is to perform bisulfite sequencing to look at the target site for our TALE methylase. </p><br>
 +
<p><b>Achievements:  <br></b>
 +
<p>We continued to reach out to underclassmen and recruit members for the upcoming team. At the same time, we were hard at work in lab, performing our assay and trying to further quantify the extent of methylation in our fusion constructs. We got our bisulfite sequencing for our TALE submitted and are eagerly awaiting the results. </p><br>
 +
      </div>
 +
    </div>
 +
<div>
 +
<h2>WEEK 20</h2>
 +
        <div class="box"> <h2>Oct 17 2013 - Oct 23 2013</h2>
 +
        <img class="image" src="https://static.igem.org/mediawiki/2013/0/08/PennigemPic11.JPG" width = "600px">
 +
 +
      <p><b>Goals:<br></b>
 +
<p>  This week we wat to begin utilizing a cell-free system to test our targeted TALE methylase. It is imperative that we give the Wiki a complete design overhaul. We also want to make a plan for the couple weeks. </p><br>
 +
<p><b>Achievements:<br></b>
 +
<p> This week we were screening our cas methylase and found noticeable activity when done in triplicate with all the proper controls. We experimented with various induction times as well. We re-ran some experiments that had previous flaws or were missing controls in triplicate. We had some additional cloning to do to modify our constructs as well. We gathered data for our 3D plot of induction for our methylase fusion, which was perhaps the most time-consuming experiment we have done all year. </p><br>
 +
      </div>
 +
    </div>
 +
<div>
 +
      </div>
 +
    </div>
 +
<div>
 +
<h2>WEEK 21</h2>
 +
        <div class="box"> <h2>Oct 24 2013 - Oct 30 2013</h2>
 +
        <img class="image" src="https://static.igem.org/mediawiki/2013/4/42/Dannygel.jpg" width = "600px">
 +
 +
      <p><b>Goals:<br></b>
 +
<p>  Our main goal is to finalize Wiki for World Jamboree and to collect data for any major experiments we still need to wrap up. We also need to begin our poster for the Jamboree and work on our presentation. At the same time, there is a ton of wetlab and experiments that we have planned, all of which are unlikely to get done in the next couple weeks, but that won't stop us from trying. We have several presentations with various labs at Penn, including the epigenetics department this week.  </p><br>
 +
<p><b>Achievements:<br></b>
 +
<p>This week we finished the Wiki for World Competition. Additionally, we began our last set of experiments, for which the data will be revealed at the World Jamboree.  </p><br>
       </div>
       </div>
     </div>
     </div>
Line 887: Line 308:
      
      
-
    
+
   </center>
 +
 
 +
<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>
</body>
<script>
<script>

Latest revision as of 02:08, 29 October 2013

Penn iGEM

WEEK 1

June 4 2013 - June 11 2013

Goals:

This was our first week setting foot in the lab as the Penn iGEM team. We wanted to become more acquainted with the lab and start transforming and growing parts that would be useful in our future project ideas. This week we wanted to brainstorm our project ideas further as well as being more competent in basic molecular biology techniques.


Achievements:

We learned how to make competent cells and performed our first transformations of the summer. We continued to brainstorm potential projects and thought about directions we would like to pursue for the summer. Our idea for a project that would revolve around quorum sensing systems is currently being put into motion. We continued brainstorming for our idea about uses for DNA binding domains like TALE, Cas9, and zinc fingers. We grew up and miniprepped our transformations of various quorum sensing parts and learned how to use a plate reader.


WEEK 2

June 11 2013 - June 18 2013

Goals:

This week we wanted to transform some parts for our methylation idea that we ordered from addgene. We also wanted to attempt a bisulfite conversion to test methylation. We had some problems transforming some biobrick parts the previous week, so we wanted to troubleshoot our transformations as well. Another goal of ours was to make more competent DH5-alpha and Dam- cells as well as figure out methylation assays for our promoters.


Achievements:

We worked out the details of one of our potential projects: creating DNA binding domain-methyltransferase fusions. Like last week, we transformed and miniprepped parts that we would need for the quorum sensing project, like the LuxI system. We also transformed and miniprepped the standard biobrick backbones psb1A3, psb1C3, and psb1K3, which would be useful in almost any project we decide to pursue. We pinned down and ordered exactly the DNA binding domains that we thought we would be using and ordered the gene blocks from addgene. We methylated a biobrick part, c0051, with an M.sssI, and used our bisulfite conversion kit for the first time.


WEEK 3

June 18 2013 - June 25 2013

Goals:

It was increasingly important that we decide on our project. At this point we were considering a quorum sensing/cell signaling project that would build upon previously created quorum sensing parts submitted in the registry. We were also considering a methyltransferase-DNA binding domain fusion project with the goal of creating a new methyltransferase. We wanted to begin cloning t9002, a GFP producer controlled by an AHL signaling molecule receiver into psb1C3 from psb1A3 in order to use it in a quorum sensing device we were imagining.

Achievements:

This week we got all of our minipreps submitted for sequencing, and we made headway on our first cloning reaction. We figured out how to add restriction sites for cloning reactions using PCR and completed our first cloning reaction according to our successful colony PCR. We experimented with different thermocycler conditions and polymerases for our PCRs that had previously failed, and began to perform PCR with more success.


WEEK 4

June 25 2013 - July 2 2013

Goals:

This week we wanted to think about applications for selective methylation in E. coli and figure out how our project could be useful for future research. We brainstormed how we wanted to create our constructs and began thinking about the cloning reactions that would be required to create them. We also wanted to begin creating our wiki and start generating useful content.

Achievements:

We confirmed that we completed our first successful cloning reaction. We transformed and miniprepped the biobrick parts for the quorum sensing system that we envisioned creating, with one cell having a light-induced AHL producer, and another cell having a AHL producer downstream of an AHL activated promoter. We thought about creating a device that would spatially separate the cells, as opposed to having them in the same media. We used a simple restriction digest assay to test how BstUI, a methylation sensitive promoter, would behave.


WEEK 5

July 2 2013 - July 9 2013

Goals:

We wanted to experiment with USER cloning for assembling our gene blocks and minigenes. We also wanted to characterize pdawn and mcherry, parts we got from a lab at the University that we could use in our quorum sensing project. We wanted to attempt to PCR assemble our MsssI and begin fabricating a device for our quorum sensing project.


Achievements:

We practiced measuring fluorescence using our pDawn and mcherry constructs. We successfully completed PCR assembly of our M.sssI. We performed our first cotransformation with I751250, an AHL sender that was downstream of pDawn and T9002. We redesigned primers for PCR reactions that had been giving us trouble, paying more attention to the annealing temperatures of the primers we were designing.


WEEK 6

July 10 2013 - July 17 2013

Goals:

As the summer was nearing its halfway mark, we wanted to decide on the relative merits of the two projects and reach a decision. We also wanted to continue our cloning for the two projects and troubleshoot cloning-related problems. We now had all the parts we needed for Cas9, TALE, and zinc finger methylase constructs and wanted to begin assembling them into constructs that we envisioned. These constructs would have a two-plasmid system. One plasmid would have the DNA binding domain downstream of a T7 promoter activated by tetracycline, and the other would be a reporter plasmid to detect methylation.


Achievements:

We decided on the constructs that we would create and began the restriction digest and gel extract steps of our miniprepped components. We planned an experiment we could do with tetracycline induction to test whether our hypothetical methyltransferase-DNA binding domain fusions were actually being expressed.


WEEK 7

July 18 2013 - July 24 2013

Goals:

This week our main goals were to attempt our tetracycline induction experiment, order primers for performing a COBRA assay, and refine our LIMS and retroactively manage our samples. We also wanted to finish the cloning experiments we began the previous week.


Achievements:

We completed our construct for our zinc finger fusion plasmid after a successful colony PCR and sequencing result. We performed our first induction experiment by inoculating cultures with a tetracycline-activated promoter. We redid a PCR assembly of our TALE and Cas9 systems that had been failed before.


WEEK 8

July 25 2013 - July 31 2013

Goals:

We wanted to finish our remaining fusion protein constructs and begin thinking about an SDS PAGE to measure protein expression. We also wanted to dedicate more time to pursuing drylab—making advances on our human practices and continue reading the literature on selective methylation. We also wanted to look into trying out different biobrick parts for our quorum sensing system.


Achievements:

We made advances on our cloning of the constructs for both projects. We completed a LIMS system on a Google spreadsheet that would be used to manage our increasingly overwhelming primers box as well as fixing our minipreps and glycerol stock LIMS and retroactively adding samples. We performed a new induction experiment, inducing our cultures with aTc.


WEEK 9

Aug 1 2013 - Aug 7 2013

Goals:

We wanted to make advances toward generating our device for the quorum sensing project. We wanted to better budget our remaining resources and stock up on supplies that we would need throughout the rest of the summer. We also wanted to use our zinc finger clone in an induction experiment, similar to the ones we had performed earlier for the quorum sensing project. Additionally, we aimed to generate a growth curve and see how the zinc finger cells would respond to induction.


Achievements:

We met with various professors at the University and made contacts who had knowledge about areas in both projects. We ordered more reagents and created the abstract for our project. We designed primers to attempt to Gibson assemble the Cas construct that had been giving us trouble during USER cloning. We hoped that the new cloning strategy would yield better results. We aliquoted our antibiotics, making boxes full of Kan, Chlor, and Amp to last us the entire summer and well into the year.


WEEK 10

Aug 8 2013 - Aug 14 2013

Goals:

We wanted to use our restriction digest-based test to analyze how our constructs were working with regards to methylation. We needed to decide on which project we were going to pursue as soon as possible, and we decided this week would be the deadline. We wanted to perform our first SDS Page, which had been in the brainstorming stage for a while. Additionally, we wanted to consult experts about designing better primers and see how we could improve our protocols.


Achievements:

We finally decided to fully pursue the project of constructing targeted methyltransferase fusions. While it was a hard decision, it was necessary to commit our efforts to one project. We also finished our TALE clone and began the induction experiment for testing the methyltransferase fusion. We consulted with designers from the School of Design about making our website and better presentations. We began transforming promoters for an additional screen for methyltransferases that we had envisioned, with the belief that methyltransferases could silence promoters.


WEEK 11

Aug 15 2013 - Aug 21 2013

Goals:

We wanted to get our Cas construct working after additional drylab work in designing better assembly reactions. We needed to make a detailed plan of where our funds were going to go for the rest of the summer and begin planning our slides for our iGEM presentation. We wanted to decide where we wanted to be by the competition and what we needed to do to get there.


Achievements:

We began creating a plan for creating a video about methylation in general and our project specifically. After consulting with our advisors we decided to change the direction of our methyltransferase-DNA binding domain fusion from a two-plasmid to a one-plasmid system that would incorporate a digestion-based assay within the plasmid.


WEEK 12

Aug 22 2013 - Aug 28 2013

Goals:

Our main goal for this week was to finalize our ideal cloning constructs and figure out how to port what we had already created into the one-plasmid system. We wanted to elaborate more on the assay, as our advisors had emphasized that as one of the more important contributions that our project could make to the synthetic biology community.


Achievements:

We focused on drylab this week, as we needed to get our plans for the rest of the summer set. We worked on a human practices essay about the ethics of targeted methylation in medical therapies. We also began work designing new primers for our revised cloning strategy.


WEEK 13

Aug 29 2013 - Sep 4 2013

Goals:

Our goal was to once again begin a new cloning strategy focused on assembling our one-plasmid systems. We needed our cloning strategy finalized as soon as possible, and we dedicated the majority of our time this week to streamlining our cloning process.


Achievements:

We began setting up our travel plans to get to the Jamboree. We began the initial stages of cloning our new systems and made substantial progress on cloning our zinc finger and TALE.


WEEK 14

Sep 5 2013 - Sep 11 2013

Goals:

Our goal for this week was to make further progress on cloning our constructs. We also wanted to continue our work on the human practices essay, and begin creating a poster presentation for presenting at University research conferences. We also wanted to begin thinking about designing a computer application for analyzing gels.


Achievements:

During a marathon weekend coding session, we created a program that we called MaGellin that was designed to analyze our gels and characterize the amount of methylation. We attempted to improve our cloning efficiency by utilizing Antarctic Phosphatase within our reactions. We made substantial progress on finishing our TALE and zinc finger constructs, and selected and grew colonies that would be used to test our assay the following week.


WEEK 15

Sep 12 2013 - Sep 18 2013

Goals:

We wanted to make substantial progress on the website this week. We also wanted to run our assay and test how well our methyltransferase-DNA binding domain fusions had worked. We wanted to work on animation for our video as well as make progress on our human practices essay.


Achievements:

We ran the assay on the TALE and zinc finger clones, and it yielded promising results. The expression of our fusion protein was a definite achievement. We made substantial progress on the website and essay as well.


WEEK 16

Sep 19 2013 - Sep 25 2013

Goals:

We needed to finish our website and various forms this week, as well as run our assay in triplicate on the constructs we had created thus far. We needed to plan our remaining time up to the Jamboree, and practice our presentation skills at various outreach events.


Achievements:

We attended several events aimed at recruiting future team members that showed substantial interest in our research and iGEM in general. Our assay returned promising results about the state of our methyltransferase-DNA binding domain fusions. Additionally, we finished the website and filled out all the forms we needed. We have a few experiments still in progress, but our time now is spent preparing for the Jamboree and being ready to present our results.


WEEK 17

Sep 26 2013 - Oct 2 2013

Goals:

In the week before the Jamboree, we wanted to compile all our last-minute data as well as create our poster and Powerpoint presentation for the competition.


Achievements:

We gathered a ton of last-minute data this week. The solid deadline put upon us by the Jamboree motivated us all to work as hard as possible to get data worthy of our presentation at the Jamboree. While there's still a lot that we wish to accomplish with our project, we're proud of how far we've made it and hope our hard work pays off at the Jamboree.


WEEK 18 (North America Regionals)

Oct 3 2013 - Oct 9 2013

Goals:

We just became the Regional Winners for North America for iGEM 2013, but there's no time to rest. Now it's time to get back in the lab and prepare for the World Jamboree. We want to make a game plan for what we are going to accomplish before the World Jamboree at MIT in early November and gather data in areas where we needed more work. We're taking the judge's comments from the regional Jamboree very seriously and attempting to improve our project as much as possible in the coming month.


Achievements:

We ran our MaGellin assay in a preliminary screening of our cas-methylase fusion and got some activity. We re-ran some previous experiments in triplicate to make the data more compelling.


WEEK 19

Oct 10 2013 - Oct 16 2013

Goals:

We wanted to look further into the possibility of transcriptional silencing using targeted methylation. Additionally, we planned to run the full assay to screen our potential Cas-methylase fusion. Another major priority is to perform bisulfite sequencing to look at the target site for our TALE methylase.


Achievements:

We continued to reach out to underclassmen and recruit members for the upcoming team. At the same time, we were hard at work in lab, performing our assay and trying to further quantify the extent of methylation in our fusion constructs. We got our bisulfite sequencing for our TALE submitted and are eagerly awaiting the results.


WEEK 20

Oct 17 2013 - Oct 23 2013

Goals:

This week we wat to begin utilizing a cell-free system to test our targeted TALE methylase. It is imperative that we give the Wiki a complete design overhaul. We also want to make a plan for the couple weeks.


Achievements:

This week we were screening our cas methylase and found noticeable activity when done in triplicate with all the proper controls. We experimented with various induction times as well. We re-ran some experiments that had previous flaws or were missing controls in triplicate. We had some additional cloning to do to modify our constructs as well. We gathered data for our 3D plot of induction for our methylase fusion, which was perhaps the most time-consuming experiment we have done all year.


WEEK 21

Oct 24 2013 - Oct 30 2013

Goals:

Our main goal is to finalize Wiki for World Jamboree and to collect data for any major experiments we still need to wrap up. We also need to begin our poster for the Jamboree and work on our presentation. At the same time, there is a ton of wetlab and experiments that we have planned, all of which are unlikely to get done in the next couple weeks, but that won't stop us from trying. We have several presentations with various labs at Penn, including the epigenetics department this week.


Achievements:

This week we finished the Wiki for World Competition. Additionally, we began our last set of experiments, for which the data will be revealed at the World Jamboree.