Difference between revisions of "Team:BostonU/HomeOne"

(Undo revision 217756 by Wkjben (talk))
Line 8: Line 8:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
body {
+
body {min-width:1200px;}
−
min-width:1200px;
+
−
}
+
  
−
#one {
+
.but {
−
position:absolute;
+
display:inline-block;
−
left:10%;
+
cursor:pointer;
−
background-color:black;
+
−
width:80%;
+
 
}
 
}
  
−
#two {
+
.but:hover {
−
position:absolute;
+
transform:scale(1.2)
−
left:-110%;
+
 
}
 
}
  
−
#three {
+
#preone {
−
position:absolute;
+
white-space: pre-wrap;
−
left:-110%;
+
white-space: -moz-pre-wrap;
 +
white-space: -o-pre-wrap;
 +
word-wrap: break-word;
 
}
 
}
  
−
#four {
 
−
position:absolute;
 
−
left:-110%;
 
−
}
 
  
−
#five {
+
#prime {
−
position:absolute;
+
width:80%;
−
left:-110%;
+
margin:0 auto;
−
}
+
height:300px;
−
 
+
−
#six {
+
−
position:absolute;
+
−
left:-110%;
+
−
}
+
−
 
+
−
#container {
+
−
width:100%;
+
−
height:600px;
+
−
position:absolute;
+
 
overflow:hidden;
 
overflow:hidden;
 
}
 
}
  
−
#button {
+
.para {
 
position:absolute;
 
position:absolute;
−
top:500px;
+
width:60%;
−
left:90%;
+
font-size:120%;
 +
left:20%;
 +
opacity:0;
 
}
 
}
  
−
#button:hover, #buttontwo:hover, #buttontwotwo:hover, buttonthree:hover {
 
−
transform:scale(1.2);
 
−
}
 
  
−
#buttonname {
+
#ptwo, #pthree, #pfour, #pfive {
−
width:12vw;
+
margin:0 auto;
−
height:5vw;
+
width:70%;
−
color:#0071A7;
+
opacity:1;
−
text-align:center;
+
display:none;
−
font-size:175%;
+
−
position:absolute;
+
−
top:450px;
+
−
left:85%;
+
 
}
 
}
  
−
#buttontwo {
+
#intro {
−
position:absolute;
+
opacity:1}
−
top:438px;
+
−
left:80%;
+
  
−
}
+
</style>
 +
<body>
  
−
#buttonnametwo {
+
<div id = "prime">
−
width:12vw;
+
<div id = "intro" class = "para">
−
height:5vw;
+
<div style = "font-size:200%; padding:20px 50px 10px 0px; text-align:center; color:#0071A7;">Our Blog: Introduction</div>
−
color:#bd162a;
+
<center><hr style= "width:600px; height: 3px; background-color:#0071A7;"></center><br>
−
text-align:center;
+
−
font-size:175%;
+
−
position:absolute;
+
−
top:383px;
+
−
left:75.5%;
+
−
}
+
  
−
#buttontwotwo {
 
−
position:absolute;
 
−
top:290px;
 
−
left:80%;
 
  
−
}
 
  
−
#buttonnametwotwo {
+
<p>During our first few weeks of iGEM, we attended a conference on mammalian synthetic biology.
−
width:12vw;
+
Part of this conference included a panel discussion of intellectual copyright and patent law. However, most of the conference goers did not attend this segment. We spoke with several professors in synthetic biology at Boston University. You can hear their interviews below. A link to full pdf transcripts of the interviews can be found at the bottom of this page.
−
height:5vw;
+
−
color:#bd162a;
+
−
text-align:center;
+
−
font-size:175%;
+
−
position:absolute;
+
−
top:240px;
+
−
left:75.5%;
+
−
}
+
  
−
#buttonthree {
+
<center>
−
position:absolute;
+
<a href = "https://2016.igem.org/Team:BostonU/Transcripts" style = "display:inline-block; width:25%; color:black; padding:10px 60px 0px 0px;">Doug Densmore</a>
−
top:65vh;
+
−
left:37vw;
+
−
}
+
  
−
#buttonthree:hover {
+
<a href = "https://2016.igem.org/Team:BostonU/Transcripts" style = "display:inline-block; width:25%; color:black; padding:10px 0px 0px 60px;">Mo Khalil</a>
−
transform:scale(1.2)
+
−
}
+
  
