Team:Oxford/P&P intellectual property
From 2014.igem.org
(Difference between revisions)
(105 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300); | ||
+ | |||
+ | html, body { | ||
+ | max-width: 100%; | ||
+ | overflow-x: hidden; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #EBEBEB; | ||
+ | margin: 0px; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | vertical-align: baseline; | ||
+ | font-family: 'Open Sans', 'helvetica', sans-serif; | ||
+ | font-size: 10px; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | #content { | ||
+ | border:none; | ||
+ | width:100%; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | background:none; | ||
+ | } | ||
+ | #catlinks { | ||
+ | display:none; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | #menubar { | ||
+ | width: auto; | ||
+ | margin-top:0.5%; | ||
+ | } | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #menubar li a { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #menubar:hover { | ||
+ | color: gray; | ||
+ | } | ||
+ | #menubar li a { | ||
+ | color: #B5B5B5; | ||
+ | } | ||
+ | #menubar:hover li a { | ||
+ | color: gray; | ||
+ | } | ||
+ | #menubar.left-menu.noprint ul li:last-child { | ||
+ | display:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | #top-section { | ||
+ | height:0px; | ||
+ | width:100%; | ||
+ | border:none; | ||
+ | } | ||
+ | #footer-box { | ||
+ | border:none; | ||
+ | display:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display:none | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | #bodyContent p{ | ||
+ | display:none; | ||
+ | } | ||
+ | html, div, span, applet, object, iframe, | ||
+ | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
+ | a, abbr, acronym, address, big, cite, code, | ||
+ | del, dfn, em, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, sup, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td, | ||
+ | article, aside, canvas, details, embed, | ||
+ | figure, figcaption, footer, header, hgroup, | ||
+ | menu, nav, output, ruby, section, summary, | ||
+ | time, mark, audio, video { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | .outer { | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | img.supercoil { | ||
+ | width:65%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto | ||
+ | } | ||
+ | .Heading { | ||
+ | position:absolute; | ||
+ | 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; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .pink_news_block { | ||
+ | |||
+ | background: #FDDBDB; | ||
+ | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; | ||
+ | width:96%; | ||
+ | } | ||
+ | .right_news_block { | ||
+ | |||
+ | background: #FDDBDB; | ||
+ | border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; | ||
+ | width:75%;float:right;line-height:150%; | ||
+ | } | ||
+ | .right_news_block2 { | ||
+ | |||
+ | background: #FDDBDB; | ||
+ | border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; | ||
+ | width:75%;float:right;line-height:150%;margin-top:2%; | ||
+ | } | ||
+ | |||
+ | .blue_news_block { | ||
+ | |||
+ | background: #ADD8E6; | ||
+ | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | .orange_news_block1 { | ||
+ | |||
+ | background: #FA6800; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:32%; | ||
+ | } | ||
+ | |||
+ | .orange_news_block2 { | ||
+ | |||
+ | background: #FA6800; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | .yellow_news_block { | ||
+ | |||
+ | background: #FFFF06; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:27%; | ||
+ | } | ||
+ | .white_news_block { | ||
+ | |||
+ | background: #fff; | ||
+ | border-radius:15px; margin-top:2%; margin-left: 0%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | margin-bottom: 2%; | ||
+ | line-height:150%; | ||
+ | |||
+ | } | ||
+ | h1white { | ||
+ | font-size: 230%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#fff; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1blue { | ||
+ | font-size: 180%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | h1blue2 { | ||
+ | font-size: 130%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | |||
+ | h1blue3 { | ||
+ | font-size: 100%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#4747E5; | ||
+ | line-height:120%; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1black { | ||
+ | font-size: 230%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | h1grey { | ||
+ | font-size: 280%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#615555; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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) { | ||
+ | x.style.left="6%"; | ||
+ | } | ||
+ | function iconnormal(x) { | ||
+ | x.style.left="9%"; | ||
+ | } | ||
+ | $(document).ready(function(){ | ||
+ | $("#arrowr").click(function(){ | ||
+ | $("#grey").animate({right:'-175px'}, "fast"); | ||
+ | }); | ||
+ | $("#arrowl").click(function(){ | ||
+ | $("#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> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
<body> | <body> | ||
<div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> | ||
+ | |||
<div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;min-width:645px;"> | <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;"/> | <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; Height:75px; width:100%;font-size:65px;font-family:Helvetica;padding-top:5px;margin-top:10px; font-weight: 450;"> | ||
<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;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> | </div> | ||
- | |||
- | < | + | <br><br> |
- | |||
- | |||
- | |||
- | <div style=" | + | |
- | <br> | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="white_news_block"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/b7/OxiGEMBioeconomy_Quote.jpg" style="float:left;position:relative; width:100%;" /> | ||
+ | <br><br><br><br><br><br><br><br><br><br><br><br> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | Intellectual Property is an increasingly important and controversial aspect of scientific advance, and synthetic biology is perhaps the paradigmatic area illustrating the effects of | + | <div class="white_news_block"> |
+ | <img src="https://static.igem.org/mediawiki/2014/5/5c/OxiGEM_IP.jpg" style="float:right;position:relative; width:30%;" /> | ||
+ | |||
+ | |||
+ | 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. | ||
<br><br> | <br><br> | ||
We begin with a brief overview of current intellectual property law (specifically relevant to the UK) before progressing to look at the challenges this poses for the iGEM competition. A number of different approaches which iGEM might choose to adopt towards intellectual property are discussed and the pros and cons of each are assessed. We then asked a range of interested groups, including iGEM students, professionals, and the public, for their views before concluding with recommendations for addressing intellectual property concerns in iGEM. We offer our conclusions in the form of advice to students, to the iGEM foundation, and briefly explore how a change in the law could have consequences for iGEM. This advice is purely based on our own views and our research which we hope will make interesting food for thought - it is not professional legal advice and should not be relied on as such! | We begin with a brief overview of current intellectual property law (specifically relevant to the UK) before progressing to look at the challenges this poses for the iGEM competition. A number of different approaches which iGEM might choose to adopt towards intellectual property are discussed and the pros and cons of each are assessed. We then asked a range of interested groups, including iGEM students, professionals, and the public, for their views before concluding with recommendations for addressing intellectual property concerns in iGEM. We offer our conclusions in the form of advice to students, to the iGEM foundation, and briefly explore how a change in the law could have consequences for iGEM. This advice is purely based on our own views and our research which we hope will make interesting food for thought - it is not professional legal advice and should not be relied on as such! | ||
- | |||
</div> | </div> | ||
- | <div | + | |
- | < | + | <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 | + | |
+ | <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="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 | + | |
+ | |||
+ | <div class="white_news_block"> | ||
<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!! --> | ||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
+ | |||
+ | <link rel="stylesheet" href=" | ||
+ | http://www.hcs.harvard.edu/~stahr/javascript/style.css" type="text/css" media="screen" /> | ||
+ | |||
+ | <!-- Extra custom css --> | ||
+ | <style type="text/css"> | ||
+ | .issuedate | ||
+ | { | ||
+ | color: #000445; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin-right: 70px; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | font-size:140%; | ||
+ | line-height:130%; | ||
+ | } | ||
+ | |||
+ | #dates .iGEM11 { | ||
+ | font-size: 27px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> | ||
+ | |||
+ | <script src="http://www.hcs.harvard.edu/~stahr/javascript/jquery.timelinr-0.9.3.js" type="text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(function(){ | ||
+ | |||
+ | $().timelinr({ | ||
+ | |||
+ | datesSpeed: 800, | ||
+ | issuesSpeed: 800, | ||
+ | issuesTransparency: 1.0, | ||
+ | arrowKeys: 'true', | ||
+ | |||
+ | }) | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!-- End timeline --> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | #ip_quote | ||
+ | { | ||
+ | margin-top:27px; | ||
+ | margin-bottom:27px; | ||
+ | margin-left:auto; | ||
+ | margin-right:35px; | ||
+ | width:98%; | ||
+ | color:#01114B; | ||
+ | font-size:140%; | ||
+ | line-height:140%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | </html> | ||
+ | |||
+ | <div class="whitebox"> | ||
+ | __NOTOC__ | ||
+ | |||
+ | ... | ||
</div> | </div> | ||
+ | |||
+ | <div class="whitebox"> | ||
+ | ... | ||
+ | <html> | ||
+ | <!-- BEGIN TIMELINE WHITEBOX HERE --> | ||
+ | <div name="zfhistory"> | ||
+ | <div id="timeline"> | ||
+ | |||
+ | <ul id="dates"> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-1-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-2-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-3-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-4-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-5-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-6-</a></li> | ||
+ | |||
+ | <li><a href="#" class="dateobject">-7-</a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | <ul id="issues"> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <p>...</p> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | <li id="-2-"> | ||
+ | |||
+ | <center><img src="https://static.igem.org/mediawiki/2014/a/a0/Application_Chart.jpg" width="670" height="283" /></center> | ||
+ | |||
+ | |||
+ | |||
+ | ... | ||
+ | |||
+ | </li> | ||
+ | |||
+ | <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 id="-4-"> | ||
+ | |||
+ | <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 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 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 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> | ||
+ | |||
+ | <div id="grad_left"></div> | ||
+ | |||
+ | <div id="grad_right"></div> | ||
+ | |||
+ | <a href="#" id="next">+</a> | ||
+ | |||
+ | <a href="#" id="prev">-</a> | ||
+ | |||
+ | </div> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
+ | |||
+ | <!-- 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 class="white_news_block"> | ||
+ | <h1blue2>Young Synthetic Biologists Intellectual Property Workshop</h1blue2> | ||
+ | <br><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/9a/OxiGEMYSB_Logo.jpg" style="float:right;position:relative; width:30%;" /> | ||
+ | In the process of putting together our report and our guidance for iGEM teams, our team, in collaboration with the event organisers Philipp and Bethan of UCL iGEM, ran an intellectual property workshop at the Young Synthetic Biologists Conference 2.0 for other iGEMmers interested in the issue. The event was a great success; teams attending said 'I hadn't really appreciated just how big an impact this area of law could have on scientific development and particularly on synthetic biology - it's given me a lot to think about!'. We had a great time and there were some really interesting and insightful debates and comments - thanks especially to iGEM Cambridge for their passion on this topic! | ||
+ | <br><br> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2014/7/71/YSB_Workshop.jpg" style="float:left;position:relative; width:33%;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/33/OxiGEMYSB_Presentation.jpg" style="float:left;position:relative; width:33%;" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/8/84/YSBAdvert.jpg" style="float:right;position:relative; width:33%;margin-bottom:5.5%;" /> | ||
+ | |||
+ | <br><br><br><br> | ||
+ | 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> | ||
+ | <h1blue2>View the Oxford iGEM powerpoint presentation used as the basis for our workshop below!</h1blue2> | ||
+ | <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> | ||
+ | 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 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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="white_news_block"> | ||
- | |||
<a href="https://2014.igem.org/Team:Oxford/policy_and_practices"> | <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% | + | <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&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 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& | + | <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&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 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&P_communication"> | <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% | + | <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 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"> | <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% | + | <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><br> | ||
- | + | </div> | |
Line 107: | Line 1,085: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </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;"> | ||
+ | <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> | ||
+ | <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: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%;" /> | ||
+ | <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= | ||
+ | "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> | ||
+ | </div> | ||
+ | <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover= | ||
+ | "iconleft(this)" onmouseout="iconnormal(this)" border="0"> | ||
+ | <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a> | ||
+ | </div> | ||
+ | <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover= | ||
+ | "iconleft(this)" onmouseout="iconnormal(this)" border="0"> | ||
+ | <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a> | ||
+ | </div> | ||
+ | <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover= | ||
+ | "iconleft(this)" onmouseout="iconnormal(this)" border="0"> | ||
+ | <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a> | ||
+ | </div> | ||
+ | <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover= | ||
+ | "iconleft(this)" onmouseout="iconnormal(this)" border="0" > | ||
+ | <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> | ||
</body> | </body> | ||
</html> | </html> | ||
- | |||
- |
Latest revision as of 03:46, 18 October 2014