Team:Queens Canada
From 2011.igem.org
(Difference between revisions)
(94 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: | + | #medialeft {width:200px; float:left; height: 345px; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding:10px; } |
- | #mediaright {width: | + | #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"> | ||
- | < | + | <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="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 104: | Line 114: | ||
</script> | </script> | ||
+ | <div id="lefttext1"> | ||
- | + | <h3green>Project Goals </h3green><p> | |
- | <h3green> | + | |
- | + | ||
+ | <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> ✓ 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: | + | <div id="left" style="float:right;"> |
<h3green>Photo Gallery</h3green><p> | <h3green>Photo Gallery</h3green><p> | ||
- | <div id="cesc" style="width: | + | <div id="cesc" style="width:505px; height:320px;"> |
- | <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 | + | <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 142: | Line 246: | ||
version: 2, | version: 2, | ||
type: 'profile', | type: 'profile', | ||
- | rpp: | + | rpp: 2, |
interval: 6000, | interval: 6000, | ||
- | width: | + | width: 200, |
- | height: | + | height: 300, |
theme: { | theme: { | ||
shell: { | shell: { | ||
Line 174: | Line 278: | ||
</div> | </div> | ||
- | + | </div> | |
Latest revision as of 02:09, 13 January 2012
introduction
project nemo
side projects
parts
human practices
notebook
partners
extras