−
#media {
+
</center>
−
background-color:white;
+
−
}
+
  
−
#twit, #face, #snap, #email {
 
−
width:100px;
 
−
height:100px;
 
−
padding: 30px;
 
−
}
 
  
−
#twit:hover, #face:hover, #snap:hover, #email:hover {
+
<center>
−
transform:scale(1.5)
+
<audio controls style = "width:25%; padding: 0px 60px 0px 0px">
−
}
+
  <source src="https://static.igem.org/mediawiki/2016/0/01/T--BostonU--.Dougaudio.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
  
−
.secret {
+
<audio controls style = "width:25%; padding: 0px 0px 0px 60px">
−
opacity:0;
+
  <source src="https://static.igem.org/mediawiki/2016/a/a4/T--BostonU--Moaudio.mp3" type="audio/mpeg">
−
background-color:red;
+
Your browser does not support the audio element.
−
cursor:crosshair;
+
</audio>
−
}
+
  
−
</style>
+
</center>
  
−
<body>
 
−
<div id = "container">
 
−
<div id = "one" class = "show">
 
−
<img style = "width:100%;" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg" id = "gem">
 
−
</div>
 
  
−
<div style = "width:80%;" id = "two" class = "show">
+
<p>Based on these discussion, we learned that this lack of participation stemed from either a lack of interest or lack of understanding of intellectual property rights. However, this subject area is vital to synthetic biology, and intellectual property rights can have serious consequences. Therefore, we took it upon ourselves to create a blog called "Who Owns What" to help educate the synthetic biology community in this area. Hover over the buttons below to see a description of each post, and click on the button to load a pdf of each post. Our full blog with each post can be found on wordpress: <a href = "https://buigem2016.wordpress.com/" style = "color:blue;">here</a></p>
−
<br>
+
−
<center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">Our Project</center>
+
−
<br><center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
+
−
<center><p style = "width:80%; color:#0071A7; font-size:125%; padding:15px;">In nature, some cells have the ability to detect if certain environmental signals such as hormones, drugs, or wavelengths of light are present or absent. These digital signals can then determine the analog expression level of certain genes. Our project aims to replicate this natural process through a dCas9 based system. Our system, Gemini, is able to recognize the presence (represented by a 1) or the absence (represented by a 0) of several environmental signals and change a gene's level of expression based on what combination of signals it is registering. For a more detailed description, start the Project Tour.</p>
+
−
<img style = "width:28%; padding:0px 5%;" src = "https://static.igem.org/mediawiki/2016/5/51/T--BostonU--Signals.png">
+
−
<img style = "width:25%; padding:0px 5%;" src = "https://static.igem.org/mediawiki/2016/6/6a/T--BostonU--digi.png">
+
−
</center>
+
−
<div id = "buttonname">
+
−
<br>
+
−
Project Tour
+
 
</div>
 
</div>
  
−
<div id = "button">
 
−
<a href="https://2016.igem.org/Team:BostonU/Description"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/f/ff/T--BostonU--bluefor.png"></a>
 
−
</div>
 
−
</div>
 
−
</div>
 
  
−
<div style = "width:80%;" id = "three" class = "show">
 
−
<br>
 
−
<center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">HP Projects</center>
 
−
<br><center><hr style= "width:702px; height: 3px; background-color:#bd162a;"></center>
 
−
<center><p style = "width:80%; color:#bd162a; font-size:125%; padding:15px;">In addition to creating Gemini, our team also aimed to go beyond the lab space and contribute to the synthetic biology community in other ways. In addition to volunteering for several outreach programs, we also developed two human practices projects. The first was creating a set of interactive discussion forums meant to make synthetic biology more accessible to the public. The second was a blog intended to inform synthetic biologists about important considerations and implications in patent law and intellectual property. To see a timeline of how we created our forums or explore our blog posts, click the buttons below.</p>
 
−
<img style = "float:left; width:30%; padding:2% 0% 2% 10%;" src = "https://static.igem.org/mediawiki/2016/e/e0/T--BostonU--Summer_Pathways.jpg">
 
−
<img style = "width:30%; padding:2%; float:left;" src = "https://static.igem.org/mediawiki/2016/f/f8/T--BostonU--Forums.jpg">
 
