Team:Queens Canada

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
 
(544 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:Queens_Canada/Header}}
-
 
+
<!--Queen's iGEM Queen's iGEM Queen's iGEM Queens Queens Queen Queen-->
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<!--Note: this coding is terrible. We are learning how to code so bear with us. -->
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
<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="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
<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>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace.
+
 
 +
  <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>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<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>
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:Queens_Canada_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Queens_Canada_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Queens_Canada | Team Example]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
<div id="rightcontenttext">
 +
<h3green>Nemoremediation: Giving <i> C. elegans </i> a Bioremediation Toolkit</h3green><p><p>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
!align="center"|[[Team:Queens_Canada|Home]]
+
<script type="text/javascript">
-
!align="center"|[[Team:Queens_Canada/Team|Team]]
+
$(document).ready(function(){
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=Queens_Canada Official Team Profile]
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/99/Queens_CanadaWorm.png');
-
!align="center"|[[Team:Queens_Canada/Project|Project]]
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/8/84/Queens_CanadaWormChemotaxis.jpg');
-
!align="center"|[[Team:Queens_Canada/Parts|Parts Submitted to the Registry]]
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/c/c0/Queens_CanadaWormBiodegradation.jpg');
-
!align="center"|[[Team:Queens_Canada/Modeling|Modeling]]
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/9/99/Queens_CanadaWorm.png');
-
!align="center"|[[Team:Queens_Canada/Notebook|Notebook]]
+
  $("#but1").mouseenter(function() {
-
!align="center"|[[Team:Queens_Canada/Safety|Safety]]
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/2/2a/Queens_CanadaWormReporter.jpg');
-
!align="center"|[[Team:Queens_Canada/Attributions|Attributions]]
+
  });
-
|}
+
  $("#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

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