Team:Oxford/P&P intellectual property
From 2014.igem.org
(Difference between revisions)
(109 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
@import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300); | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300); | ||
- | |||
html, body { | html, body { | ||
max-width: 100%; | max-width: 100%; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
- | |||
body { | body { | ||
background-color: #EBEBEB; | background-color: #EBEBEB; | ||
Line 22: | Line 19: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
- | |||
#content { | #content { | ||
border:none; | border:none; | ||
Line 30: | Line 26: | ||
background:none; | background:none; | ||
} | } | ||
- | |||
#catlinks { | #catlinks { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#contentSub { | #contentSub { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#menubar { | #menubar { | ||
width: auto; | width: auto; | ||
margin-top:0.5%; | margin-top:0.5%; | ||
} | } | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent; | background-color: transparent; | ||
Line 59: | Line 51: | ||
color: gray; | color: gray; | ||
} | } | ||
- | |||
#menubar.left-menu.noprint ul li:last-child { | #menubar.left-menu.noprint ul li:last-child { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#search-controls { | #search-controls { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
height:0px; | height:0px; | ||
Line 73: | Line 62: | ||
border:none; | border:none; | ||
} | } | ||
- | |||
#footer-box { | #footer-box { | ||
border:none; | border:none; | ||
Line 79: | Line 67: | ||
width:100%; | width:100%; | ||
} | } | ||
- | |||
#p-logo { | #p-logo { | ||
display:none | display:none | ||
} | } | ||
- | |||
.firstHeading { | .firstHeading { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#bodyContent p{ | #bodyContent p{ | ||
display:none; | display:none; | ||
} | } | ||
- | |||
html, div, span, applet, object, iframe, | html, div, span, applet, object, iframe, | ||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
Line 112: | Line 96: | ||
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
width: 965px; | width: 965px; | ||
Line 119: | Line 102: | ||
padding: 0; | padding: 0; | ||
border: none;} | border: none;} | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
#menubar li a { | #menubar li a { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
.outer { | .outer { | ||
position:fixed; | position:fixed; | ||
Line 131: | Line 111: | ||
height:100%; | height:100%; | ||
} | } | ||
- | |||
img.supercoil { | img.supercoil { | ||
width:65%; | width:65%; | ||
display: block; | display: block; | ||
margin-left: auto; | margin-left: auto; | ||
- | margin-right: auto | + | margin-right: auto |
- | + | } | |
.Heading { | .Heading { | ||
position:absolute; | position:absolute; | ||
display: block; | display: block; | ||
} | } | ||
+ | .heading { | ||
+ | -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s; | ||
+ | transition: margin-left 0.3s; | ||
+ | } | ||
+ | .heading:hover { | ||
+ | margin-left:30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .small_news_block { | ||
+ | |||
+ | background: #ADD8E6; | ||
+ | border-radius:30px; margin-top:2%; margin-left:43%; padding-left:2%;padding-right:2%;padding-top:1%;padding-bottom:.5%; | ||
+ | width:10%; | ||
+ | } | ||
+ | |||
+ | .grey_news_block { | ||
+ | background: #ECE9E9; | ||
+ | border-radius:15px; margin-top:2%; margin-left: 0%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | #list li { | ||
+ | list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } | ||
+ | } | ||
+ | .row { vertical-align: top; height:auto !important; } | ||
+ | .row { vertical-align: top; height:auto !important; } | ||
+ | .list {display:none; } | ||
+ | .hide {display: none; } | ||
+ | .show:target + .hide {display: inline; } | ||
+ | .show:target {display: none; } | ||
+ | .show:target ~ .list {display:inline; } | ||
+ | @media print { .show, .hide { display: none; } | ||
+ | } | ||
Line 270: | Line 283: | ||
- | + | <script type="text/javascript"> | |
- | + | function DCMation() { | |
- | + | document.getElementById('DCMationwrap').style.display = "block"; | |
- | + | } | |
- | + | function DCMationHide(x) { | |
- | + | document.getElementById('DCMationwrap').style.display = "none"; | |
- | + | } | |
- | + | function Achievements() { | |
- | + | document.getElementById('Achievementswrap').style.display = "block"; | |
+ | } | ||
+ | function AchievementsHide(x) { | ||
+ | document.getElementById('Achievementswrap').style.display = "none"; | ||
+ | } | ||
+ | function Interlab() { | ||
+ | document.getElementById('Interlabwrap').style.display = "block"; | ||
+ | } | ||
+ | function InterlabHide(x) { | ||
+ | document.getElementById('Interlabwrap').style.display = "none"; | ||
+ | } | ||
+ | function iGEMcomm() { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "block"; | ||
+ | } | ||
+ | function iGEMcommHide(x) { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "none"; | ||
+ | } | ||
+ | function Subheadingbig(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Subheadingnormal(x) { | ||
+ | x.style.height="38%"; | ||
+ | x.style.width="38%"; | ||
+ | } | ||
+ | function Partsbig(x) { | ||
+ | x.style.height="41%"; | ||
+ | x.style.width="41%"; | ||
+ | } | ||
+ | function Partsnormal(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Resultsbig(x) { | ||
+ | x.style.height="27%"; | ||
+ | x.style.width="27%"; | ||
+ | } | ||
+ | function Resultsnormal(x) { | ||
+ | x.style.height="26%"; | ||
+ | x.style.width="26%"; | ||
+ | } | ||
+ | function Medalsbig(x) { | ||
+ | x.style.height="35%"; | ||
+ | x.style.width="35%"; | ||
+ | } | ||
+ | function Medalsnormal(x) { | ||
+ | x.style.height="33.5%"; | ||
+ | x.style.width="33.5%"; | ||
+ | } | ||
+ | function IMeasurementbig(x) { | ||
+ | x.style.height="22.5%"; | ||
+ | x.style.width="22.5%"; | ||
+ | } | ||
+ | function IMeasurementnormal(x) { | ||
+ | x.style.height="20.5%"; | ||
+ | x.style.width="20.5%"; | ||
+ | } | ||
+ | function IResultsbig(x) { | ||
+ | x.style.height="36%"; | ||
+ | x.style.width="36%"; | ||
+ | } | ||
+ | function IResultsnormal(x) { | ||
+ | x.style.height="34%"; | ||
+ | x.style.width="34%"; | ||
+ | } | ||
+ | function Eventsbig(x) { | ||
+ | x.style.height="31.5%"; | ||
+ | x.style.width="31.5%"; | ||
+ | } | ||
+ | function Eventsnormal(x) { | ||
+ | x.style.height="29.5%"; | ||
+ | x.style.width="29.5%"; | ||
+ | } | ||
+ | function iGEMEuropebig(x) { | ||
+ | x.style.height="19%"; | ||
+ | x.style.width="19%"; | ||
+ | } | ||
+ | function iGEMEuropenormal(x) { | ||
+ | x.style.height="17%"; | ||
+ | x.style.width="17%"; | ||
+ | } | ||
+ | function Collabbig(x) { | ||
+ | x.style.height="45%"; | ||
+ | x.style.width="45%"; | ||
+ | } | ||
+ | function Collabnormal(x) { | ||
+ | x.style.height="43%"; | ||
+ | x.style.width="43%"; | ||
+ | } | ||
function iconleft(x) { | function iconleft(x) { | ||
x.style.left="6%"; | x.style.left="6%"; | ||
Line 287: | Line 388: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#arrowr").click(function(){ | $("#arrowr").click(function(){ | ||
- | $("#grey").animate({right:'- | + | $("#grey").animate({right:'-175px'}, "fast"); |
}); | }); | ||
- | |||
- | |||
$("#arrowl").click(function(){ | $("#arrowl").click(function(){ | ||
- | $("#grey").animate({right:'- | + | $("#grey").animate({right:'-120px'}, "fast"); |
+ | }); | ||
+ | $("#modelling").hover(function(){ | ||
+ | $("#modelling").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#modelling1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#modelling").mouseout(function(){ | ||
+ | $("#modelling").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#modelling1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#achievements").hover(function(){ | ||
+ | $("#achievements").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#achievements1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#achievements").mouseout(function(){ | ||
+ | $("#achievements").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#achievements1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#igemcomm").hover(function(){ | ||
+ | $("#igemcomm").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#igemcomm1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#igemcomm").mouseout(function(){ | ||
+ | $("#igemcomm").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#igemcomm1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#safety").hover(function(){ | ||
+ | $("#safety").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#safety1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#safety").mouseout(function(){ | ||
+ | $("#safety").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#safety1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#team").hover(function(){ | ||
+ | $("#team").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#team1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#team").mouseout(function(){ | ||
+ | $("#team").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#team1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#dcmation").hover(function(){ | ||
+ | $("#dcmation").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#dcmation1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#dcmation").mouseout(function(){ | ||
+ | $("#dcmation").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#dcmation1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#interlab").hover(function(){ | ||
+ | $("#interlab").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#interlab1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#interlab").mouseout(function(){ | ||
+ | $("#interlab").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#interlab1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#policy").hover(function(){ | ||
+ | $("#policy").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#policy1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#policy").mouseout(function(){ | ||
+ | $("#policy").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#policy1").css({display:'none'}); | ||
}); | }); | ||
}); | }); | ||
- | + | jQuery(document).ready(function(){ | |
+ | jQuery('#tb1').live('click', function(event) { | ||
+ | jQuery('#b1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb2').live('click', function(event) { | ||
+ | jQuery('#b2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb3').live('click', function(event) { | ||
+ | jQuery('#b3').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb4').live('click', function(event) { | ||
+ | jQuery('#b4').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb5').live('click', function(event) { | ||
+ | jQuery('#b5').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts1').live('click', function(event) { | ||
+ | jQuery('#s1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts2').live('click', function(event) { | ||
+ | jQuery('#s2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts3').live('click', function(event) { | ||
+ | jQuery('#s3').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts4').live('click', function(event) { | ||
+ | jQuery('#s4').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg1').live('click', function(event) { | ||
+ | jQuery('#g1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg2').live('click', function(event) { | ||
+ | jQuery('#g2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg3').live('click', function(event) { | ||
+ | jQuery('#g3').toggle('show'); | ||
+ | }); | ||
+ | $("#dcmation").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#DCMationwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#DCMationwrap").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast"); | ||
+ | }); | ||
+ | $("#achievements").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#Achievementswrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Achievementswrap").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'0%', left:'8%', top:'73%'}, "fast"); | ||
+ | }); | ||
+ | $("#igemcomm").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#iGEMcommwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#iGEMcommwrap").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'0%', left:'9%', top:'84%'}, "fast"); | ||
+ | }); | ||
+ | $("#interlab").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'27%', left:'15%'}, "fast"); | ||
+ | $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Interlabwrap").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'0%', left:'5%'}, "fast"); | ||
+ | }); | ||
+ | }); | ||
+ | function startup(){ | ||
+ | $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000); | ||
+ | $("#sidebarlogo").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup1(){ | ||
+ | $(".1").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup2(){ | ||
+ | $(".2").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup3(){ | ||
+ | $(".3").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup4(){ | ||
+ | $(".4").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | $(document).ready(function(){ | ||
+ | setTimeout(function() { | ||
+ | startup(); | ||
+ | }, 1500); | ||
+ | setTimeout(function() { | ||
+ | startup1(); | ||
+ | }, 1520); | ||
+ | setTimeout(function() { | ||
+ | startup2(); | ||
+ | }, 1560); | ||
+ | setTimeout(function() { | ||
+ | startup3(); | ||
+ | }, 1640); | ||
+ | setTimeout(function() { | ||
+ | startup4(); | ||
+ | }, 1750); | ||
+ | }); | ||
</script> | </script> | ||
+ | </head> | ||
+ | |||
- | |||
- | |||
<body> | <body> | ||
Line 306: | Line 567: | ||
- | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;"> | + | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;min-width:645px;"> |
+ | <img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;z-index:-1; border-radius:15px;"/> | ||
- | |||
- | + | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; Height:75px; width:100%;font-size:65px;font-family:Helvetica;padding-top:5px;margin-top:10px; font-weight: 450;"> | |
- | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5 | + | <div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#00000; font-weight: 450;"><br><center><font style="opacity:0.7">Intellectual Property</font></center></div> |
- | <div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px | + | |
</div> | </div> | ||
+ | |||
<br><br> | <br><br> | ||
Line 344: | Line 605: | ||
- | Intellectual Property is an increasingly important and controversial aspect of scientific advance, and synthetic biology is perhaps the paradigmatic area illustrating the effects of | + | Intellectual Property is an increasingly important and controversial aspect of scientific advance, and synthetic biology is perhaps the paradigmatic area illustrating the effects of growing legal influence. When thinking about how teams could turn their ideas from iGEM projects into viable real-world solutions, we realized that intellectual property is a crucial area to address. |
<br><br> | <br><br> | ||
Our team has produced a report exploring how teams can approach this task and how iGEM intellectual property policy can make the transition easier. | Our team has produced a report exploring how teams can approach this task and how iGEM intellectual property policy can make the transition easier. | ||
Line 353: | Line 614: | ||
<div class="white_news_block"> | <div class="white_news_block"> | ||
- | < | + | <a href="https://static.igem.org/mediawiki/2014/8/86/IP_REPORTWEBVER.pdf"> |
+ | <img src="https://static.igem.org/mediawiki/2014/e/ea/OxiGEMDownloadIPReport.jpg" style="float:left;position:relative; width:95%; margin-right:2.5%;margin-left:2.5%;" /></a> | ||
+ | <br><br> | ||
+ | Our policy research in relation to students, the iGEM foundation, and policy makers is summarized below, or download the full report to learn more about our work. | ||
</div> | </div> | ||
+ | |||
<div class="white_news_block"> | <div class="white_news_block"> | ||
<h1blue2>Team Policy</h1blue2> | <h1blue2>Team Policy</h1blue2> | ||
<br><br> | <br><br> | ||
- | Dealing with intellectual property is not only necessary on | + | Dealing with intellectual property is not only necessary on the level of the competition - each team must also make decisions as to how they wish to deal with the intellectual property they will acquire during the course of their project. Deciding whether to file a patent application can be a tricky decision - below are just some of the factors you might want to take into consideration… |
- | <img src="https://static.igem.org/mediawiki/2014/8/84/OxigemIP_Flowchart2.jpg" style="float:left;position:relative; width:100%;" /> | + | <img src="https://static.igem.org/mediawiki/2014/8/84/OxigemIP_Flowchart2.jpg" style="float:left;position:relative; width:100%;margin-bottom:5%;" /> |
+ | |||
+ | <br><br><br><br> | ||
+ | Oxford iGEM 2014 | ||
- | |||
</div> | </div> | ||
Line 371: | Line 638: | ||
<h1blue2>Attitudes Survey</h1blue2> | <h1blue2>Attitudes Survey</h1blue2> | ||
<br><br> | <br><br> | ||
- | We conducted a survey of attitudes within iGEM teams to intellectual property. The results, illustrated below, are analysed in detail in our report. Broadly, we found a noticeable lack of understanding of IP issues | + | We conducted a survey of attitudes within iGEM teams to intellectual property. The results, illustrated below, are analysed in detail in our report. Broadly, we found a noticeable lack of understanding of IP issues (confirming the findings of University of British Columbia iGEM team 2013 - check out their great work on IP which we used as a starting point for our own research at https://2012.igem.org/Team:British_Columbia/Human_Practices/IP_FAQ), and a great deal of social-mindedness in the responses. |
- | < | + | <br><br> |
+ | For a complete analysis of our results, take a look at our Intellectual Property Report... | ||
- | + | <br><br> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
<!-- Timeline script adapted from http://www.csslab.cl/2011/08/18/jquery-timelinr/. Thanks!! --> | <!-- Timeline script adapted from http://www.csslab.cl/2011/08/18/jquery-timelinr/. Thanks!! --> | ||
Line 394: | Line 655: | ||
.issuedate | .issuedate | ||
{ | { | ||
- | color: # | + | color: #000445; |
background: none; | background: none; | ||
font-weight: normal; | font-weight: normal; | ||
- | margin-right: | + | margin-right: 70px; |
padding-top: .5em; | padding-top: .5em; | ||
padding-bottom: .17em; | padding-bottom: .17em; | ||
border-bottom: none; | border-bottom: none; | ||
- | font-size: | + | font-size:140%; |
line-height:130%; | line-height:130%; | ||
} | } | ||
- | #dates . | + | #dates .iGEM11 { |
- | font-size: | + | font-size: 27px; |
} | } | ||
Line 437: | Line 698: | ||
#ip_quote | #ip_quote | ||
{ | { | ||
- | margin-top: | + | margin-top:27px; |
- | margin-bottom: | + | margin-bottom:27px; |
margin-left:auto; | margin-left:auto; | ||
- | margin-right: | + | margin-right:35px; |
- | width: | + | width:98%; |
- | color:# | + | color:#01114B; |
- | font-size: | + | font-size:140%; |
- | line-height: | + | line-height:140%; |
- | text-align: | + | text-align:left; |
} | } | ||
</style> | </style> | ||
+ | </head> | ||
</html> | </html> | ||
<div class="whitebox"> | <div class="whitebox"> | ||
- | |||
__NOTOC__ | __NOTOC__ | ||
- | + | ||
- | + | ... | |
- | + | </div> | |
- | + | ||
<div class="whitebox"> | <div class="whitebox"> | ||
- | + | ... | |
<html> | <html> | ||
<!-- BEGIN TIMELINE WHITEBOX HERE --> | <!-- BEGIN TIMELINE WHITEBOX HERE --> | ||
Line 467: | Line 728: | ||
<ul id="dates"> | <ul id="dates"> | ||
- | <li><a href="#" class="dateobject">- 1 -</a></li> | + | <li><a href="#" class="dateobject">-1-</a></li> |
- | <li><a href="#" class="dateobject">- 2 -</a></li> | + | <li><a href="#" class="dateobject">-2-</a></li> |
- | <li><a href="#" class="dateobject">- 3 -</a></li> | + | <li><a href="#" class="dateobject">-3-</a></li> |
- | <li><a href="#" class="dateobject">- 4 -</a></li> | + | <li><a href="#" class="dateobject">-4-</a></li> |
- | <li><a href="#" class="dateobject">- 5 -</a></li> | + | <li><a href="#" class="dateobject">-5-</a></li> |
- | <li><a href="#" class="dateobject">- 6 -</a></li> | + | <li><a href="#" class="dateobject">-6-</a></li> |
+ | |||
+ | <li><a href="#" class="dateobject">-7-</a></li> | ||
- | |||
</ul> | </ul> | ||
Line 485: | Line 747: | ||
<ul id="issues"> | <ul id="issues"> | ||
- | <li id=" | + | <li id="-1-"> |
- | + | <center><img src="https://static.igem.org/mediawiki/2014/5/5d/Experience_Chart.jpg" width="670" height="283" /></center> | |
- | <div class="issuedate"> | + | <div class="issuedate">...</div> |
- | <p> | + | <p>...</p> |
</li> | </li> | ||
- | <li id=" | + | <li id="-2-"> |
- | + | <center><img src="https://static.igem.org/mediawiki/2014/a/a0/Application_Chart.jpg" width="670" height="283" /></center> | |
- | |||
- | + | ||
+ | ... | ||
</li> | </li> | ||
- | <li id="- 3 -"> | + | <li id="-3-"> |
- | + | <center><img src="https://static.igem.org/mediawiki/2014/c/ce/Commercial_Viability_Chart.jpg" width="480" height="283" /></center> | |
- | + | The majority of teams (85%) appear to feel that there is at least the possibility that their project could be turned into a viable business or project – this makes sense given that many teams seek to use their project as an opportunity to use synthetic biology to address a problem. | |
</li> | </li> | ||
- | + | <li id="-4-"> | |
<img src="https://static.igem.org/mediawiki/2014/c/cf/OxiGEMBenefit_to_Society.jpg" width="373" height="280" /> | <img src="https://static.igem.org/mediawiki/2014/c/cf/OxiGEMBenefit_to_Society.jpg" width="373" height="280" /> | ||
- | |||
- | + | Again, this chart shows how many teams believe their project is relevant to society. There was a split, slightly skewed towards commercial investment, in terms of the favoured means of funding, although it should be noted that many participants selected more than one option, suggesting mixed feelings and uncertainty on this question. Donation to the public domain was a popular option, indicating that many students support the BioBrick agreement and are keen to contribute their parts to it. | |
- | <li | + | </li> |
- | + | <li id="-5-"> | |
+ | <img src="https://static.igem.org/mediawiki/2014/6/6c/OxiGEMIP_UNderstanding.jpg" width="405" height="280" /> | ||
- | + | Responses to this question support the need for guidance for iGEM teams on IP issues. Possible explanations for this the larger than expected (29%) group selecting 'adequate' include: evidence of a Drunning-Kruger effect whereby people overestimate their level of knowledge; underestimating the significance and relevance of intellectual property law to synthetic biology; or a genuinely adequate understanding amongst students. | |
</li> | </li> | ||
- | <li id=" | + | <li id="-6-"> |
- | + | <center><img src="https://static.igem.org/mediawiki/2014/2/20/Patentability_Views_Graph.jpg" width="685" height="287" /></center> | |
+ | |||
+ | <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> | ||
- | <li id=" | + | <li id="-7-"> |
- | + | <center><img src="https://static.igem.org/mediawiki/2014/d/d2/OxigemPriorities_Chart.jpg" width="500" height="287" /></center> | |
- | + | ||
- | + | The graph indicates that profit is the least important considerations to students, but all others ranked more or less equally overall. The most important factor overall was benefit to society. | |
+ | </li> | ||
</ul> | </ul> | ||
Line 558: | Line 824: | ||
- | + | ||
</div> | </div> | ||
<!-- END TIMELINE WHITEBOX HERE --> | <!-- END TIMELINE WHITEBOX HERE --> | ||
+ | <br><br> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/8/80/OxiGEMIntellectual_Property_Survey.pdf"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/dd/Get_Involved_IP_Survey_Top.jpg" style="float:left;position:relative; width:95%; margin-right:2.5%;margin-left:2.5%;" /></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/1/16/OxiGEMIntellectual_Property_Survey.txt"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/35/Get_Involved_IP_Survey_Bottom.jpg" style="float:left;position:relative; width:95%; margin-right:2.5%;margin-left:2.5%;" /></a> | ||
+ | <br> | ||
+ | Oxford iGEM 2014 | ||
+ | </div> | ||
</div> | </div> | ||
Line 589: | Line 863: | ||
Another team member stated, 'I don't think our team had really put much thought into the IP ownership of our project - it's definitely something we should consider though, as we would want to be able to stop anyone using our project for potentially harmful research'. 'I always thought IP was kind of a binary question - you either patent something, or you give it away. But there are so many options in between. It's a very nuanced area of law, I think that's the main thing I hadn't really appreciated, there are lots of different ways you can share or protect your ideas'. | Another team member stated, 'I don't think our team had really put much thought into the IP ownership of our project - it's definitely something we should consider though, as we would want to be able to stop anyone using our project for potentially harmful research'. 'I always thought IP was kind of a binary question - you either patent something, or you give it away. But there are so many options in between. It's a very nuanced area of law, I think that's the main thing I hadn't really appreciated, there are lots of different ways you can share or protect your ideas'. | ||
<br><br><br> | <br><br><br> | ||
- | <h1blue2>View | + | <h1blue2>View the Oxford iGEM powerpoint presentation used as the basis for our workshop below!</h1blue2> |
<br><br><br> | <br><br><br> | ||
- | |||
+ | <br><br> | ||
- | < | + | <div class="row"> |
- | + | ||
- | < | + | <a href="#show1" class="show" id="show1"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/f/fe/OxiGem_Slide1.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> |
- | + | </a> | |
- | < | + | |
- | < | + | <a href="#hide1" class="hide" id="hide1"> |
+ | <img src="https://static.igem.org/mediawiki/2014/f/fe/OxiGem_Slide1.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
</div> | </div> | ||
+ | <div class="row"> | ||
+ | |||
+ | <a href="#show2" class="show" id="show2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e6/OxiGem_Slide2.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="#hide2" class="hide" id="hide2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e6/OxiGem_Slide2.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
</div> | </div> | ||
+ | <div class="row"> | ||
+ | <a href="#show3" class="show" id="show3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/64/OxiGem_Slide3.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | <a href="#hide3" class="hide" id="hide3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/64/OxiGem_Slide3.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <a href="#show4" class="show" id="show4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/5/56/Slide4.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | <a href="#hide4" class="hide" id="hide4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/5/56/Slide4.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
- | <div class=" | + | <div class="row"> |
- | < | + | |
- | < | + | <a href="#show5" class="show" id="show5"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/3/31/OxiGem_Slide5.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | |
+ | </a> | ||
+ | |||
+ | <a href="#hide5" class="hide" id="hide5"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/31/OxiGem_Slide5.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <br><br><br><br><br> | ||
<br><br> | <br><br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <div class="row"> | ||
+ | |||
+ | <a href="#show6" class="show" id="show6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/9a/OxiGem_Slide7.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="#hide6" class="hide" id="hide6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/9a/OxiGem_Slide7.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
</div> | </div> | ||
+ | <div class="row"> | ||
+ | <a href="#show7" class="show" id="show7"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/90/Slide8.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | <a href="#hide7" class="hide" id="hide7"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/90/Slide8.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <a href="#show8" class="show" id="show8"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d0/OxiGem_Slide9.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="#hide8" class="hide" id="hide8"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d0/OxiGem_Slide9.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <a href="#show9" class="show" id="show9"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/c1/OxiGem_Slide10.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="#hide9" class="hide" id="hide9"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/c1/OxiGem_Slide10.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <a href="#show10" class="show" id="show10"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/7e/OxiGem_Slide11.JPG" style="float:left;position:relative;width:18%;margin-left:2%;" /> | ||
+ | </a> | ||
+ | |||
+ | <a href="#hide10" class="hide" id="hide10"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/7e/OxiGem_Slide11.JPG" style="float:left;position:relative; width:90%;margin-left:5%;margin-right:5%" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <br><br> | ||
+ | <br><br><br> | ||
+ | Special thanks for the success of this event are owed to: | ||
+ | |||
+ | <br>Bethan Wolfenden and Philipp Boeing for organising and iGEM UCL for hosting the YSB event | ||
+ | <br>Andrew Russell, Glen Gowers, and Philipp Lorenz | ||
+ | <br>Dundee, Cambridge, Edinburgh, and all the other teams which attended and had such enthusiasm for the debate! | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
Line 650: | Line 1,009: | ||
<br><br> | <br><br> | ||
The benefits and disadvantages of each are summarised in the tables below.: maintaining the status quo; complete openness; confidentiality clauses; reach through licence agreements. | The benefits and disadvantages of each are summarised in the tables below.: maintaining the status quo; complete openness; confidentiality clauses; reach through licence agreements. | ||
- | <br> | + | <br><br> |
<img src="https://static.igem.org/mediawiki/2014/d/d6/Oxford_the_status_quo.png" style="float:left;position:relative; width:100%;" /> | <img src="https://static.igem.org/mediawiki/2014/d/d6/Oxford_the_status_quo.png" style="float:left;position:relative; width:100%;" /> | ||
- | <br> | + | <br><br> |
<img src="https://static.igem.org/mediawiki/2014/6/61/OxiGEM_Confidentiality.jpg" style="float:left;position:relative; width:100%;" /> | <img src="https://static.igem.org/mediawiki/2014/6/61/OxiGEM_Confidentiality.jpg" style="float:left;position:relative; width:100%;" /> | ||
- | <br> | + | <br><br> |
<img src="https://static.igem.org/mediawiki/2014/f/f4/OxiGEM_Openness.jpg" style="float:left;position:relative; width:100%;" /> | <img src="https://static.igem.org/mediawiki/2014/f/f4/OxiGEM_Openness.jpg" style="float:left;position:relative; width:100%;" /> | ||
- | <br> | + | <br><br> |
<img src="https://static.igem.org/mediawiki/2014/e/e6/OxiGEM_RTLA.jpg" style="float:left;position:relative; width:100%;" /> | <img src="https://static.igem.org/mediawiki/2014/e/e6/OxiGEM_RTLA.jpg" style="float:left;position:relative; width:100%;" /> | ||
- | + | ||
Oxford iGEM 2014 | Oxford iGEM 2014 | ||
</div> | </div> | ||
- | |||
+ | <div class="white_news_block"> | ||
+ | <h1blue2> Government Policy </h1blue2> | ||
+ | <br><br> | ||
+ | Legislators have the difficult task of balancing a number of diverse and often conflicting intellectual property consideration. On the one hand, the government must incentivize innotvation - IP is an essential means of achieving this, as demonstrated by studies showing how patents can positively influence innovation by a margin of 15-25%<font style="vertical-align: super; font-size: 70%;">2</font> . | ||
+ | <br><br> | ||
+ | The flipside of this is the responsibility of the government to prevent the creation of monopoly and to ensure that ideas are shared so as to maximize productive research. Again, there is research indicating that intellectual property is crucial to maintaining this balance, as some studies have expressed concerns that patents on initial discoveries may 'delay, hamper, or deter' innovations building on the patented work. The transaction cost of working with patented material is unattractive to many researchers, particularly individuals and start-ups.<font style="vertical-align: super; font-size: 70%;">3</font>. | ||
+ | <br><br> | ||
+ | Based on our research and our experiences during iGEM and in the field of IP, we believe that one of the most important roles for the government is to lead a new, more imaginative line of thinking about intellectual property protection, and to move away from analyzing these issues within the traditional and deeply engrained innovation v access dichotomy. | ||
+ | <br><br> | ||
+ | Creating legal mechanisms to support this kind of innovative and flexible thinking about IP will be increasingly important to synthetic biology and to iGEM as the field grows increasingly complex and the dynamics between the many different interested parties continue to evolve. In order to successfully balance the demands of the public interest, investors, the environment, researchers, and inventors we will need to be more open minded when considering how to deal with IP in the future. It will not suffice to simply ask whether 'to patent or not to patent' and suppose that this is the extent of the available options. | ||
+ | <br><br> | ||
+ | A further issue which we believe needs addressing by a change in the law is the current incapacity of the law to provide protection for computer code and algorithms. This is an issue which extends far beyond iGEM. Counter-intuitively, the lack of protection for algorithms means that this information can justifiably be kept secret rather than being visible and accessible to the public and/or regulators. The danger of this situation was demonstrated only recently by Facebook's so called 'social experiment' during which the company controlled the newsfeed content of users in an attempt to manipulate their emotions. Jim Sheridan, a member of the Commons Media Select Committee, expressed his 'worries about the ability of Facebook and others to manipulate people's thoughts in politics or other areas', and stressed the need for legislation in this area. | ||
+ | <br><br> | ||
+ | Similarly, some form of protection for computer algorithms might allow models relevant to the iGEM competition (and to synthetic biology more broadly) to be shared in a similar way to BioBricks. Engineer Leroy Lim, responsible for some of the modeling aspect of the project commented that it would have been highly useful to have models from previous years available at the beginning of the project. 'People would be far more likely to share their code and collaborate on this if we thought we'd get credit for our work...with companies it's even worse, there's no option but to keep your code to yourself because there's nothing else stopping competitors from taking everything you've developed and taking away your business'. | ||
+ | </div> | ||
+ | |||
+ | <div class="white_news_block" style="background-color:transparent;"> | ||
+ | <h1blue2> References </h1blue2> | ||
+ | <br><br>For full references see our Intellectual Property Report (downloadable above). | ||
+ | <br><br> | ||
+ | </div> | ||
Line 678: | Line 1,057: | ||
<div class="white_news_block"> | <div class="white_news_block"> | ||
- | |||
- | <a href="https://2014.igem.org/Team:Oxford/ | + | <a href="https://2014.igem.org/Team:Oxford/policy_and_practices"> |
+ | <img src="https://static.igem.org/mediawiki/2014/3/33/Oxford_P%26P1.png" style="float:left;position:relative; width:12%;" /></a> | ||
- | <a href="https://2014.igem.org/Team:Oxford/P& | + | <a href="https://2014.igem.org/Team:Oxford/P&P_environmental_impact"><img src="https://static.igem.org/mediawiki/2014/3/33/OxiGEMProblem_Solving.png" style="float:left;position:relative; width:12%; margin-left:2.66%;" /></a> |
+ | <a href="https://2014.igem.org/Team:Oxford/P&P_realisationandsafety"><img src="https://static.igem.org/mediawiki/2014/7/75/Oxford_P%26P2.png" style="float:left;position:relative; width:11.8%; margin-left: 2.66%" /></a> | ||
- | <a href="https://2014.igem.org/Team:Oxford/P& | + | <a href="https://2014.igem.org/Team:Oxford/P&P_intellectual_property"><img src="https://static.igem.org/mediawiki/2014/0/00/Oxford_P%26P4.png" style="float:left;position:relative; width:12%;margin-left: 2.66%;" /></a> |
- | <a href="https://2014.igem.org/Team:Oxford/P& | + | <a href="https://2014.igem.org/Team:Oxford/P&P_communication"> |
+ | <img src="https://static.igem.org/mediawiki/2014/4/43/Oxford_P%26P5.png" style="float:left;position:relative; width:13%; margin-left: 2.5%" /></a> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/P&P_public_engagement"><img src="https://static.igem.org/mediawiki/2014/3/32/Oxford_P%26P6.png" style="float:left;position:relative; width:12%; margin-left: 2.66%;" /></a> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/P&P_igem_europe"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/92/Oxford_P%26P7.png" style="float:right;position:relative; width:12%;" /></a> | ||
- | <br><br><br><br><br><br><br><br><br> | + | <br><br><br><br><br><br><br><br><br><br> |
- | < | + | |
</div> | </div> | ||
Line 739: | Line 1,122: | ||
- | |||
</div> | </div> | ||
+ | </div> | ||
+ | <div id="DCMationwrap" onClick="DCMationHide()" style="position:fixed;z-index:11;width:100%; height:100%;background-color: rgba(0,0,0,0.1);display:none;"> | ||
+ | <div id="DCMationpopup" style="width: 0%;position:absolute; top:37%; left:5%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/32/OxigemDcmationbg.png" style="width: 100%;"> | ||
+ | <div class="Heading" style="top: 14.2%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/abstract"><img id="openabstract" src= | ||
+ | "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 33%; left: 30.9%; width:38.2%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/biosensor"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/0/0c/OxigemBiosensor.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 51.3%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/bioremediation"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 70.2%; left: 30%; width:37.8%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/biosensor_realisation"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Achievementswrap" onClick="AchievementsHide()" style="position:fixed;z-index:11;width:100%; height:100%;background-color: rgba(0,0,0,0.1);display:none;"> | ||
+ | <div id="Achievementspopup" style="width:0%;position:absolute; top:73%; left:8%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/be/OxigemAchievementsBg.png" style="width: 100%;"> | ||
+ | <div class="Heading" style="top: 43%; left: 57%; width:26%;" onmouseover="Resultsbig(this)" onmouseout= | ||
+ | "Resultsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/Results"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/b/b8/OxigemResults.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Partsbig(this)" onmouseout= | ||
+ | "Partsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/Parts"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/f/fa/OxigemParts.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Medalsbig(this)" onmouseout= | ||
+ | "Medalsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/MedalFulfilment"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="Interlabwrap" onClick="InterlabHide()" style="position:fixed;z-index:11;width:100%; height:100%;background-color: rgba(0,0,0,0.1);display:none;"> | ||
+ | <div id="Interlabpopup" style="width:0%;position:absolute; top:25%; left:5%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/df/OxigemInterlabbg.png" style="width: 100%;"> | ||
+ | <div class="Heading" style="top: 63.5%; left: 39%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout= | ||
+ | "Subheadingnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/devices"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/1/11/OxigemIDevices.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 22.5%; left: 17.3%; width:20.5%;" onmouseover="IMeasurementbig(this)" onmouseout= | ||
+ | "IMeasurementnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/measurement"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/6/6d/OxigemIMeasurement.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 17%; left: 49.5%; width:34%;" onmouseover="IResultsbig(this)" onmouseout= | ||
+ | "IResultsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/InterlabResults"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/3/3a/OxigemIResults.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="iGEMcommwrap" onClick="iGEMcommHide()" style="position:fixed;z-index:11;width:100%; height:100%;background-color: rgba(0,0,0,0.1);display:none;"> | ||
+ | <div id="iGEMcommpopup" style="width:0%;position:absolute; top:84%; left:9%;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e9/OxigemiGEMcommbg.png" style="width: 100%;"> | ||
+ | <div class="Heading" style="top: 61.1%; left: 34.3%; width:43%;" onmouseover="Collabbig(this)" onmouseout= | ||
+ | "Collabnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/0/0c/OxigemCollaboration.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 17.5%; left: 54.5%; width:29.5%;" onmouseover="Eventsbig(this)" onmouseout= | ||
+ | "Eventsnormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/Events"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/a/af/OxigemEvents.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | <div class="Heading" style="top: 24.5%; left: 16.5%; width:17%;" onmouseover="iGEMEuropebig(this)" onmouseout= | ||
+ | "iGEMEuropenormal(this)" border="0"> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/P&P_igem_europe"><img src= | ||
+ | "https://static.igem.org/mediawiki/2014/4/49/OxigemiGEMEurope.png" style="width: 100%;"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
+ | <img id="sidebarblue" src="https://static.igem.org/mediawiki/2014/e/ec/OxigemsidebarBlue.png" style="float:left;position:fixed;margin-left:-250px;height:100%;z-index:6;" /> | ||
+ | <img class="1" src="https://static.igem.org/mediawiki/2014/a/a5/OxigemDotsDCMation.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:31.6%; height:17.6%;z-index:6;" /> | ||
+ | <img class="2" src="https://static.igem.org/mediawiki/2014/0/06/OxigemDotsinterlab.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:18.3%; height:15.125%;z-index:6;" /> | ||
+ | <img class="3" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotsP%26P.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:9%; height:12.75%;z-index:6;" /> | ||
+ | <img class="4" src="https://static.igem.org/mediawiki/2014/c/ca/OxigemDotsTeam.png" style="float:left;position:fixed;margin-left:-250px; top:0%; height:12.625%;z-index:6;" /> | ||
+ | <img class="1" src="https://static.igem.org/mediawiki/2014/f/f5/OxigemDotsModelling.png" style="opacity:0.8;float:left;position:fixed;margin-left:-250px; top:50.6%; height:17.75%;z-index:6;" /> | ||
+ | <img class="2" src="https://static.igem.org/mediawiki/2014/8/87/OxigemDotsAchievements.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:66.45%; height:13.28%;z-index:6;" /> | ||
+ | <img class="3" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemDotsiGEMcomm.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:78%; height:12.5%;z-index:6;" /> | ||
+ | <img class="4" src="https://static.igem.org/mediawiki/2014/0/0e/OxigemDotsSafety.png" style="float:left;position:fixed;margin-left:-250px; top:88.15%; height:11.9%;z-index:6;" /> | ||
+ | <a href="https://2014.igem.org/Team:Oxford"><img id="sidebarlogo" class="oxigem" src="https://static.igem.org/mediawiki/2014/a/a4/Oxigemsidebarlogo.png" style="float:left;position:fixed;margin-left:-250px; top:42.5%; height:15%;z-index:6;"/></a> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/37/OxigemDotModelling.png" style="float:left;position:fixed; top:59.3%; height:4.125%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/05/OxigemDotAchievements.png" style="float:left;position:fixed; top:71%; height:4%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/77/OxigemDotiGEMcomm.png" style="float:left;position:fixed; top:81.5%; height:4.375%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/2/27/OxigemDotSafety.png" style="float:left;position:fixed; top:93%; height:4.125%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e7/OxigemDotDCMation.png" style="float:left;position:fixed; top:37%; height:4.125%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/94/OxigemDotInterlab.png" style="float:left;position:fixed; top:25%; height:4.125%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/19/OxigemDotP%26P.png" style="float:left;position:fixed; top:13.5%; height:4.375%;z-index:6;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cc/OxigemDotTeam.png" style="float:left;position:fixed; top:3%; height:4.375%;z-index:6;" /> | ||
+ | <img id="modelling1" src="https://static.igem.org/mediawiki/2014/9/93/OxigemDotModelling1.png" style="display:none;float:left;position:fixed; top:59.3%; height:4.125%;z-index:6;" /> | ||
+ | <img id="achievements1" src="https://static.igem.org/mediawiki/2014/0/0f/OxigemDotAchievements1.png" style="display:none;float:left;position:fixed; top:71%; height:4%;z-index:6;" /> | ||
+ | <img id="igemcomm1" src="https://static.igem.org/mediawiki/2014/a/a8/OxigemDotiGEMcomm1.png" style="display:none;float:left;position:fixed; top:81.5%; height:4.375%;z-index:6;" /> | ||
+ | <img id="safety1" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotSafety1.png" style="display:none;float:left;position:fixed; top:93%; height:4.125%;z-index:6;" /> | ||
+ | <img id="dcmation1" src="https://static.igem.org/mediawiki/2014/d/db/OxigemDotDCMation1.png" style="display:none;float:left;position:fixed; top:37%; height:4.125%;z-index:6;" /> | ||
+ | <img id="interlab1" src="https://static.igem.org/mediawiki/2014/5/52/OxigemDotInterlab1.png" style="display:none;float:left;position:fixed; top:25%; height:4.125%;z-index:6;" /> | ||
+ | <img id="policy1" src="https://static.igem.org/mediawiki/2014/b/bf/OxigemDotP%26P1.png" style="display:none;float:left;position:fixed; top:13.5%; height:4.375%;z-index:6;" /> | ||
+ | <img id="team1" src="https://static.igem.org/mediawiki/2014/c/c5/OxigemDotTeam1.png" style="display:none;float:left;position:fixed; top:3%; height:4.375%;z-index:6;" /> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/Modelling"><img class="heading" id="modelling" src="https://static.igem.org/mediawiki/2014/e/e0/OxigemSidebarModelling.png" style="opacity:0.7;float:left;position:fixed; top:59%; height:4.5%;z-index:6;" /></a> | ||
+ | <a href="#"><img class="heading" id="achievements" src="https://static.igem.org/mediawiki/2014/4/4a/OxigemSidebarAchievements.png" onclick="Achievements()" style="opacity:0.7;float:left;position:fixed; top:71%; height:4%;z-index:6;" /></a> | ||
+ | <a href="#"><img class="heading" id="igemcomm" src="https://static.igem.org/mediawiki/2014/8/83/OxigemSidebariGEMcomm.png" onclick="iGEMcomm()" style="opacity:0.7;float:left;position:fixed; top:81.1%; height:5.375%;z-index:6;" /></a> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/safety"><img class="heading" id="safety" src="https://static.igem.org/mediawiki/2014/3/3d/OxigemSidebarSafety.png" style="opacity:0.7;float:left;position:fixed; top:92.9%; height:4.375%;z-index:6;" /></a> | ||
+ | <a href="#"><img class="heading" id="dcmation" src="https://static.igem.org/mediawiki/2014/1/18/OxigemSidebarDCMation.png" onclick="DCMation()" style="opacity:0.7;float:left;position:fixed; top:36%; height:5.75%;z-index:6;" /></a> | ||
+ | <a href="#"><img class="heading" id="interlab" src="https://static.igem.org/mediawiki/2014/e/e2/OxigemSidebarInterlab.png" onclick="Interlab()" style="opacity:0.7;float:left;position:fixed; top:24.4%; height:5.25%;z-index:6;" /></a> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img class="heading" id="policy" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemSidebarP%26P.png" style="opacity:0.7;float:left;position:fixed; top:13.2%; height:4.875%;z-index:6;" /></a> | ||
+ | <a href="https://2014.igem.org/Team:Oxford/team"><img class="heading" id="team" src="https://static.igem.org/mediawiki/2014/3/3b/OxigemSidebarTeam.png" style="opacity:0.7;float:left;position:fixed; top:3%; height:4.625%;z-index:6;" /></a> | ||
<div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;"> | <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;"> | ||
- | <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/ | + | <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/56/OxigemiGEMgrey.png" style="width:100%"/></a> |
</div> | </div> | ||
- | <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/ | + | <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/1/1d/OxigemArrowleft.png" style="position:fixed; width:50px; top:23%;right:0px; opacity:0.6; z-index:6;" /></a> |
- | <div id="grey" style="width: | + | <div id="grey" style="width:190px; position:fixed; top:23%; right:-175px; z-index:6;"> |
<img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" /> | <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" /> | ||
- | <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width: | + | <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:14%;top:5%;left:10%;"></a> |
<div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover= | <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover= | ||
"iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a> | "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a> | ||
Line 776: | Line 1,279: | ||
<a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a> | <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:46, 18 October 2014