−
</center>
 
  
−
<div id = "buttonnametwo">
+
<div id = "postone" class = "para">
−
<br>
+
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post One: Definitions</div>
−
Forums
+
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br><br><br><br>
−
</div>
+
Our post, “A General Overview of Intellectual Property in Synthetic Biology: Part 1” began our blog series by going over the basics of intellectual property.  In essence, the post provided needed background and definitions such as patent, copyright and trademark,  as well as a roadmap to future posts.
  
−
<div id = "buttontwotwo">
 
−
<a href="https://2016.igem.org/Team:BostonU/HP/Silver"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/1/1d/T--BostonU--redfor.png"></a>
 
 
</div>
 
</div>
−
 
+
<div id = "posttwo" class = "para">
−
<div id = "buttonnametwotwo">
+
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post Two: Software IP</div>
−
<br>
+
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br><br><br><br>
−
Blog
+
Our post, “A General Overview of Intellectual Property in Synthetic Biology: Part 2” continued the flurry of necessary definitions from Part 1, but went farther and began drawing comparisons between intellectual property in synthetic biology and the closest cousin in regards to policy and property laws: software. 
 +
</div>
 +
<div id = "postthree" class = "para">
 +
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post 3: IP in Synthetic Biology Part 1</div>
 +
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br><br><br><br>
 +
Our post, “IP in Synthetic Biology: Part 1” offers a brief history of intellectual property from the beginning of such laws in Venice in the late 1400s to the beginning of the copyright and patent system in the U.S. in the 1790s.  The post poses questions to the reader to induce a discussion in how intellectual property laws have expanded in breadth of protection since the beginning.
 +
</div>
 +
<div id = "postfour" class = "para">
 +
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post 4: IP in Synthetic Biology Part 2</div>
 +
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br><br><br><br>
 +
<p style = "font-size:200%; text-align:center">Coming Soon!</p>
 
</div>
 
</div>
−
 
−
<div id = "buttontwo">
 
−
<a href="https://2016.igem.org/Team:BostonU/HP/Gold"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/1/1d/T--BostonU--redfor.png"></a>
 
 
</div>
 
</div>
 +
<div id = "spacer" style = "height:50px; width:100%; z-index:-1;"></div>
  
 +
<div id = "container">
 +
<center>
 +
<img class = 'but' id = 'one' style = "width:125px; padding:0px 30px 0px 30px;" src = "https://static.igem.org/mediawiki/2016/a/ad/T--BostonU--Intro.png">
 +
<img class = 'but' id = 'two' style = "width:125px; padding:0px 30px 0px 30px;" src = "https://static.igem.org/mediawiki/2016/6/6c/T--BostonU--DefinitionBubble.png">
 +
<img class = 'but' id = 'three' style = "width:125px; padding:0px 30px 0px 30px;" src = "https://static.igem.org/mediawiki/2016/7/7e/T--BostonU--SoftwareBub.png">
 +
<img class = 'but' id = 'four' style = "width:125px; padding:0px 30px 0px 30px;" src = "https://static.igem.org/mediawiki/2016/e/ed/T--BostonU--HisPartOne.png">
 +
<img class = 'but' id = 'five' style = "width:125px; padding:0px 30px 0px 30px;" src = "https://static.igem.org/mediawiki/2016/7/7d/T--BostonU--HisPartTwo.png">
 +
</center>
 
</div>
 
</div>
  
−
<div style = "width:80%;" id = "four" class = "show">
+
<div id = "tert">
−
<br>
+
<br><br>
−
<center style = "font-size:230%; font-family:Trebuchet MS; color:#507f54;">For the Judges</center>
+
<div id = "ptwo">
−
<br><center><hr style= "width:702px; height: 3px; background-color:#507f54;"></center>
+
<center><embed src="https://static.igem.org/mediawiki/2016/f/fc/T--BostonU--PostOne.pdf" style = "width:100%; height:98vh;"></center>
−
<center><img src = "https://static.igem.org/mediawiki/2016/9/9e/T--BostonU--Medals.png" style = "width:60%;"></center>
+
−
<p style = "text-align:center; color:#507f54; font-size:175%;">A full list of how we met each medal requirement can be found here:</p></center>
+
−
 
+
−
<div id = "buttonthree">
+
−
<a href="https://2016.igem.org/Team:BostonU/Medal_Criteria"><img style = "width:6vw" src = "https://static.igem.org/mediawiki/2016/c/c4/T--BostonU--Greenforward.png"></a>
+
−
</div>
+
 
