Team:Oxford/P&P intellectual property
From 2014.igem.org
(Difference between revisions)
Olivervince (Talk | contribs) |
|||
(120 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 239: | Line 252: | ||
color:#4747E5; | color:#4747E5; | ||
line-height:150%; | line-height:150%; | ||
+ | } | ||
+ | |||
+ | h1blue3 { | ||
+ | font-size: 100%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:120%; | ||
+ | font-style: italic; | ||
} | } | ||
Line 261: | 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 278: | 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 297: | 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 335: | 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 344: | 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 362: | 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 385: | 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 428: | 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 458: | 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 476: | 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=" | + | <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 549: | 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 580: | 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 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 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="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> | ||
+ | |||
+ | <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 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> | <br><br><br> | ||
Special thanks for the success of this event are owed to: | 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> | </div> | ||
Line 598: | Line 995: | ||
+ | |||
+ | |||
+ | |||
+ | <div class="white_news_block"> | ||
+ | <h1blue2> iGEM policy </h1blue2> | ||
+ | |||
+ | <br><br> | ||
+ | Given its ever increasing prominence in the field of synthetic biology and its unavoidable influence on the future of the field, iGEM must cannot remain neutral on the matter of intellectual property. In the words of iGEM start-up Morph Bioinformatics, <h1blue3>“iGEM must position itself and not only define its role in the world of biotech - but also how it sees the role of synbio”.</h1blue3> | ||
+ | <br><br> | ||
+ | iGEM’s approach to intellectual property will be intrinsically related to its overall position and self-definition in this exciting emerging field. <h1blue3>“It is time now to rationalize this 'big picture' and find a business model by treating the public, academia, biotech, pharma etc. as different units to optimize and synergize their outputs. And as with all business and communities the major factor of success is to follow one ultimate vision - and that should remain increasing the quality of life”.</h1blue3> | ||
+ | <br><br> | ||
+ | iGEM’s approach to intellectual property being critical for the future of the competition, its teams, and even the future of synthetic biology, our report analyses three alternative approaches to iGEM in dealing with this legal issue. | ||
+ | <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. | ||
+ | <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d6/Oxford_the_status_quo.png" style="float:left;position:relative; width:100%;" /> | ||
+ | <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/61/OxiGEM_Confidentiality.jpg" style="float:left;position:relative; width:100%;" /> | ||
+ | <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/f/f4/OxiGEM_Openness.jpg" style="float:left;position:relative; width:100%;" /> | ||
+ | <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e6/OxiGEM_RTLA.jpg" style="float:left;position:relative; width:100%;" /> | ||
+ | |||
+ | Oxford iGEM 2014 | ||
+ | </div> | ||
Line 622: | Line 1,044: | ||
- | + | <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 635: | 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 696: | 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 733: | 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