Difference between revisions of "Team:BostonU/HomeOne"

(Blanked the page)
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{BostonU_we_tryin}}
 
<html>
 
<style>
 
  
#sideMenu, #top_title {display:none;}
 
body {background-color:white; }
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
body {min-width:1200px;}
 
 
.but {
 
display:inline-block;
 
cursor:pointer;
 
}
 
 
.but:hover {
 
transform:scale(1.2)
 
}
 
 
#preone {
 
white-space: pre-wrap;
 
white-space: -moz-pre-wrap;
 
white-space: -o-pre-wrap;
 
word-wrap: break-word;
 
}
 
 
 
#prime {
 
width:80%;
 
margin:0 auto;
 
height:300px;
 
overflow:hidden;
 
}
 
 
.para {
 
position:absolute;
 
width:65%;
 
font-size:120%;
 
left:20%;
 
opacity:0;
 
}
 
 
 
#ptwo, #pthree, #pfour, #pfive {
 
margin:0 auto;
 
width:70%;
 
opacity:1;
 
display:none;
 
}
 
 
#intro {
 
opacity:1}
 
 
</style>
 
<body>
 
<br>
 
<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>
 
<br>
 
 
<div id = "prime">
 
<div id = "intro" class = "para">
 
<div style = "font-size:200%; padding:20px 50px 10px 0px; text-align:center; color:#0071A7;">Our Blog: Introduction</div>
 
<center><hr style= "width:600px; height: 3px; background-color:#0071A7;"></center><br>
 
 
 
 
<p style = "color:#0071A7; font-size:110%;">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.
 
 
<center>
 
<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>
 
 
<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>
 
 
</center>
 
 
 
<center>
 
<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>
 
 
<audio controls style = "width:25%; padding: 0px 0px 0px 60px">
 
  <source src="https://static.igem.org/mediawiki/2016/a/a4/T--BostonU--Moaudio.mp3" type="audio/mpeg">
 
Your browser does not support the audio element.
 
</audio>
 
 
</center>
 
 
 
<p style = "color:#0071A7; font-size:110%;">Based on these discussions, we learned that this lack of participation stemmed 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>
 
</div>
 
 
 
 
<div id = "postone" class = "para">
 
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post One: Definitions</div>
 
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br>
 
<p style = "color:#0071A7; font-size:110%;">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. Click the button above to load a pdf version of this post.</p>
 
 
<br><br>
 
<div id = "ptwo">
 
<center><embed src="https://static.igem.org/mediawiki/2016/f/fc/T--BostonU--PostOne.pdf" style = "width:140%; height:98vh;"></center>
 
</div>
 
</div>
 
 
<div id = "posttwo" class = "para">
 
<div style = "font-size:200%; padding:20px 50px 10px 50px; text-align:center; color:#0071A7;">Post Two: Software IP</div>
 
<center><hr style= "width:600px; height: 3px; background-color:#0071A7"></center><br>
 
<p style = "color:#0071A7; font-size:110%;">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. Click the button above to load a pdf version of this post.</p>
 
 
<br><br>
 
<div id = "pthree">
 
<center><embed src="https://static.igem.org/mediawiki/2016/6/6e/T--BostonU--PostTwo.pdf" style = "width:140%; height:98vh;"></center>
 
</div>
 
</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>
 
<p style = "color:#0071A7; font-size:110%;">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. Click the button above to load a pdf version of this post.</p>
 
 
<br><br>
 
<div id = "pfour">
 
<center><embed src="https://static.igem.org/mediawiki/2016/4/41/T--BostonU--PostThree.pdf" style = "width:140%; height:98vh;"></center>
 
</div>
 
</div>
 
 
</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>
 
<p style = "font-size:200%; text-align:center">Coming Soon!</p>
 
</div>
 
</div>
 
<div id = "spacer" style = "height:22vh; width:100%; z-index:-1;"></div>
 
 
<div style = "height:100px;" id = "spacer"></div>
 
<center><a href = "https://2016.igem.org/Team:BostonU/Transcripts" style = "color:blue; font-size:150%; z-index:200;">Interview Transcript PDFs</a></center>
 
</body>
 
 
<script type="text/javascript">
 
$(document).ready(
 
    function(){
 
 
  var n = 1;
 
  $("#one").click(function () {
 
            $('#ptwo').hide(200);
 
            $('#pthree').hide(200);
 
            $("#pfour").hide(200);
 
            $('#pfive').hide(200);
 
            $('#postone').animate({'opacity':'0'}, 0);
 
            $('#postthree').animate({'opacity':'0'}, 0);
 
            $('#postfour').animate({'opacity':'0'}, 0);
 
            $('#posttwo').animate({'opacity':'0'}, 0);
 
            $('#spacer').animate({'height':'22vh'}, 0);
 
            n=1;
 
        });
 
  $("#two").click(function () {
 
            $('#ptwo').show(200);
 
            $('#pthree').hide(200);
 
            $("#pfour").hide(200);
 
            $('#pfive').hide(200);
 
            $('#intro').animate({'display':'none'}, 200);
 
            $('#posttwo').animate({'opacity':'0'}, 0);
 
            $('#postthree').animate({'opacity':'0'}, 0);
 
            $('#postfour').animate({'opacity':'0'}, 0);
 
            $('#spacer').animate({'height':'120vh'}, 0);
 
            n=2;
 
        });
 
  $("#three").click(function () {
 
            $('#ptwo').hide(200);
 
            $('#pthree').show(200);
 
            $("#pfour").hide(200);
 
            $('#pfive').hide(200);
 
            $('#intro').animate({'opacity':'0'}, 0);
 
            $('#postone').animate({'opacity':'0'}, 0);
 
            $('#postthree').animate({'opacity':'0'}, 0);
 
            $('#postfour').animate({'opacity':'0'}, 0);
 
            $('#spacer').animate({'height':'120vh'}, 0);
 
            n=3;
 
        });
 
  $("#four").click(function () {
 
            $('#ptwo').hide(200);
 
            $('#pthree').hide(200);
 
            $("#pfour").show(200);
 
            $('#pfive').hide(200);
 
            $('#intro').animate({'opacity':'0'}, 0);
 
            $('#postone').animate({'opacity':'0'}, 0);
 
            $('#posttwo').animate({'opacity':'0'}, 0);
 
            $('#postfour').animate({'opacity':'0'}, 0);
 
            $('#spacer').animate({'height':'120vh'}, 0);
 
            n=4;
 
        });
 
  $("#five").click(function () {
 
            $('#ptwo').hide(200);
 
            $('#pthree').hide(200);
 
            $("#pfour").hide(200);
 
            $('#pfive').show(200);
 
            $('#intro').animate({'opacity':'0'}, 0);
 
            $('#postone').animate({'opacity':'0'}, 0);
 
            $('#posttwo').animate({'opacity':'0'}, 0);
 
            $('#postthree').animate({'opacity':'0'}, 0);
 
            $('#spacer').animate({'height':'22vh'}, 0);
 
            n=5;
 
        });
 
  $("#one").mouseenter(function () {
 
        $('#intro').animate({'opacity':'1'}, 0);
 
        $('#postone').animate({'opacity':'0'}, 0);
 
        $('#posttwo').animate({'opacity':'0'}, 0);
 
        $('#postthree').animate({'opacity':'0'}, 0);
 
        $('#postfour').animate({'opacity':'0'}, 0);
 
 
    });
 
  $("#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>
 
 
 
 
</html>
 

Latest revision as of 21:50, 19 October 2016