</div>
 
</div>
  
−
<div style = "width:80%;" id = "five" class = "show">
 
−
<br>
 
−
<center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">Team Gemini</center>
 
−
<br><center><hr style= "width:702px; height: 3px; background-color:#0071A7;"></center>
 
  
−
<div class = "secret" id = "secretone" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:19%; top:80px;"></div>
 
−
<div class = "secret" id = "secrettwo" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:53%; top:175px;"></div>
 
−
<div class = "secret" id = "secretthree" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:80%; top:170px;"></div>
 
  
−
<center><img src = "https://static.igem.org/mediawiki/2016/5/5c/T--BostonU--Team_Collage.png" style = "width:80%; position:relative; top:-125px;"><center>
 
  
−
<div id = "appear" style = "width:30px; height:30px; background-color:blue; display:none; z-index:-100; position:relative; top:-600px; left:-100px;"><a href = "https://www.google.com/"><img src = "https://static.igem.org/mediawiki/2016/2/2f/T--BostonU--Pushit.png" style = "width:200px; height:500px;"></a></div>
+
<div id = "pthree">
−
 
+
<center><embed src="https://static.igem.org/mediawiki/2016/6/6e/T--BostonU--PostTwo.pdf" style = "width:100%; height:98vh;"></center>
−
<div id = "buttonname">
+
−
<br>
+
−
Attributions
+
 
</div>
 
</div>
  
−
<div id = "button">
+
 
−
<a href="https://2016.igem.org/Team:BostonU/Attributions"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/f/ff/T--BostonU--bluefor.png"></a>
+
<div id = "pfour">
−
</div>
+
<center><embed src="https://static.igem.org/mediawiki/2016/6/6e/T--BostonU--PostTwo.pdf" style = "width:100%; height:98vh;"></center>
 
</div>
 
</div>
  
 +
<div id = "pfive">
 
</div>
 
</div>
  
−
<div style = "width:10%; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%; cursor:pointer;" id = "forward"><div style = "height:300px;"></div>><div style = "height:300px;"></div></div>
 
−
<div style = "width:10%; cursor:pointer; height:600px; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; left:-1%; z-index:100;" id = "reverse"><div style = "height:300px;"></div><<div style = "height:300px;"></div></div>
 
−
 
−
<div style = "width:80%; height:600px;" id = "six" class = "show">
 
−
<br>
 
−
<br>
 
−
<center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">Thank You to Our Sponsors</center>
 
−
<br><center><hr style= "width:702px; height: 3px; background-color:#507f54;"></center>
 
−
<center><img src = "https://static.igem.org/mediawiki/2016/e/eb/T--BostonU--Sponsors.jpg" style = "width:80%"><center>
 
 
</div>
 
</div>
  
−
<div style = "width:100%; height:600px;"></div>
+
<div style = "height:100px;"></div>
−
<br><br><br>
+
<center><a href = "https://2016.igem.org/Team:BostonU/Transcripts" style = "color:blue; font-size:150%; z-index:200;">Interview Transcript PDFs</a></center>
−
<div id = "media">
+
−
<center style = "font-size:230%; padding:25px; color:#0071A7;">Follow us on:</center>
+
−
</div>
+
−
<center>
+
−
<a href = "https://twitter.com/buigemwl2016"> <img id = "twit" src = "https://static.igem.org/mediawiki/2016/e/ee/T--BostonU--twitterlogo.png"> </a>
+
−
<a href = "https://mail.google.com/mail/?view=cm&fs=1&to=bu.igemwl2016@gmail.com&su=&body=&bcc="><img id = "email" src = "https://static.igem.org/mediawiki/2016/c/c3/T--BostonU--gmaillogo.png"></a>
+
−
<a href = "https://www.facebook.com/buigemwl2016"> <img id = "face" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--facebooklogo.jpg"></a>
+
−
<img id =  "snap" src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--snapchatlogo.png">
+
−
<br><br><br><br><br><br><br>
+
−
</center>
+
 
</body>
 
</body>
  
