Page79

From 2010.igem.org

(Difference between revisions)
Line 182: Line 182:
/* tab content next to calendar*/
/* tab content next to calendar*/
-
#content 
 
-
{
 
-
  /*width:69.5%;*/
 
-
  height:50%;
 
-
  border:1px solid #000000;
 
-
}
 
-
# content p
+
content {font-size: 80%; font-family: 'Trebuchet MS', Times;}
-
{
+
     
-
  font-family:"Trebuchet MS", arial;
+
ul#tabs {list-style-type: none; margin: 2em 0 0 0; padding: 0 0 0.3em 0; }
-
  font-size: 1em;
+
     
-
  color: #000000;
+
ul#tabs li {display: inline;}
-
}
+
     
 +
ul#tabs li a {color: #ffffff; background-color: #757575; border: 1em solid #000000; border-bottom: none; padding: 0.3em; text-decoration: none;}
-
#vtab0  
+
ul#tabs li a:hover {background-color: #3b3b3b; color: #fff200;}
-
{  
+
     
-
  width:20%;  
+
ul#tabs li a.selected {color: #fff200; background-color: #3b3b3b; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em;}
-
  float:left;
+
     
-
}
+
div.tabContent {border: 1em solid #000000; padding: 0.5em; background-color: #656565; color: #ffffff;}
-
 
+
     
-
#vtab0 li  
+
div.tabContent.hide {display: none;}
-
{  
+
-
  list-style:none;
+
-
  background-color: #a5a5a5;
+
-
  border:1px dotted #3b3b3b;
+
-
  font-family: "Trebuchet MS", Times;
+
-
  font-weight:bold;
+
-
  font-size: 1em;
+
-
  color: #ffffff;
+
-
}
+
-
 
+
-
#vtab0 li:hover
+
-
{  
+
-
background-color: #3b3b3b;  
+
-
}
+
-
 
+
-
#tabContent
+
-
{
+
-
  float:left;
+
-
  width:43%;
+
-
  margin: 1% 1%;
+
-
  font-family: "Trebuchet MS", Times;
+
-
  font-style: bold;
+
-
  font-size: 1em;
+
-
  color: #000000;
+
-
}
+
-
 
+
-
.vtInfo 
+
-
{
+
-
  display:none;
+
-
  height: 98%;
+
-
  overflow: auto;
+
-
}
+
-
.h2 {text-decoration: none; color: #757575; font-size: 2.5em; font-family: "Trebuchet MS", Times; line-height: 120%;}
+
.h2 {text-decoration: none; color: #fff200; font-size: 2.5em; font-family: "Trebuchet MS", Times; line-height: 120%;}
</style>
</style>
Line 244: Line 207:
$(document).ready( function(){
$(document).ready( function(){
   // load notebook data on page load
   // load notebook data on page load
-
   $('#vtab1').show();   
+
   $('#Notebook').show();   
});
});
-
function showTab(IDS)
+
//<![CDATA[
-
{
+
 
-
  var tabs = document.getElementById('tabContent').getElementsByTagName('div');
+
    var tabLinks = new Array();
-
  var tabs = getElementsByClass('vtInfo',document.getElementById('tabContent'),'div');
+
    var contentDivs = new Array();
-
 
+
 
-
  for (var i=0; i<tabs.length; i++) { tabs[i].style.display = 'none'; }
+
    function init() {
-
  document.getElementById(IDS).style.display = 'block';
+
 
 +
// Grab the tab links and content divs from the page
 +
      var tabListItems = document.getElementById('tabs').childNodes;
 +
      for ( var i = 0; i < tabListItems.length; i++ ) {
 +
        if ( tabListItems[i].nodeName == "LI" ) {
 +
          var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
 +
          var id = getHash( tabLink.getAttribute('href') );
 +
          tabLinks[id] = tabLink;
 +
          contentDivs[id] = document.getElementById( id );
 +
}
}
}
-
function getElementsByClass(searchClass,node,tag)
+
// Assign onclick events to the tab links, and
-
{
+
// highlight the first tab
-
  var classElements = new Array();
+
      var i = 0;
-
  if ( node == null )
+
 
-
node = document;
+
      for ( var id in tabLinks ) {
-
  if ( tag == null )
+
        tabLinks[id].onclick = showTab;
-
tag = '*';
+
        tabLinks[id].onfocus = function() { this.blur() };
-
  var els = node.getElementsByTagName(tag);
+
        if ( i == 0 ) tabLinks[id].className = 'selected';
-
  var elsLen = els.length;
+
        i++;
-
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
+
-
for (i = 0, j = 0; i < elsLen; i++) {
+
-
  if ( pattern.test(els[i].className) ) {
+
-
classElements[j] = els[i];
+
-
j++;
+
-
}
+
}
}
-
  return classElements;
+
 
 +
// Hide all content divs except the first
 +
      var i = 0;
 +
 
 +
      for ( var id in contentDivs ) {
 +
        if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
 +
        i++;
}
}
 +
}
 +
 +
    function showTab() {
 +
      var selectedId = getHash( this.getAttribute('href') );
 +
 +
      // Highlight the selected tab, and dim all others.
 +
      // Also show the selected content div, and hide all others.
 +
      for ( var id in contentDivs ) {
 +
        if ( id == selectedId ) {
 +
          tabLinks[id].className = 'selected';
 +
          contentDivs[id].className = 'tabContent';
 +
        } else {
 +
          tabLinks[id].className = '';
 +
          contentDivs[id].className = 'tabContent hide';
 +
        }
 +
      }
 +
 +
      // Stop the browser following the link
 +
      return false;
 +
}
 +
 +
    function getFirstChildWithTagName( element, tagName ) {
 +
      for ( var i = 0; i < element.childNodes.length; i++ ) {
 +
        if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
 +
      }
 +
    }
 +
 +
    function getHash( url ) {
 +
      var hashPos = url.lastIndexOf ( '#' );
 +
      return url.substring( hashPos + 1 );
 +
    }
 +
 +
//]]>
</script>
</script>
Line 373: Line 378:
   </ul>
   </ul>
</div>
</div>
 +
   
 +
<ul id="tabs">
 +
  <li><a href="#Notebook">iGEM 2010 Notebook</a></li>
 +
  <li><a href="#Building">Building Parts</a></li>
 +
  <li><a href="#Testing">Testing Parts</a></li>
 +
  <li><a href="#Assembly">Assembly Method</a></li>
 +
  <li><a href="#Plates">Plates</a></li>
 +
  <li><a href="#Cells">Competent Cells</a></li>
 +
  <li><a href="#Software">Software</a></li>
 +
</ul>
-
<div id="Content">
+
<div class="tabContent" id="Notebook">
-
<div id="vtab0">
+
<span class="h2">iGEM 2010 Notebook</span>
-
  <li onclick="showTab('vtab1')">iGEM 2010 Notebook</li>
+
 
-
  <li onclick="showTab('vtab2')">Building Parts</li>
+
<div><p>The lab notebook chronicles our journey in the creation of the Genomikon kit.  Many paths were woven together in space and time to reach this finished masterpiece.  To help you navigate through these trials with us we have laid out our notebook in a layered fashion.  This page gives a sketch of each project and how it interacts with each other.  Then follow the links to a projects page for time line of the major landmarks and accomplishments.  If you require more details on the project the links within that page will take you to our day-by-day work log.</p>
-
  <li onclick="showTab('vtab3')">Testing Parts</li>  
+
</div>
-
  <li onclick="showTab('vtab4')">Assembly Method</li>
+
</div>
-
  <li onclick="showTab('vtab5')">Plates</li>
+
 
-
  <li onclick="showTab('vtab6')">Competent Cells</li>
+
<div class="tabContent" id="Building">
-
  <li onclick="showTab('vtab7')">Software</li>
+
 
 +
<span class="h2">Building Parts</span>
 +
     
 +
<div><p>The Building Parts project was responsible to first build a plasmid (plasmid 01)that contained our own specialized prefix and suffix nested inside of the standard BioBrick prefix and suffix.  After plasmid 01 existed we inserted the CcdB gene (the "death" gene) between our prefix and suffix removing the gene for Kanamycin resistance (plasmid 02).  Plasmid 02 is fantastic base plasmid from which we are able to amplify any part at all because it provides a positive selection marker when transformed into DH5&alpha;. At this point we were able to make parts en masse to put in our kit. After obtaining a particular part in a plasmid we PCRed the part and digested it ready to use in Assembly or to Test the plasmid.</p>
 +
</div>
 +
</div>
 +
 
 +
<div class="tabContent" id="Testing">
 +
   
 +
<span class="h2">Testing Parts</span>
 +
     
 +
<div><p>Before we were able to test parts we created 2 base testing plasmids (vector 01 and vector 02).  Vector 01 is designed to test Open Reading Frame parts, or parts that code for proteins.  The part is flanked by a promoter and the start codon on one side and a stop codon and terminator on the other.  Vector 02 is designed to test linker parts, or parts that control the expression of the Open Reading Frame parts they are next two.  In Vector 02 the part is flanked by two distinct reporter genes, that by comparing the relative expression of the 2 reporter genes we can determine the behavior of the linking part.</p>
 +
</div>
</div>
</div>
   
   
-
<div id="tabContent">
+
<div class="tabContent" id="Assembly">
-
 
+
   
-
<div id="vtab1" class="vtInfo"><span class="h2">iGEM 2010 Notebook</span>
+
<span class="h2">Assembly Method</span>
-
<br>
+
     
-
<p>The lab notebook chronicles our journey in the creation of the Genomikon kit.  Many paths were woven together in space and time to reach this finished masterpiece.  To help you navigate through these trials with us we have laid out our notebook in a layered fashion.  This page gives a sketch of each project and how it interacts with each other.  Then follow the links to a projects page for time line of the major landmarks and accomplishments.  If you require more details on the project the links within that page will take you to our day-by-day work log.</p>
+
<div><p>Insert description here.</p>
 +
</div>
</div>
</div>
-
<div id="vtab2" class="vtInfo"><span class="h2">Building Parts</span>  
+
<div class="tabContent" id="Plates">
-
<p>The Building Parts project was responsible to first build a plasmid (plasmid 01)that contained our own specialized prefix and suffix nested inside of the standard BioBrick prefix and suffix.  After plasmid 01 existed we inserted the CcdB gene (the "death" gene) between our prefix and suffix removing the gene for Kanamycin resistance (plasmid 02).  Plasmid 02 is fantastic base plasmid from which we are able to amplify any part at all because it provides a positive selection marker when transformed into DH5&alpha;. At this point we were able to make parts en masse to put in our kit. After obtaining a particular part in a plasmid we PCRed the part and digested it ready to use in Assembly or to Test the plasmid.</p>
+
   
 +
<span class="h2">Plates</span>
 +
     
 +
<div><p>Insert description here.</p>
 +
</div>
</div>
</div>
-
<div id="vtab3" class="vtInfo"><span class="h2">Testing Parts</span>
+
<div class="tabContent" id="Cells">
-
<p>Before we were able to test parts we created 2 base testing plasmids (vector 01 and vector 02).  Vector 01 is designed to test Open Reading Frame parts, or parts that code for proteins.  The part is flanked by a promoter and the start codon on one side and a stop codon and terminator on the other.  Vector 02 is designed to test linker parts, or parts that control the expression of the Open Reading Frame parts they are next two.  In Vector 02 the part is flanked by two distinct reporter genes, that by comparing the relative expression of the 2 reporter genes we can determine the behavior of the linking part.</p>
+
   
 +
<span class="h2">Competent Cells</span>
 +
     
 +
<div><p>Insert description here.</p>
 +
</div>
</div>
</div>
-
<div id="vtab4" class="vtInfo">
+
<div class="tabContent" id="Software">
-
<img src="https://static.igem.org/mediawiki/2010/b/b1/Alberta_Oscar.png" width="400px" height="533px" padding="0px" align="left"></img>
+
   
-
<span class="h2">Oscar Cortes</span><br>
+
<span class="h2">Software</span>
-
<span class="h3">Specialized in Molecular Genetics (Graduate)</span>  
+
     
 +
<div><p>Insert description here.</p>
 +
</div>
</div>
</div>

Revision as of 16:30, 5 July 2010

genomikon

May 2010

  • Su | Mo | Tu | We | Th | Fr | Sa
iGEM 2010 Notebook

The lab notebook chronicles our journey in the creation of the Genomikon kit. Many paths were woven together in space and time to reach this finished masterpiece. To help you navigate through these trials with us we have laid out our notebook in a layered fashion. This page gives a sketch of each project and how it interacts with each other. Then follow the links to a projects page for time line of the major landmarks and accomplishments. If you require more details on the project the links within that page will take you to our day-by-day work log.

Building Parts

The Building Parts project was responsible to first build a plasmid (plasmid 01)that contained our own specialized prefix and suffix nested inside of the standard BioBrick prefix and suffix. After plasmid 01 existed we inserted the CcdB gene (the "death" gene) between our prefix and suffix removing the gene for Kanamycin resistance (plasmid 02). Plasmid 02 is fantastic base plasmid from which we are able to amplify any part at all because it provides a positive selection marker when transformed into DH5α. At this point we were able to make parts en masse to put in our kit. After obtaining a particular part in a plasmid we PCRed the part and digested it ready to use in Assembly or to Test the plasmid.

Testing Parts

Before we were able to test parts we created 2 base testing plasmids (vector 01 and vector 02). Vector 01 is designed to test Open Reading Frame parts, or parts that code for proteins. The part is flanked by a promoter and the start codon on one side and a stop codon and terminator on the other. Vector 02 is designed to test linker parts, or parts that control the expression of the Open Reading Frame parts they are next two. In Vector 02 the part is flanked by two distinct reporter genes, that by comparing the relative expression of the 2 reporter genes we can determine the behavior of the linking part.

Assembly Method

Insert description here.

Plates

Insert description here.

Competent Cells

Insert description here.

Software

Insert description here.

Retrieved from "http://2010.igem.org/Page79"