Team:Queens Canada
From 2011.igem.org
(Difference between revisions)
(181 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Template:Queens_Canada/Header}} | {{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. --> | <!--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> | <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;} | ||
Line 26: | Line 67: | ||
<body onLoad="runAccordion(1,125); slideMenu.build('sm',400,10,10,1)"> | <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 id="rightcontentno"> | <div id="rightcontentno"> | ||
<ul id="sm" class="sm"> | <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/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/ | + | <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/ | + | <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> | </ul> | ||
</div> | </div> | ||
Line 67: | Line 114: | ||
</script> | </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 id="leftpicture"> | ||
+ | <h3green>Achievements</h3green><p> | ||
- | <regulartext> | + | <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> | ||
- | <div id=" | + | <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> | </div> | ||
<script src="http://widgets.twimg.com/j/2/widget.js"></script> | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
- | <script | + | <script src="http://www.flickrshow.co.uk/static/scripts/flickrshow-7.2.min.js"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
var cesc = new flickrshow('cesc', { | var cesc = new flickrshow('cesc', { | ||
Line 100: | Line 237: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
</div> | </div> | ||
- | + | </div> | |
+ | <div id="medialeft"> | ||
+ | <h3green>Newsfeed</h3green><p> | ||
<div id="right" style="float:right;"> | <div id="right" style="float:right;"> | ||
<script> | <script> | ||
Line 108: | Line 246: | ||
version: 2, | version: 2, | ||
type: 'profile', | type: 'profile', | ||
- | rpp: | + | rpp: 2, |
interval: 6000, | interval: 6000, | ||
width: 200, | width: 200, | ||
- | height: | + | height: 300, |
theme: { | theme: { | ||
shell: { | shell: { | ||
Line 139: | Line 277: | ||
</div> | </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> | ||
Latest revision as of 02:09, 13 January 2012
introduction
project nemo
side projects
parts
human practices
notebook
partners
extras