−
<script type="text/javascript">
+
<script type="text/javascript">
 
  $(document).ready(
 
  $(document).ready(
 
     function(){
 
     function(){
−
var n = 2;
 
−
var t = 40;
 
−
var p = 0;
 
−
setInterval(function () {t = t+1}, 1000);
 
−
$("#two").click(function () {
 
−
t = 0;
 
−
});
 
−
$("#three").click(function () {
 
−
t = 0;
 
−
});
 
−
$("#four").click(function () {
 
−
t = 0;
 
−
});
 
−
$("#five").click(function () {
 
−
t = 0;
 
−
});
 
−
setInterval(function () {
 
−
      if (t>39) {
 
−
      n = n+.5;
 
−
      if (n==2.5 || n == 3) {
 
−
      $("#two").css('left', '110%')
 
−
      $('#two').animate({'left':'10%'}, 500);
 
−
      $("#one").animate({'left':'-110%'}, 500);
 
−
        n = 3;}
 
−
      else if (n==4) {
 
−
      $("#three").css('left', '110%');
 
−
      $('#three').animate({'left':'10%'}, 500);
 
−
      $("#two").animate({'left':'-110%'}, 500);}
 
−
      else if (n==5) {
 
−
      $("#four").css('left', '110%');
 
−
      $('#four').animate({'left':'10%'}, 500);
 
−
      $("#three").animate({'left':'-110%'}, 500);}
 
−
      else if (n==6) {
 
−
      $("#five").css('left', '110%');
 
−
      $('#five').animate({'left':'10%'}, 500);
 
−
      $("#four").animate({'left':'-110%'}, 500);}
 
−
      else if (n == 7) {
 
−
      $("#six").css('left', '110%');
 
−
      $("#five").animate({'left':'-110%'}, 500);
 
−
      $("#six").animate({'left':'10%'}, 500);}
 
−
      else if (n == 8) {
 
−
      $("#one").css('left', '110%');
 
−
      $("#six").animate({'left':'-110%'}, 500);
 
−
      $("#one").animate({'left':'10%'}, 500);
 
−
      n = 2;}}
 
−
    }, 3000);
 
  
−
   $("#forward").click(function () {
+
  var n = 1;
−
      t = 0;
+
   $("#one").click(function () {
−
      n = n+1; 
+
            $('#ptwo').hide(200);
−
      if (n==3 || n==3.5) {
+
            $('#pthree').hide(200);
−
      $("#two").css('left', '110%')
+
            $("#pfour").hide(200);
−
      $('#two').animate({'left':'10%'}, 500);
+
            $('#pfive').hide(200);
−
      $("#one").animate({'left':'-110%'}, 500);}
+
            $('#postone').animate({'opacity':'0'}, 0);
−
      else if (n==4 || n==4.5) {
+
            $('#postthree').animate({'opacity':'0'}, 0);
−
      $("#three").css('left', '110%');
+
            $('#postfour').animate({'opacity':'0'}, 0);
−
      $('#three').animate({'left':'10%'}, 500);
+
            $('#posttwo').animate({'opacity':'0'}, 0);
−
      $("#two").animate({'left':'-110%'}, 500);}
+
            n=1;
−
      else if (n==5 || n==5.5) {
+
        });
−
      $("#four").css('left', '110%');
+
  $("#two").click(function () {
−
      $('#four').animate({'left':'10%'}, 500);
+
            $('#ptwo').show(200);
−
      $("#three").animate({'left':'-110%'}, 500);}
+
            $('#pthree').hide(200);
−
      else if (n==6 || n==6.5) {
+
            $("#pfour").hide(200);
−
      $("#five").css('left', '110%');
+
            $('#pfive').hide(200);
−
      $('#five').animate({'left':'10%'}, 500);
+
            $('#intro').animate({'display':'none'}, 200);
−
      $("#four").animate({'left':'-110%'}, 500);
+
            $('#posttwo').animate({'opacity':'0'}, 0);
−
      t = 30;}
+
            $('#postthree').animate({'opacity':'0'}, 0);
−
      else if (n == 7 || n==7.5) {
+
            $('#postfour').animate({'opacity':'0'}, 0);
−
      $("#six").css('left', '110%');
+
            n=2;
−
      $("#five").animate({'left':'-110%'}, 500);
+
        });
−
      $("#six").animate({'left':'10%'}, 500);
+
  $("#three").click(function () {
−
      t = 30;}
+
            $('#ptwo').hide(200);
−
      else if (n == 8 || n == 8.5) {
+
            $('#pthree').show(200);
−
      $("#one").css('left', '110%');
+
            $("#pfour").hide(200);
−
      $("#six").animate({'left':'-110%'}, 500);
+
            $('#pfive').hide(200);
−
      $("#one").animate({'left':'10%'}, 500);
+
            $('#intro').animate({'opacity':'0'}, 0);
−
      n = 2;
+
            $('#postone').animate({'opacity':'0'}, 0);
−
      t = 30;}
+
            $('#postthree').animate({'opacity':'0'}, 0);
−
    });
+
            $('#postfour').animate({'opacity':'0'}, 0);
−
 
+
            n=3;
−
   $("#reverse").click(function () {
+
        });
−
      t = 0;
+
   $("#four").click(function () {
−
      n = n-1;
+
            $('#ptwo').hide(200);
−
      if (n == 1 || n==1.5) {
+
            $('#pthree').hide(200);
−
      $("#six").css('left', '-110%');
+
            $("#pfour").show(200);
−
      $("#six").animate({'left':'10%'}, 500);
+
            $('#pfive').hide(200);
−
      $("#one").animate({'left':'110%'}, 500);
+
            $('#intro').animate({'opacity':'0'}, 0);
−
      n = 7;
+
            $('#postone').animate({'opacity':'0'}, 0);
−
      t = 30;}   
+
            $('#posttwo').animate({'opacity':'0'}, 0);
−
      else if (n==2 || n==2.5) {
+
            $('#postfour').animate({'opacity':'0'}, 0);
−
      $("#one").css('left', '-110%');
+
            n=4;
−
      $('#one').animate({'left':'10%'}, 500);
+
        });
−
      $("#two").animate({'left':'110%'}, 500);
+
  $("#five").click(function () {
−
      t = 30;}
+
            $('#ptwo').hide(200);
−
      else if (n==3 || n==3.5) {
+
            $('#pthree').hide(200);
−
      $("#two").css('left', '-110%');
+
            $("#pfour").hide(200);
−
      $('#two').animate({'left':'10%'}, 500);
+
            $('#pfive').show(200);
−
      $("#three").animate({'left':'110%'}, 500);
+
            $('#intro').animate({'opacity':'0'}, 0);
−
      $("#four").css('left', '-110%');}
+
            $('#postone').animate({'opacity':'0'}, 0);
−
      else if (n==4 || n==4.5) {
+
            $('#posttwo').animate({'opacity':'0'}, 0);
−
      $("#three").css('left', '-110%');
+
            $('#postthree').animate({'opacity':'0'}, 0);
−
      $('#three').animate({'left':'10%'}, 500);
+
            n=5;
−
      $("#four").animate({'left':'110%'}, 500);}
+
        });
−
      else if (n==5 || n==5.5) {
+
  $("#one").mouseenter(function () {
−
      $("#four").css('left', '-110%');
+
        $('#intro').animate({'opacity':'1'}, 0);
−
      $('#four').animate({'left':'10%'}, 500);
+
        $('#postone').animate({'opacity':'0'}, 0);
−
      $("#five").animate({'left':'110%'}, 500);}
+
        $('#posttwo').animate({'opacity':'0'}, 0);
−
      else if (n==6 || n==6.5) {
+
        $('#postthree').animate({'opacity':'0'}, 0);
−
      $("#five").css('left', '-110%');
+
        $('#postfour').animate({'opacity':'0'}, 0);
−
      $('#five').animate({'left':'10%'}, 500);
+
−
      $("#six").animate({'left':'110%'}, 500);
+
−
      t = 30;}
+
−
    });
+
  
 +
    });
 +
  $("#one").mouseleave(function () {
 +
        if (n == 1) {
 +
        $('#postone').removeClass('.but');
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'1'}, 0);
 +
        $('#one').animate({'opacity':'1'}, 0);}
 +
        else if (n == 2) {
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'1'}, 0);}
 +
        else if (n == 4) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);}
 +
        else if (n == 5) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);}
 +
        else if (n == 3) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);}
 +
    });
 +
  $("#two").mouseenter(function () {
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'1'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
    });
 +
  $("#two").mouseleave(function () {
 +
        if (n == 1) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'1'}, 0);}
 +
        else if (n == 2) {
 +
        $('intro').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);}
 +
        else if (n == 4) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);}
 +
        else if (n == 5) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);}
 +
        else if (n == 3) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);}
 +
    });
 +
  $("#three").mouseenter(function () {
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#three').animate({'opacity':'1'}, 0);
 +
    });
 +
  $("#three").mouseleave(function () {
 +
        if (n == 1) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'1'}, 0);}
 +
        else if (n == 2) {
 +
        $('intro').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'1'}, 0);}
 +
        else if (n == 4) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);}
 +
        else if (n == 5) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);}
 +
        else if (n == 3) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);}
 +
    });
 +
  $("#four").mouseenter(function () {
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
    });
 +
  $("#four").mouseleave(function () {
 +
        if (n == 1) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'1'}, 0);}
 +
        else if (n == 2) {
 +
        $('intro').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'1'}, 0);}
 +
        else if (n == 4) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);}
 +
        else if (n == 5) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);}
 +
        else if (n == 3) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);}
 +
    });
 +
  $("#five").mouseenter(function () {
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);
 +
    });
 +
  $("#five").mouseleave(function () {
 +
        if (n == 1) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'1'}, 0);}
 +
        else if (n == 2) {
 +
        $('intro').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postone').animate({'opacity':'1'}, 0);}
 +
        else if (n == 4) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'1'}, 0);}
 +
        else if (n == 5) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'1'}, 0);}
 +
        else if (n == 3) {
 +
        $('#postone').animate({'opacity':'0'}, 0);
 +
        $('#intro').animate({'opacity':'0'}, 0);
 +
        $('#postthree').animate({'opacity':'0'}, 0);
 +
        $('#postfour').animate({'opacity':'0'}, 0);
 +
        $('#posttwo').animate({'opacity':'1'}, 0);}
 +
    });
 
   });
 
   });
 
