Team:Queens Canada

From 2011.igem.org

(Difference between revisions)
 
(84 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. -->
Line 7: Line 7:
<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-->
<!--Sponsor Show-->
Line 48: Line 56:
<style>
<style>
-
#medialeft {width:210px; float:left; height: 345px; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px;padding:10px; }
+
#medialeft {width:200px; float:left; height: 345px; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px; padding:10px; }
-
#mediaright {width: 495px; float:left; 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;}  
#platinum {width:400px; float:left;}  
#goldsilver {width: 200px; float: right;}
#goldsilver {width: 200px; float: right;}
Line 59: 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">
<div id="rightcontenttext">
-
<h3orange>NEW! </h3orange>
+
<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>  
-
 
+
-
<regulartext> Click <span class="classoranget"><a href="https://2011.igem.org/Team:Queens_Canada/Project/Video">here </a><span>to view a video outlining our 2011 project! </regulartext>
+
-
 
+
-
<regulartext> Our 2011 Wiki is best viewed with Safari, Firefox or Chrome! </regulartext>
+
</div>
</div>
 +
<div id="rightcontentno">
<div id="rightcontentno">
<ul id="sm" class="sm">
<ul id="sm" class="sm">
Line 108: Line 114:
</script>
</script>
 +
<div id="lefttext1">
-
<div id="rightcontenttext">
+
<h3green>Project Goals </h3green><p>
-
<h3green>Project Nemoremediation</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>. We are currently building our Wiki and will be releasing new content every day, be sure to check back for more updates! </regulartext><p>
+
 +
<iframe width="352" alignment="center" height="270" src="http://www.youtube.com/embed/A8AonwB8DLI" frameborder="0" allowfullscreen></iframe>
-
<regulartext> In the meantime, 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 <span class="classgreent"><a href="https://2011.igem.org/Team:Queens_Canada/Intro/Photos">photos </a><span>from the summer! </regulartext>
 
</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> ✓ 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="mediaright">
-
<div id="left" style="float:left;">
+
<div id="left" style="float:right;">
<h3green>Photo Gallery</h3green><p>
<h3green>Photo Gallery</h3green><p>
-
  <div id="cesc" style="width:495px; height:320px;">
+
  <div id="cesc" style="width:505px; height:320px;">
-
<p>If nothing appears here, something has gone wrong! Please enable JavaScript to continue.</p>
+
<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 type="text/javascript" src="http://api.flickrshow.com/v7/flickrshow.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 146: Line 246:
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 3,
+
   rpp: 2,
   interval: 6000,
   interval: 6000,
-
   width: 210,
+
   width: 200,
-
   height: 320,
+
   height: 300,
   theme: {
   theme: {
     shell: {
     shell: {
Line 178: Line 278:
</div>
</div>
-
 
+
</div>

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