Team:Freiburg/Project/Part2

From 2012.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 3: Line 3:
=<span style="color:#2244AA"> Using the Toolkit =
=<span style="color:#2244AA"> Using the Toolkit =
<html>
<html>
-
<script language="JavaScript1.2">>
+
<head>
-
 
+
<!-- Timeline script adapted from http://www.csslab.cl/2011/08/18/jquery-timelinr/.  Thanks!! -->
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
  function tal_check(base1,base2,base3,base4,base5,base6) {
+
<link rel="stylesheet" href="
 +
http://omnibus.uni-freiburg.de/~ds151/Freigem_test.css" type="text/css" media="screen" />
 +
<!-- Extra custom css -->
 +
<style type="text/css">
 +
.issuedate
 +
{
 +
color: #484848;
 +
background: none;
 +
font-weight: normal;
 +
margin-right: 70px;
 +
padding-top: .5em;
 +
padding-bottom: .17em;
 +
border-bottom: none;
 +
font-size:140%;
 +
line-height:100%;
 +
}
 +
#dates .iGEM11 {
 +
        font-size: 27px;
 +
}
-
  if (base1 == "AA" || base1 == "Aa" || base1 == "aa" || base1 == "aA")
+
</style>
-
  document.write("<h1>" + "pos 1: BBa_K747000" + "<\/h1>")
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
-
  else if (base1 == "AC" || base1 == "Ac" || base1 == "ac" || base1 == "aC")
+
-
  document.write("<h1>" + "pos 1: BBa_K747001" + "<\/h1>")
+
-
    else if (base1 == "AG" || base1 == "Ag" || base1 == "ag" || base1 == "aG")
+
-
  document.write("<h1>" + "pos 1: BBa_K747002" + "<\/h1>")
+
-
  else if (base1 == "AT" || base1 == "At" || base1 == "at" || base1 == "aT")
+
-
  document.write("<h1>" + "pos 1: BBa_K747003" + "<\/h1>")
+
-
  else if (base1 == "CA" || base1 == "Ca" || base1 == "ca" || base1 == "cA")
+
-
  document.write("<h1>" + "pos 1: BBa_K747004" + "<\/h1>")
+
-
  else if (base1 == "CC" || base1 == "Cc" || base1 == "cc" || base1 == "cC")
+
-
  document.write("<h1>" + "pos 1: BBa_K747005" + "<\/h1>")
+
-
  else if (base1 == "CG" || base1 == "Cg" || base1 == "cg" || base1 == "cG")
+
-
  document.write("<h1>" + "pos 1: BBa_K747006" + "<\/h1>")
+
-
  else if (base1 == "CT" || base1 == "Ct" || base1 == "ct" || base1 == "cT")
+
-
  document.write("<h1>" + "pos 1: BBa_K747007" + "<\/h1>")
+
-
  else if (base1 == "GA" || base1 == "Ga" || base1 == "ga" || base1 == "gA")
+
-
  document.write("<h1>" + "pos 1: BBa_K747008" + "<\/h1>")
+
-
  else if (base1 == "GC" || base1 == "Gc" || base1 == "gc" || base1 == "gC")
+
-
  document.write("<h1>" + "pos 1: BBa_K747009" + "<\/h1>")
+
-
  else if (base1 == "GG" || base1 == "Gg" || base1 == "gg" || base1 == "gG")
+
-
  document.write("<h1>" + "pos 1: BBa_K747010" + "<\/h1>")
+
-
  else if (base1 == "GT" || base1 == "Gt" || base1 == "gt" || base1 == "gT")
+
-
  document.write("<h1>" + "pos 1: BBa_K747011" + "<\/h1>")
+
-
  else if (base1 == "TA" || base1 == "Ta" || base1 == "ta" || base1 == "tA")
+
-
  document.write("<h1>" + "pos 1: BBa_K747012" + "<\/h1>")
+
-
  else if (base1 == "TC" || base1 == "Tc" || base1 == "tc" || base1 == "tC")
+
-
  document.write("<h1>" + "pos 1: BBa_K747013" + "<\/h1>")
+
-
  else if (base1 == "TG" || base1 == "Tg" || base1 == "tg" || base1 == "tG")
