Team:Queens Canada

From 2011.igem.org

(Difference between revisions)
 
(507 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. -->
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/>
 +
 +
<head>
<style>
<style>
-
#rightcontent {width:755px; float: left; background-color: #F9F9F9; margin-left: 8px; height:800px; margin-top:10px}
+
 
 +
#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>
</style>
-
<div id="rightcontent">
 
 +
<!--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/
 +
//*****************************************
-
<div id="cesc" style="width:755px;height:300px;">
+
//specify interval between slide (in mili seconds)
-
<p>If nothing appears here, something has gone wrong! Please enable JavaScript to continue.</p>
+
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>
-
<p><p><p><p><p><p><p><p><p><p><p>
+
<div id="rightcontentno">
-
<script type="text/javascript" src="http://api.flickrshow.com/v7/flickrshow.js"></script>
+
<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>
 +
 
 +
 
 +
  <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 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> ✓ 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">
     <script type="text/javascript">
         var cesc = new flickrshow('cesc', {
         var cesc = new flickrshow('cesc', {
Line 23: Line 234:
             'hide_buttons':false,
             'hide_buttons':false,
             'interval':4000,
             'interval':4000,
-
             'set':'72157626830907153'
+
             'set':'72157626977788082'
         });
         });
</script>
</script>
-
 
</div>
</div>
-
 
+
</div>
-
<div id="leftcolumn">
+
<div id="medialeft">
-
 
+
<h3green>Newsfeed</h3green><p>
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
<div id="right" style="float:right;">
-
 
+
<script>
-
<script>  
+
new TWTR.Widget({
new TWTR.Widget({
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 4,
+
   rpp: 2,
   interval: 6000,
   interval: 6000,
-
   width: 298,
+
   width: 200,
   height: 300,
   height: 300,
   theme: {
   theme: {
Line 49: Line 258:
       background: '#ffffff',
       background: '#ffffff',
       color: '#000000',
       color: '#000000',
-
       links: '#000050'
+
       links: '#177404'
     }
     }
   },
   },
Line 61: Line 270:
     behavior: 'all'
     behavior: 'all'
   }
   }
-
}).render().setUser('iGEMQueens').start();  
+
}).render().setUser('iGEMQueens').start();
</script>
</script>
 +
</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>
 +
 +
</html>
</html>

Latest revision as of 02:09, 13 January 2012

NEWS! QGEM is hiring for the 2012 season! Click here for more information.
Project Goals

Welcome!

This summer, 19 students from Queen's University designed and implemented a genetic engineering project for the annual iGEM Competition. Meet the team, check out our project description or see our photos!

Achievements

✓ Have an amazing summer in the lab

✓ Use C. elegans as a multicellular chassis

✓ Fully characterize three parts in C. elegans

✓ Win a Gold Medal at iGEM Americas Jamboree

✓ Advance to World Championship Jamboree

Nemoremediation: Giving C. elegans a Bioremediation Toolkit

Photo Gallery

Newsfeed

2011 Partners

Click here to see our full list of generous sponsors.

Platinum

Queen's

Gold, Silver