</script>
 
</script>
  
−
<script type="text/javascript">
+
 
−
$(document).ready(
+
 
−
    function(){
+
−
      var t = 1;
+
−
      $("#secretone").click(function () {
+
−
      t = 2;
+
−
      });
+
−
      $("#secrettwo").click(function () {
+
−
      t = t + 2;
+
−
      });
+
−
      $("#secretthree").click(function () {
+
−
      t = t +1;
+
−
      if (t == 5) {
+
−
            $("#appear").show(500);
+
−
            $("#appear").css('z-index', '200');}
+
−
      else {
+
−
            t = 1;}
+
−
      });
+
−
  });
+
−
</script>
+
 
</html>
 
</html>

Revision as of 02:05, 18 October 2016

Our Blog: Introduction

During our first few weeks of iGEM, we attended a conference on mammalian synthetic biology. Part of this conference included a panel discussion of intellectual copyright and patent law. However, most of the conference goers did not attend this segment. We spoke with several professors in synthetic biology at Boston University. You can hear their interviews below. A link to full pdf transcripts of the interviews can be found at the bottom of this page.

Doug Densmore Mo Khalil

Based on these discussion, we learned that this lack of participation stemed from either a lack of interest or lack of understanding of intellectual property rights. However, this subject area is vital to synthetic biology, and intellectual property rights can have serious consequences. Therefore, we took it upon ourselves to create a blog called "Who Owns What" to help educate the synthetic biology community in this area. Hover over the buttons below to see a description of each post, and click on the button to load a pdf of each post. Our full blog with each post can be found on wordpress: here

Post One: Definitions




Our post, “A General Overview of Intellectual Property in Synthetic Biology: Part 1” began our blog series by going over the basics of intellectual property. In essence, the post provided needed background and definitions such as patent, copyright and trademark, as well as a roadmap to future posts.
Post Two: Software IP




Our post, “A General Overview of Intellectual Property in Synthetic Biology: Part 2” continued the flurry of necessary definitions from Part 1, but went farther and began drawing comparisons between intellectual property in synthetic biology and the closest cousin in regards to policy and property laws: software.
Post 3: IP in Synthetic Biology Part 1




Our post, “IP in Synthetic Biology: Part 1” offers a brief history of intellectual property from the beginning of such laws in Venice in the late 1400s to the beginning of the copyright and patent system in the U.S. in the 1790s. The post poses questions to the reader to induce a discussion in how intellectual property laws have expanded in breadth of protection since the beginning.
Post 4: IP in Synthetic Biology Part 2




Coming Soon!



Interview Transcript PDFs