+
-
  document.write("<h1>" + "pos 1: BBa_K747014" + "<\/h1>")
+
-
  else if (base1 == "TT" || base1 == "Tt" || base1 == "tt" || base1 == "tT")
+
-
  document.write("<h1>" + "pos 1: BBa_K747015" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 1: no valid dna bases were entered" + "<\/h1>")
+
 +
<script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.timelinr-0.9.3.js" type="text/javascript"></script>
-
  if (base2 == "AA" || base2 == "Aa" || base2 == "aa" || base2 == "aA")
+
<script type="text/javascript">  
-
  document.write("<h1>" + "pos 2: BBa_K747016" + "<\/h1>")
+
-
  else if (base2 == "AC" || base2 == "Ac" || base2 == "ac" || base2 == "aC")
+
-
  document.write("<h1>" + "pos 2: BBa_K747017" + "<\/h1>")
+
-
    else if (base2 == "AG" || base2 == "Ag" || base2 == "ag" || base2 == "aG")
+
-
  document.write("<h1>" + "pos 2: BBa_K747018" + "<\/h1>")
+
-
  else if (base2 == "AT" || base2 == "At" || base2 == "at" || base2 == "aT")
+
-
  document.write("<h1>" + "pos 2: BBa_K747019" + "<\/h1>")
+
-
  else if (base2 == "CA" || base2 == "Ca" || base2 == "ca" || base2 == "cA")
+
-
  document.write("<h1>" + "pos 2: BBa_K747020" + "<\/h1>")
+
-
  else if (base2 == "CC" || base2 == "Cc" || base2 == "cc" || base2 == "cC")
+
-
  document.write("<h1>" + "pos 2: BBa_K747021" + "<\/h1>")
+
-
  else if (base2 == "CG" || base2 == "Cg" || base2 == "cg" || base2 == "cG")
+
-
  document.write("<h1>" + "pos 2: BBa_K747022" + "<\/h1>")
+
-
  else if (base2 == "CT" || base2 == "Ct" || base2 == "ct" || base2 == "cT")
+
-
  document.write("<h1>" + "pos 2: BBa_K747023" + "<\/h1>")
+
-
  else if (base2 == "GA" || base2 == "Ga" || base2 == "ga" || base2 == "gA")
+
-
  document.write("<h1>" + "pos 2: BBa_K747024" + "<\/h1>")
+
-
  else if (base2 == "GC" || base2 == "Gc" || base2 == "gc" || base2 == "gC")
+
-
  document.write("<h1>" + "pos 2: BBa_K747025" + "<\/h1>")
+
-
  else if (base2 == "GG" || base2 == "Gg" || base2 == "gg" || base2 == "gG")
+
-
  document.write("<h1>" + "pos 2: BBa_K747026" + "<\/h1>")
+
-
  else if (base2 == "GT" || base2 == "Gt" || base2 == "gt" || base2 == "gT")
+
-
  document.write("<h1>" + "pos 2: BBa_K747027" + "<\/h1>")
+
-
  else if (base2 == "TA" || base2 == "Ta" || base2 == "ta" || base2 == "tA")
+
-
  document.write("<h1>" + "pos 2: BBa_K747028" + "<\/h1>")
+
-
  else if (base2 == "TC" || base2 == "Tc" || base2 == "tc" || base2 == "tC")
+
-
  document.write("<h1>" + "pos 2: BBa_K747029" + "<\/h1>")
+
-
  else if (base2 == "TG" || base2 == "Tg" || base2 == "tg" || base2 == "tG")
+
-
  document.write("<h1>" + "pos 2: BBa_K747030" + "<\/h1>")
+
-
  else if (base2 == "TT" || base2 == "Tt" || base2 == "tt" || base2 == "tT")
+
-
  document.write("<h1>" + "pos 2: BBa_K747031" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 2: no valid dna bases were entered" + "<\/h1>")
+
 +
$(function(){
 +
$().timelinr({
-
  if (base3 == "AA" || base3 == "Aa" || base3 == "aa" || base3 == "aA")
+
datesSpeed: 800,
-
  document.write("<h1>" + "pos 3: BBa_K747032" + "<\/h1>")
+
issuesSpeed: 800,
-
  else if (base3 == "AC" || base3 == "Ac" || base3 == "ac" || base3 == "aC")
+
                                issuesTransparency: 1.0,
-
  document.write("<h1>" + "pos 3: BBa_K747033" + "<\/h1>")
+
arrowKeys: 'true',
-
    else if (base3 == "AG" || base3 == "Ag" || base3 == "ag" || base3 == "aG")
+
-
  document.write("<h1>" + "pos 3: BBa_K747034" + "<\/h1>")
+
-
  else if (base3 == "AT" || base3 == "At" || base3 == "at" || base3 == "aT")
+
-
  document.write("<h1>" + "pos 3: BBa_K747035" + "<\/h1>")
+
-
  else if (base3 == "CA" || base3 == "Ca" || base3 == "ca" || base3 == "cA")
+
-
  document.write("<h1>" + "pos 3: BBa_K747036" + "<\/h1>")
+
-
  else if (base3 == "CC" || base3 == "Cc" || base3 == "cc" || base3 == "cC")
+
-
  document.write("<h1>" + "pos 3: BBa_K747037" + "<\/h1>")
+
-
  else if (base3 == "CG" || base3 == "Cg" || base3 == "cg" || base3 == "cG")
+
-
  document.write("<h1>" + "pos 3: BBa_K747038" + "<\/h1>")
+
-
  else if (base3 == "CT" || base3 == "Ct" || base3 == "ct" || base3 == "cT")
+
-
  document.write("<h1>" + "pos 3: BBa_K747039" + "<\/h1>")
+
-
  else if (base3 == "GA" || base3 == "Ga" || base3 == "ga" || base3 == "gA")
+
-
  document.write("<h1>" + "pos 3: BBa_K747040" + "<\/h1>")
+
-
  else if (base3 == "GC" || base3 == "Gc" || base3 == "gc" || base3 == "gC")
+
-
  document.write("<h1>" + "pos 3: BBa_K747041" + "<\/h1>")
+
-
  else if (base3 == "GG" || base3 == "Gg" || base3 == "gg" || base3 == "gG")
+
-
  document.write("<h1>" + "pos 3: BBa_K747042" + "<\/h1>")
+
-
  else if (base3 == "GT" || base3 == "Gt" || base3 == "gt" || base3 == "gT")
+
-
  document.write("<h1>" + "pos 3: BBa_K747043" + "<\/h1>")
+
-
  else if (base3 == "TA" || base3 == "Ta" || base3 == "ta" || base3 == "tA")
+
-
  document.write("<h1>" + "pos 3: BBa_K747044" + "<\/h1>")
+
-
  else if (base3 == "TC" || base3 == "Tc" || base3 == "tc" || base3 == "tC")
+
-
  document.write("<h1>" + "pos 3: BBa_K747045" + "<\/h1>")
+
-
  else if (base3 == "TG" || base3 == "Tg" || base3 == "tg" || base3 == "tG")
+
-
  document.write("<h1>" + "pos 3: BBa_K747046" + "<\/h1>")
+
-
  else if (base3 == "TT" || base3 == "Tt" || base3 == "tt" || base3 == "tT")
+
-
  document.write("<h1>" + "pos 3: BBa_K747047" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 3: no valid dna bases were entered" + "<\/h1>")
+
 +
})
 +
});
-
  if (base4 == "AA" || base4 == "Aa" || base4 == "aa" || base4 == "aA")
+
</script>
-
  document.write("<h1>" + "pos 4: BBa_K747048" + "<\/h1>")
+
-
  else if (base4 == "AC" || base4 == "Ac" || base4 == "ac" || base4 == "aC")
+
-
  document.write("<h1>" + "pos 4: BBa_K747049" + "<\/h1>")
+
-
    else if (base4 == "AG" || base4 == "Ag" || base4 == "ag" || base4 == "aG")
+
-
  document.write("<h1>" + "pos 4: BBa_K747050" + "<\/h1>")
+
-
  else if (base4 == "AT" || base4 == "At" || base4 == "at" || base4 == "aT")
+
-
  document.write("<h1>" + "pos 4: BBa_K747051" + "<\/h1>")
+
-
  else if (base4 == "CA" || base4 == "Ca" || base4 == "ca" || base4 == "cA")
+
-
  document.write("<h1>" + "pos 4: BBa_K747052" + "<\/h1>")
+
-
  else if (base4 == "CC" || base4 == "Cc" || base4 == "cc" || base4 == "cC")
+
-
  document.write("<h1>" + "pos 4: BBa_K747053" + "<\/h1>")
+
-
  else if (base4 == "CG" || base4 == "Cg" || base4 == "cg" || base4 == "cG")
+
-
  document.write("<h1>" + "pos 4: BBa_K747054" + "<\/h1>")
+
-
  else if (base4 == "CT" || base4 == "Ct" || base4 == "ct" || base4 == "cT")
+
-
  document.write("<h1>" + "pos 4: BBa_K747055" + "<\/h1>")
+
-
  else if (base4 == "GA" || base4 == "Ga" || base4 == "ga" || base4 == "gA")
+
-
  document.write("<h1>" + "pos 4: BBa_K747056" + "<\/h1>")
+
-
  else if (base4 == "GC" || base4 == "Gc" || base4 == "gc" || base4 == "gC")
+
-
  document.write("<h1>" + "pos 4: BBa_K747057" + "<\/h1>")
+
-
  else if (base4 == "GG" || base4 == "Gg" || base4 == "gg" || base4 == "gG")
+
-
  document.write("<h1>" + "pos 4: BBa_K747058" + "<\/h1>")
+
-
  else if (base4 == "GT" || base4 == "Gt" || base4 == "gt" || base4 == "gT")
+
-
  document.write("<h1>" + "pos 4: BBa_K747059" + "<\/h1>")
+
-
  else if (base4 == "TA" || base4 == "Ta" || base4 == "ta" || base4 == "tA")
+
-
  document.write("<h1>" + "pos 4: BBa_K747060" + "<\/h1>")
+
-
  else if (base4 == "TC" || base4 == "Tc" || base4 == "tc" || base4 == "tC")
+
-
  document.write("<h1>" + "pos 4: BBa_K747061" + "<\/h1>")
+
-
  else if (base4 == "TG" || base4 == "Tg" || base4 == "tg" || base4 == "tG")
+
-
  document.write("<h1>" + "pos 4: BBa_K747062" + "<\/h1>")
+
-
  else if (base4 == "TT" || base4 == "Tt" || base4 == "tt" || base4 == "tT")
+
-
  document.write("<h1>" + "pos 4: BBa_K747063" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 4: no valid dna bases were entered" + "<\/h1>")
+
 +
<!-- End timeline -->
-
  if (base5 == "AA" || base5 == "Aa" || base5 == "aa" || base5 == "aA")
+
<style type="text/css">
-
  document.write("<h1>" + "pos 5: BBa_K747064" + "<\/h1>")
+
#ip_quote
-
  else if (base5 == "AC" || base5 == "Ac" || base5 == "ac" || base5 == "aC")
+
{
-
  document.write("<h1>" + "pos 5: BBa_K747065" + "<\/h1>")
+
   margin-top:27px;
-
    else if (base5 == "AG" || base5 == "Ag" || base5 == "ag" || base5 == "aG")
+
   margin-bottom:27px;
-
   document.write("<h1>" + "pos 5: BBa_K747066" + "<\/h1>")
+
   margin-left:auto;
-
   else if (base5 == "AT" || base5 == "At" || base5 == "at" || base5 == "aT")
+
   margin-right:auto;
-
  document.write("<h1>" + "pos 5: BBa_K747067" + "<\/h1>")
+
   width:20%;
-
   else if (base5 == "CA" || base5 == "Ca" || base5 == "ca" || base5 == "cA")
+
   color:#C22227;
-
  document.write("<h1>" + "pos 5: BBa_K747068" + "<\/h1>")
+
   font-size:140%;
-
   else if (base5 == "CC" || base5 == "Cc" || base5 == "cc" || base5 == "cC")
+
   line-height:140%;
-
  document.write("<h1>" + "pos 5: BBa_K747069" + "<\/h1>")
+
   text-align:justify;
-
   else if (base5 == "CG" || base5 == "Cg" || base5 == "cg" || base5 == "cG")
+
}
-
  document.write("<h1>" + "pos 5: BBa_K747070" + "<\/h1>")
+
</style>
-
   else if (base5 == "CT" || base5 == "Ct" || base5 == "ct" || base5 == "cT")
+
</head>
-
  document.write("<h1>" + "pos 5: BBa_K747071" + "<\/h1>")
+
</html>
-
   else if (base5 == "GA" || base5 == "Ga" || base5 == "ga" || base5 == "gA")
+
<div class="whitebox">
-
  document.write("<h1>" + "pos 5: BBa_K747072" + "<\/h1>")
+
__NOTOC__
-
   else if (base5 == "GC" || base5 == "Gc" || base5 == "gc" || base5 == "gC")
+
-
  document.write("<h1>" + "pos 5: BBa_K747073" + "<\/h1>")
+
-
   else if (base5 == "GG" || base5 == "Gg" || base5 == "gg" || base5 == "gG")
+
-
  document.write("<h1>" + "pos 5: BBa_K747074" + "<\/h1>")
+
-
  else if (base5 == "GT" || base5 == "Gt" || base5 == "gt" || base5 == "gT")
+
-
  document.write("<h1>" + "pos 5: BBa_K747075" + "<\/h1>")
+
-
  else if (base5 == "TA" || base5 == "Ta" || base5 == "ta" || base5 == "tA")
+
-
  document.write("<h1>" + "pos 5: BBa_K747076" + "<\/h1>")
+
-
  else if (base5 == "TC" || base5 == "Tc" || base5 == "tc" || base5 == "tC")
+
-
  document.write("<h1>" + "pos 5: BBa_K747077" + "<\/h1>")
+
-
  else if (base5 == "TG" || base5 == "Tg" || base5 == "tg" || base5 == "tG")
+
-
  document.write("<h1>" + "pos 5: BBa_K747078" + "<\/h1>")
+
-
  else if (base5 == "TT" || base5 == "Tt" || base5 == "tt" || base5 == "tT")
+
-
  document.write("<h1>" + "pos 5: BBa_K747079" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 5: no valid dna bases were entered" + "<\/h1>")
+
-
  if (base6 == "AA" || base6 == "Aa" || base6 == "aa" || base6 == "aA")
+
===Zinc Finger Historical Timeline===
-
  document.write("<h1>" + "pos 6: BBa_K747080" + "<\/h1>")
+
<html>
-
  else if (base6 == "AC" || base6 == "Ac" || base6 == "ac" || base6 == "aC")
+
<!-- BEGIN TIMELINE WHITEBOX HERE -->
-
  document.write("<h1>" + "pos 6: BBa_K747081" + "<\/h1>")
+
<div name="zfhistory">
-
    else if (base6 == "AG" || base6 == "Ag" || base6 == "ag" || base6 == "aG")
+
<div id="timeline">
-
  document.write("<h1>" + "pos 6: BBa_K747082" + "<\/h1>")
+
-
  else if (base6 == "AT" || base6 == "At" || base6 == "at" || base6 == "aT")
+
-
  document.write("<h1>" + "pos 6: BBa_K747083" + "<\/h1>")
+
-
  else if (base6 == "CA" || base6 == "Ca" || base6 == "ca" || base6 == "cA")
+
-
  document.write("<h1>" + "pos 6: BBa_K747084" + "<\/h1>")
+
-
  else if (base6 == "CC" || base6 == "Cc" || base6 == "cc" || base6 == "cC")
+
-
  document.write("<h1>" + "pos 6: BBa_K747085" + "<\/h1>")
+
-
  else if (base6 == "CG" || base6 == "Cg" || base6 == "cg" || base6 == "cG")
+
-
  document.write("<h1>" + "pos 6: BBa_K747086" + "<\/h1>")
+
-
  else if (base6 == "CT" || base6 == "Ct" || base6 == "ct" || base6 == "cT")
+
-
  document.write("<h1>" + "pos 6: BBa_K747087" + "<\/h1>")
+
-
  else if (base6 == "GA" || base6 == "Ga" || base6 == "ga" || base6 == "gA")
+
-
  document.write("<h1>" + "pos 6: BBa_K747088" + "<\/h1>")
+
-
  else if (base6 == "GC" || base6 == "Gc" || base6 == "gc" || base6 == "gC")
+
-
  document.write("<h1>" + "pos 6: BBa_K747089" + "<\/h1>")
+
-
  else if (base6 == "GG" || base6 == "Gg" || base6 == "gg" || base6 == "gG")
+
-
  document.write("<h1>" + "pos 6: BBa_K747090" + "<\/h1>")
+
-
  else if (base6 == "GT" || base6 == "Gt" || base6 == "gt" || base6 == "gT")
+
-
  document.write("<h1>" + "pos 6: BBa_K747091" + "<\/h1>")
+
-
  else if (base6 == "TA" || base6 == "Ta" || base6 == "ta" || base6 == "tA")
+
-
  document.write("<h1>" + "pos 6: BBa_K747092" + "<\/h1>")
+
-
  else if (base6 == "TC" || base6 == "Tc" || base6 == "tc" || base6 == "tC")
+
-
  document.write("<h1>" + "pos 6: BBa_K747093" + "<\/h1>")
+
-
  else if (base6 == "TG" || base6 == "Tg" || base6 == "tg" || base6 == "tG")
+
-
  document.write("<h1>" + "pos 6: BBa_K747094" + "<\/h1>")
+
-
  else if (base6 == "TT" || base6 == "Tt" || base6 == "tt" || base6 == "tT")
+
-
  document.write("<h1>" + "pos 6: BBa_K747095" + "<\/h1>")
+
-
  else
+
-
  document.write("<h1>" + "pos 6: no valid dna bases were entered" + "<\/h1>")
+
-
+
<ul id="dates">
-
  if (document.form01.effis[0].checked == true)
+
-
  document.write("<h1>" + "vector: Bba_K747096" + "<\/h1>")
+
-
  if (document.form01.effis[1].checked == true)
+
-
  document.write("<h1>" + "vector: Bba_K747097" + "<\/h1>")
+
-
 
+
<li><a href="#" class="dateobject">1985</a></li>
-
  }
+
-
 
+
-
+
 +
<li><a href="#" class="dateobject">1991</a></li>
-
  function focusset(anz,position) {
+
<li><a href="#" class="dateobject">1995</a></li>
-
  if (position == 1)
+
<li><a href="#" class="dateobject">1996</a></li>
-
  if (anz == 2)
+
-
  document.form01.base34.focus()
+
-
 
+
-
  if (position == 2)
+
-
  if (anz == 2)
+
-
  document.form01.base56.focus()
+
-
  if (position == 3)
+
<li><a href="#" class="dateobject">2000</a></li>
-
  if (anz == 2)
+
-
  document.form01.base78.focus()
+
-
  if (position == 4)
+
<li><a href="#" class="dateobject">2004</a></li>
-
  if (anz == 2)
+
-
  document.form01.base910.focus()
+
-
  if (position == 5)
+
<li><a href="#" class="dateobject">2008</a></li>
-
  if (anz == 2)
+
-
  document.form01.base1112.focus()
+
-
  }
+
<li><a href="#" class="dateobject">2009</a></li>
-
 
+
 +
<li><a href="#" class="dateobject">2011</a></li>
-
</script>
+
<li><a href="#" class="dateobject iGEM11">iGEM '11</a></li>
 +
</ul>
-
<body>
+
<ul id="issues">
-
<form name="form01" action="">
+
<li id="#1985">
 +
<img src="https://static.igem.org/mediawiki/2011/c/cb/HARV1985Miller_etal.png" width="256" height="256" />
-
<input type="text" name="base12" maxlength="2"
+
<div class="issuedate">Discovery of the zinc finger protein</div>
-
onkeydown="focusset(this.value.length,1)">
+
-
<input type="text" name="base34" maxlength="2"
+
-
onkeydown="focusset(this.value.length,2)">
+
-
<input type="text" name="base56" maxlength="2"
+
-
onkeydown="focusset(this.value.length,3)">
+
-
<input type="text" name="base78" maxlength="2"
+
-
onkeydown="focusset(this.value.length,4)">
+
-
<input type="text" name="base910" maxlength="2"
+
-
onkeydown="focusset(this.value.length,5)">
+
-
<input type="text" name="base1112" maxlength="2"
+
-
onkeydown="focusset(this.value.length,6)">
+
 +
<p>Jonathon Miller, A. D. McLachlan, and Sir Aaron Klug first identify the repeated binding motif in Transcription Factor IIIA and are the first to use the term ‘zinc finger.'</p>
-
<br><input type="radio" name="effis" value="TF" checked>TF
+
</li>
-
<br><input type="radio" name="effis" value="FokI">FokI
+
-
<input type="button" value="start"
+
<li id="#1991">
-
onclick="tal_check(document.form01.base12.value,document.form01.base34.value,document.form01.base56.value,document.form01.base78.value,document.form01.base910.value,document.form01.base1112.value)">
+
 +
<img src="https://static.igem.org/mediawiki/2011/7/76/HARVzif268_256.png" width="256" height="256" />
-
</body>
+
<div class="issuedate">First crystal structure of a zinc finger</div>
 +
<p>Carl Pabo and Nikola Pavletich of Johns Hopkins University solve the crystal structure of zif268, now the most-commonly studied zinc finger. This paved the way for construction of binding models to describe how zinc fingers bind to DNA, setting the foundation for future custom engineering of zinc finger proteins.</p>
 +
 +
</li>
 +
 +
<li id="#1995">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/4/49/HARVSangamo.png" width="256" height="256" />
 +
 +
<div class="issuedate">CEO Edward Lanphier founds Sangamo Biosciences</div>
 +
 +
<p>Edward Lanphier leaves Somatix Therapy Corporation and makes a deal for exclusive rights to the work of Srinivan Chandrasegaran of Johns Hopkins University who combined the Fok I nuclease with zinc fingers.</p>
 +
 +
</li>
 +
 +
<li id="#1996">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/7/73/HARVZFN_diagram_256.png" width="256" height="256" />
 +
 +
<div class="issuedate">Srinivasan Chandrasegaran publishes work on fusing the Fok I nuclease to zinc fingers</div>
 +
 +
<p>By attaching nuclease proteins to zinc fingers, a new genome editing tool was created. The DNA-binding specificity of zinc fingers combined with the DNA-cutting ability of nucleases opened up possibilities for future research in gene therapy by allowing researchers to directly modify the genome though use of zinc finger nucleases.</p>
 +
 +
</li>
 +
 +
<li id="#2000">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/5/5e/HARVStockSGMO_256.PNG" width="256" height="256" />
 +
 +
<div class="issuedate">Sangamo enters the public sector</div>
 +
 +
<p>In April 2000, five years after its founding, Sangamo Biosciences goes public offering 3.5 million shares at a starting value of $15 per share.</p>
 +
 +
</li>
 +
 +
<li id="#2004">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/f/ff/HARVTrademarkOffice.png" width="256" height="256" />
 +
 +
<div class="issuedate">Sangamo patents zinc finger nuclease technology</div>
 +
 +
<p>Sangamo's patent, titled "Nucleic acid binding proteins (zinc finger proteins design rules)", ensures that any use or production of zinc fingers with attached nucleases is the intellectual property of Sangamo.</p>
 +
 +
</li>
 +
 +
<li id="#2008">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/6/67/HARVOpen_256.png" width="256" height="256" />
 +
 +
<div class="issuedate">Rapid open source production of zinc finger nucleases becomes available</div>
 +
 +
<p>Researcher Keith Joung of Harvard University and Mass. General Hospital develops a method for making zinc finger nuclease proteins that bind to custom target sequences, utilizing a bacterial two-hybrid screening system to identify specific zinc finger binders to a DNA sequence of interest.</p>
 +
 +
</li>
 +
 +
<li id="#2009">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/8/87/HARVClinicaltrial_256.png" width="256" height="256" />
 +
 +
<div class="issuedate">Zinc finger nuclease enters clinical trials</div>
 +
 +
<p>Sangamo and University of Pennsylvania begin clinical trials with a zinc finger nuclease designed to target the CCR5 gene and inhibit HIV. Success of this therapeutic could prove a significant advance for gene therapy. </p>
 +
 +
 +
</li>
 +
 +
<li id="#2011">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/7/7f/HARVCoda_256.png" width="256" height="256" />
 +
 +
<div class="issuedate">Context-dependency improves open-source zinc finger engineering</div>
 +
 +
<p>Keith Joung publishes tables of zinc finger binding sites that account for context-dependent effects and can be rearranged to form custom zinc finger proteins that bind to a variety of DNA sequences. This greatly increases the ease of engineering novel zinc fingers based on the structures of previously characterized zinc fingers.</p>
 +
 +
</li>
 +
 +
<li id="#Harvard iGEM '11">
 +
 +
<img src="https://static.igem.org/mediawiki/2011/0/02/HARVveritaslogo_256.png" width="256" height="256" />
 +
 +
<div class="issuedate">Harvard iGEM develops a novel method to engineer custom zinc fingers</div>
 +
 +
<p>Using novel integration of existing technologies, we have developed a rapid, comparatively low-cost, <strong>open source</strong> method for making thousands of custom zinc fingers by integrating MAGE, lambda red, and chip-based synthesis technologies. Our work greatly increases the ease of access to zinc finger technology for researchers worldwide.</p>
 +
 +
</li>
 +
 +
</ul>
 +
 +
<div id="grad_left"></div>
 +
 +
<div id="grad_right"></div>
 +
 +
<a href="#" id="next">+</a>
 +
 +
<a href="#" id="prev">-</a>
 +
 +
</div>
 +
 +
 +
 +
 +
</div>
 +
 +
<!-- END TIMELINE WHITEBOX HERE -->
</html>
</html>

Latest revision as of 19:55, 25 September 2012




Using the Toolkit


Zinc Finger Historical Timeline

  • Discovery of the zinc finger protein

    Jonathon Miller, A. D. McLachlan, and Sir Aaron Klug first identify the repeated binding motif in Transcription Factor IIIA and are the first to use the term ‘zinc finger.'

  • First crystal structure of a zinc finger

    Carl Pabo and Nikola Pavletich of Johns Hopkins University solve the crystal structure of zif268, now the most-commonly studied zinc finger. This paved the way for construction of binding models to describe how zinc fingers bind to DNA, setting the foundation for future custom engineering of zinc finger proteins.

  • CEO Edward Lanphier founds Sangamo Biosciences

    Edward Lanphier leaves Somatix Therapy Corporation and makes a deal for exclusive rights to the work of Srinivan Chandrasegaran of Johns Hopkins University who combined the Fok I nuclease with zinc fingers.

  • Srinivasan Chandrasegaran publishes work on fusing the Fok I nuclease to zinc fingers

    By attaching nuclease proteins to zinc fingers, a new genome editing tool was created. The DNA-binding specificity of zinc fingers combined with the DNA-cutting ability of nucleases opened up possibilities for future research in gene therapy by allowing researchers to directly modify the genome though use of zinc finger nucleases.

  • Sangamo enters the public sector

    In April 2000, five years after its founding, Sangamo Biosciences goes public offering 3.5 million shares at a starting value of $15 per share.

  • Sangamo patents zinc finger nuclease technology

    Sangamo's patent, titled "Nucleic acid binding proteins (zinc finger proteins design rules)", ensures that any use or production of zinc fingers with attached nucleases is the intellectual property of Sangamo.

  • Rapid open source production of zinc finger nucleases becomes available

    Researcher Keith Joung of Harvard University and Mass. General Hospital develops a method for making zinc finger nuclease proteins that bind to custom target sequences, utilizing a bacterial two-hybrid screening system to identify specific zinc finger binders to a DNA sequence of interest.

  • Zinc finger nuclease enters clinical trials

    Sangamo and University of Pennsylvania begin clinical trials with a zinc finger nuclease designed to target the CCR5 gene and inhibit HIV. Success of this therapeutic could prove a significant advance for gene therapy.

  • Context-dependency improves open-source zinc finger engineering

    Keith Joung publishes tables of zinc finger binding sites that account for context-dependent effects and can be rearranged to form custom zinc finger proteins that bind to a variety of DNA sequences. This greatly increases the ease of engineering novel zinc fingers based on the structures of previously characterized zinc fingers.

  • Harvard iGEM develops a novel method to engineer custom zinc fingers

    Using novel integration of existing technologies, we have developed a rapid, comparatively low-cost, open source method for making thousands of custom zinc fingers by integrating MAGE, lambda red, and chip-based synthesis technologies. Our work greatly increases the ease of access to zinc finger technology for researchers worldwide.

Retrieved from "http://2012.igem.org/Team:Freiburg/Project/Part2"