Team:Queens Canada
From 2011.igem.org
(Difference between revisions)
(540 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <!-- | + | {{Template:Queens_Canada/Header}} |
- | + | <!--Queen's iGEM Queen's iGEM Queen's iGEM Queens Queens Queen Queen--> | |
<html> | <html> | ||
- | < | + | <!--Note: this coding is terrible. We are learning how to code so bear with us. --> |
- | < | + | |
- | + | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/> | |
+ | |||
+ | <head> | ||
+ | <style> | ||
+ | |||
+ | #lefttext {width: 342px; height: 120px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px; padding-bottom:17px;} | ||
+ | #leftpicture {width:342px; height:130px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 15px; bottom-padding:-5px; margin-top:8px;} | ||
+ | #lefttext1 {width: 356px; height: 285px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px; padding-bottom:17px;} | ||
+ | #harkright {float:right;} | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!--Sponsor Show--> | ||
+ | <script language="JavaScript1.1"> | ||
+ | <!-- | ||
+ | |||
+ | //***************************************** | ||
+ | // Blending Image Slide Show Script- | ||
+ | // © Dynamic Drive (www.dynamicdrive.com) | ||
+ | // For full source code, visit http://www.dynamicdrive.com/ | ||
+ | //***************************************** | ||
+ | |||
+ | //specify interval between slide (in mili seconds) | ||
+ | var slidespeed=3000 | ||
+ | |||
+ | //specify images | ||
+ | var slideimages=new Array("https://static.igem.org/mediawiki/2011/7/71/Calibrate.png","https://static.igem.org/mediawiki/2011/6/6d/Queens_Canada_Sponsors_FRONTPAGE_NEB.png","https://static.igem.org/mediawiki/2011/5/5b/Queens_Canada_Sponsors_FRONTPAGE_Collavino.png", "https://static.igem.org/mediawiki/2011/a/ae/Queens_Canada_Sponsors_FrontPage_PSI.png", "https://static.igem.org/mediawiki/2011/c/c3/Queens_Canada_Sponsors_FrontPage_MPB.png", "https://static.igem.org/mediawiki/2011/5/55/Queens_Canada_Sponsors_FrontPage_VWRMWG.png", "https://static.igem.org/mediawiki/2011/6/62/Queens_CanadaFRONT_PAGE-MWG.png", "https://static.igem.org/mediawiki/2011/4/4a/Queens_CanadaSponsorEnterprise.jpg", "https://static.igem.org/mediawiki/2011/7/7c/Queens_CanadaSponsorsIDT.png") | ||
+ | |||
+ | //specify corresponding links | ||
+ | var slidelinks=new Array("http://www.pipetpeoplestore.com/","http://www.neb.ca/","http://www.psi-hci.com/", "http://www.psi-hci.com/", "http://www.mpb-technologies.ca/", "https://ca.vwr.com/", "http://www.operon.com/default.aspx?country=CA", "http://www.enterprise.com/car_rental/home.do", "http://www.idtdna.com/Home/Home.aspx") | ||
+ | |||
+ | var newwindow=1 //open links in new window? 1=yes, 0=no | ||
+ | |||
+ | var imageholder=new Array() | ||
+ | var ie=document.all | ||
+ | for (i=0;i<slideimages.length;i++){ | ||
+ | imageholder[i]=new Image() | ||
+ | imageholder[i].src=slideimages[i] | ||
+ | } | ||
+ | |||
+ | function gotoshow(){ | ||
+ | if (newwindow) | ||
+ | window.open(slidelinks[whichlink]) | ||
+ | else | ||
+ | window.location=slidelinks[whichlink] | ||
+ | } | ||
+ | |||
+ | //--> | ||
+ | </script> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | #medialeft {width:200px; float:left; height: 345px; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding:10px; } | ||
+ | #mediaright {width: 505px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding:10px; } | ||
+ | #platinum {width:400px; float:left;} | ||
+ | #goldsilver {width: 200px; float: right;} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body onLoad="runAccordion(1,125); slideMenu.build('sm',400,10,10,1)"> | ||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | |||
+ | <h3green>NEWS! </h3green> <regulartext> QGEM is hiring for the 2012 season! <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Intro/Hiring">Click here</a><span> for more information. </regulartext> | ||
+ | |||
</div> | </div> | ||
- | <div id=" | + | |
- | + | <div id="rightcontentno"> | |
+ | <ul id="sm" class="sm"> | ||
+ | <li><a href="https://2011.igem.org/Team:Queens_Canada/tour1"><img align="center" style="width:410px; margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2011/9/93/Queens_Canada_Notebook.jpg"/></a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Queens_Canada/synbio"><img style="width:410px; margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2011/3/3b/Queens_Canada_Discover.jpg" alt="" /></a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Queens_Canada/Intro/Team"><img style="width:410px; margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2011/f/fd/Queens_Canada_Collaborate.jpg" alt="" /></a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
- | < | + | |
- | + | ||
+ | <script type="text/javascript"> | ||
+ | var slideMenu=function(){ | ||
+ | var sp,st,t,m,sa,l,w,sw,ot; | ||
+ | return{ | ||
+ | build:function(sm,sw,mt,s,sl,h){ | ||
+ | sp=s; st=sw; t=mt; | ||
+ | m=document.getElementById(sm); | ||
+ | sa=m.getElementsByTagName('li'); | ||
+ | l=sa.length; w=m.offsetWidth; sw=w/l; | ||
+ | ot=Math.floor((w-st)/(l-1)); var i=0; | ||
+ | for(i;i<l;i++){s=sa[i]; s.style.width=sw+'px'; this.timer(s)} | ||
+ | if(sl!=null){m.timer=setInterval(function(){slideMenu.slide(sa[sl-1])},t)} | ||
+ | }, | ||
+ | timer:function(s){s.onmouseover=function(){clearInterval(m.timer);m.timer=setInterval(function(){slideMenu.slide(s)},t)}}, | ||
+ | slide:function(s){ | ||
+ | var cw=parseInt(s.style.width,'10'); | ||
+ | if(cw<st){ | ||
+ | var owt=0; var i=0; | ||
+ | for(i;i<l;i++){ | ||
+ | if(sa[i]!=s){ | ||
+ | var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width,'10'); | ||
+ | if(ow>ot){oi=Math.floor((ow-ot)/sp); oi=(oi>0)?oi:1; o.style.width=(ow-oi)+'px'} | ||
+ | owt=owt+(ow-oi)}} | ||
+ | s.style.width=(w-owt)+'px'; | ||
+ | }else{clearInterval(m.timer)} | ||
+ | } | ||
+ | }; | ||
+ | }(); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <div id="lefttext1"> | ||
+ | |||
+ | <h3green>Project Goals </h3green><p> | ||
+ | |||
+ | <iframe width="352" alignment="center" height="270" src="http://www.youtube.com/embed/A8AonwB8DLI" frameborder="0" allowfullscreen></iframe> | ||
+ | |||
</div> | </div> | ||
+ | |||
+ | |||
+ | <div id="lefttext"> | ||
+ | <h3green>Welcome!</h3green><p> | ||
+ | <regulartext>This summer, 19 students from Queen's University designed and implemented a genetic engineering project for the annual <span class="classgreent"><a href="https://2011.igem.org">iGEM Competition</a></span>. Meet the <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Intro/Team">team</a><span>, check out our <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Project/Intro">project description </a><span>or see our <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Intro/Photos">photos</a><span>! </regulartext> | ||
</div> | </div> | ||
- | |||
- | < | + | <div id="leftpicture"> |
+ | <h3green>Achievements</h3green><p> | ||
+ | <regulartext> ✓ Have an amazing summer in the lab </regulartext><p> | ||
+ | <regulartext> ✓ Use <i> C. elegans </i> as a multicellular chassis </regulartext><p> | ||
+ | <regulartext> ✓ Fully characterize three parts in <i> C. elegans </i> </regulartext><p> | ||
+ | <regulartext> ✓ Win a <b> Gold Medal </b> at iGEM Americas Jamboree </regulartext><p> | ||
+ | <regulartext> ✓ Advance to World Championship Jamboree </regulartext><p> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div id="rightcontenttext"> |
+ | <h3green>Nemoremediation: Giving <i> C. elegans </i> a Bioremediation Toolkit</h3green><p><p> | ||
- | { | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function(){ | |
- | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/99/Queens_CanadaWorm.png'); | |
- | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/84/Queens_CanadaWormChemotaxis.jpg'); | |
- | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c0/Queens_CanadaWormBiodegradation.jpg'); | |
- | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/99/Queens_CanadaWorm.png'); | |
- | + | $("#but1").mouseenter(function() { | |
- | + | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/2a/Queens_CanadaWormReporter.jpg'); | |
- | + | }); | |
- | + | $("#but2").mouseenter(function() { | |
+ | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c0/Queens_CanadaWormBiodegradation.jpg'); | ||
+ | }); | ||
+ | $("#but3").mouseenter(function() { | ||
+ | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/84/Queens_CanadaWormChemotaxis.jpg'); | ||
+ | }); | ||
+ | $("#but4").mouseenter(function() { | ||
+ | $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/3/35/Queens_CanadaWormSwitch.jpg'); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | #maincon { | ||
+ | width:735px; | ||
+ | position:relative;} | ||
+ | #mainpic { | ||
+ | width:735px;} | ||
+ | #but1 { | ||
+ | width:300px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:225px; | ||
+ | z-index:2; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');} | ||
+ | #but2 { | ||
+ | width:300px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | left:175px; | ||
+ | top:100px; | ||
+ | z-index:2; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');} | ||
+ | #but3 { | ||
+ | width:180px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | left:50px; | ||
+ | top:70px; | ||
+ | z-index:2; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');} | ||
+ | #but4 { | ||
+ | width:180px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | left:250px; | ||
+ | top:225px; | ||
+ | z-index:2; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');} | ||
+ | </style> | ||
+ | <div id="maincon"> | ||
+ | <img id="mainpic" /> | ||
+ | <div id="but1"> | ||
+ | </div> | ||
+ | <div id="but2"> | ||
+ | </div> | ||
+ | <div id="but3"> | ||
+ | </div> | ||
+ | <div id="but4"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="harkright"> | ||
+ | <div id="mediaright"> | ||
+ | <div id="left" style="float:right;"> | ||
+ | <h3green>Photo Gallery</h3green><p> | ||
+ | <div id="cesc" style="width:505px; height:320px;"> | ||
+ | |||
+ | <p> </p> | ||
+ | |||
+ | </div> | ||
+ | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | |||
+ | <script src="http://www.flickrshow.co.uk/static/scripts/flickrshow-7.2.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | var cesc = new flickrshow('cesc', { | ||
+ | 'autoplay':true, | ||
+ | 'hide_buttons':false, | ||
+ | 'interval':4000, | ||
+ | 'set':'72157626977788082' | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="medialeft"> | ||
+ | <h3green>Newsfeed</h3green><p> | ||
+ | <div id="right" style="float:right;"> | ||
+ | <script> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 2, | ||
+ | interval: 6000, | ||
+ | width: 200, | ||
+ | height: 300, | ||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#000050', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#ffffff', | ||
+ | color: '#000000', | ||
+ | links: '#177404' | ||
+ | } | ||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: false, | ||
+ | loop: false, | ||
+ | live: false, | ||
+ | hashtags: true, | ||
+ | timestamp: true, | ||
+ | avatars: false, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('iGEMQueens').start(); | ||
+ | </script> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | |||
+ | |||
+ | <h3green>2011 Partners </h3green><p> | ||
+ | <regulartext> Click <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Partners/Sponsors">here</a><span> to see our full list of generous sponsors.<p> </regulartext> | ||
+ | |||
+ | <div id="platinum"> | ||
+ | <h3green1> Platinum</h3green1> <p> | ||
+ | <img align="left" style="margin-bottom:0px; width: 475px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/a/af/Queens_Canada_Platinum_FrontPage.png" usemap="#headermap" alt="Queen's" href="http://www.osli.ca/newideas/"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="goldsilver"> | ||
+ | <h3green1> Gold, Silver</h3green1> <p> | ||
+ | <a href="javascript:gotoshow()"><img src="image1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=150 height=85></a> | ||
+ | |||
+ | <script language="JavaScript1.1"> | ||
+ | <!-- | ||
+ | |||
+ | var whichlink=0 | ||
+ | var whichimage=0 | ||
+ | var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0 | ||
+ | function slideit(){ | ||
+ | if (!document.images) return | ||
+ | if (ie) document.images.slide.filters[0].apply() | ||
+ | document.images.slide.src=imageholder[whichimage].src | ||
+ | if (ie) document.images.slide.filters[0].play() | ||
+ | whichlink=whichimage | ||
+ | whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0 | ||
+ | setTimeout("slideit()",slidespeed+blenddelay) | ||
+ | } | ||
+ | slideit() | ||
+ | |||
+ | //--> | ||
+ | </script> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> |
Latest revision as of 02:09, 13 January 2012
introduction
project nemo
side projects
parts
human practices
notebook
partners
extras