Team:Queens Canada/Intro/Team

From 2011.igem.org

(Difference between revisions)
Line 17: Line 17:
</head>
</head>
-
<div id="rightcontent">
+
<body>
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
<!--accordion menu-->
 +
 
 +
<div id="rightcontent">  
 +
<p><p>
 +
<div id="AccordionContainer" class="AccordionContainer">
 +
 
 +
<style type="text/css">
 +
 
 +
.classorange A:link {text-decoration:none; font-family:  SegoeWP; font-weight:light; font-size:14pt; color: #F86114;}
 +
.classorange A:visited {text-decoration:none; font-family: SegoeWP;  color: #F86114;}
 +
.classorange A:hover {text-decoration:none; font-family: SegoeWP; font-weight:semibold; font-size: 16pt; color: #000050;}
 +
 
 +
.classblue A:link {text-decoration:none; font-family:  SegoeWP; font-weight:light; font-size:14pt; color: #000050;}
 +
.classblue A:visited {text-decoration:none; font-family: SegoeWP; color: #000050;}
 +
.classblue A:hover {text-decoration:none; font-family: SegoeWP; font-weight:semibold; font-size: 16pt; color: #000050;}
 +
 
 +
.classpurple A:link {text-decoration:none; font-family:  SegoeWP; font-weight:light; font-size:14pt; color: #A23C9C;}
 +
.classpurple A:visited {text-decoration:none; font-family: SegoeWP; color: #A23C9C;}
 +
.classpurple A:hover {text-decoration:none; font-family: SegoeWP; font-weight:semibold; font-size: 16pt; color: #000050;}
 +
 
 +
.classgreen A:link {text-decoration:none; font-family:  SegoeWP; font-weight:light; font-size:14pt; color: #177404;}
 +
.classgreen A:visited {text-decoration:none; font-family: SegoeWP; color: #177404;}
 +
.classgreen A:hover {text-decoration:none; font-family: SegoeWP; font-weight:semibold; font-size: 16pt; color: #000050;}
 +
 
 +
.classred A:link {text-decoration:none; font-family:  SegoeWP; font-weight:light; font-size:14pt; color: #A80008;}
 +
.classred A:visited {text-decoration:none; font-family: SegoeWP; color: #A80008;}
 +
.classred A:hover {text-decoration:none; font-family: SegoeWP; font-weight:semibold; font-size: 16pt; color: #000050;}
 +
 
 +
orangetitle{color:#F86114;}
 +
yellowtitle{color:#FACE20;}
 +
purpletitle{color:#A23C9C;}
 +
turqtitle{color:#40CCFE;}
 +
bluetitle{color:#000050;}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
  <div onclick="runAccordion(1,75);">
 +
    <div class="AccordionTitle" onselectstart="return false;">
 +
      Student Members
 +
    </div>
 +
  </div>
 +
  <div id="Accordion1Content" class="AccordionContent">
 +
       
 +
 
<p><p>
<p><p>
Line 92: Line 144:
    
    
</table>
</table>
 +
 +
 +
 +
 +
 +
 +
 +
  </div>
 +
 +
  <div onclick="runAccordion(2,125);">
 +
    <div class="AccordionTitle" onselectstart="return false;">
 +
      Project Nemo
 +
    </div>
 +
  </div>
 +
  <div id="Accordion2Content" class="AccordionContent">
 +
          <span class="classgreen"> 
 +
            <a href="/Team:Queens_Canada/Project/Intro">    Introduction<p></a>   
 +
            <a href="/Team:Queens_Canada/Project/Background">Background<p></a> 
 +
            <a href="/Team:Queens_Canada/Project/Methods">Methods<p></a> 
 +
            <a href="/Team:Queens_Canada/Project/Results">Results<p></a>   
 +
            <a href="/Team:Queens_Canada/Project/Future">Applications<p></a> 
 +
        </span>
 +
  </div>
 +
 +
  <div onclick="runAccordion(3,125);">
 +
    <div class="AccordionTitle" onselectstart="return false;">
 +
      Side Projects
 +
    </div>
 +
  </div>
 +
  <div id="Accordion3Content" class="AccordionContent">
 +
    <span class="classred">
 +
            <a href="/Team:Queens_Canada/Side/Overview">Overview<p></a> 
 +
            <a href="/Team:Queens_Canada/Side/Bacteria">Gut Bacteria<p></a>
 +
            <a href="/Team:Queens_Canada/Side/Light">Light Sensing<p></a> 
 +
            <a href="/Team:Queens_Canada/Side/Knockout">RNAi Knockout<p></a> 
 +
            <a href="/Team:Queens_Canada/Side/Biodegradation">Biodegradation<p></a> 
 +
    </span>
 +
  </div>
 +
 +
  <div onclick="runAccordion(4,75);">
 +
    <div class="AccordionTitle" onselectstart="return false;">
 +
      Parts
 +
    </div>
 +
  </div>
 +
  <div id="Accordion4Content" class="AccordionContent">
 +
    <span class="classpurple">
 +
            <a href="/Team:Queens_Canada/Parts/Featured">Featured Parts<p></a>   
 +
            <a href="/Team:Queens_Canada/Parts/Registry">Submitted Parts<p></a> 
 +
            <a href="/Team:Queens_Canada/Parts/Contributions">Contributions<p></a> 
 +
    </span>
 +
  </div>
</div>
</div>
 +
 +
 +
<style>
 +
.AccordionTitle, .AccordionContent, .AccordionContainer
 +
{
 +
  position:relative;
 +
  width:755px;
 +
}
 +
 +
.AccordionTitle
 +
{
 +
  height:30px;
 +
  overflow:hidden;
 +
  cursor:pointer;
 +
  font-family:SegoeWP;
 +
  font-weight:bold;
 +
  text-indent:5px;
 +
  font-size:16pt;
 +
  color: #000050;
 +
  vertical-align:middle;
 +
  text-align:left;
 +
  background-repeat:repeat-x;
 +
  display:table-cell;
 +
 +
  -moz-user-select:none;
 +
}
 +
 +
.AccordionContent
 +
{
 +
  height:0px;
 +
  overflow:hidden;
 +
  cursor:pointer;
 +
  font-family: SegoeWP
 +
  font-size:12pt;
 +
  color:#000050;
 +
  text-indent:20px;
 +
  vertical-align:middle;
 +
  text-align:left;
 +
  display:none;
 +
}
 +
 +
.AccordionContainer
 +
{
 +
  height:AccHeight;
 +
  background-color: #white;
 +
  border-top: solid 3px #177404;
 +
  border-bottom: solid 3px #177404;
 +
  border-left: none;
 +
  border-right: none;
 +
}
 +
 +
 +
 +
</style>
 +
 +
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
  <script type="text/javascript">
 +
var ContentHeight = 200;
 +
var TimeToSlide = 300.0;
 +
 +
var openAccordion = '';
 +
 +
 +
function runAccordion(index, AccHeight)
 +
{
 +
  ContentHeight = AccHeight;
 +
 
 +
  var nID = "Accordion" + index + "Content";
 +
  if(openAccordion == nID)
 +
    nID = '';
 +
 
 +
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
 +
      + openAccordion + "','" + nID + "')", 33);
 +
 +
  openAccordion = nID;
 +
       
 +
}
 +
 +
function animate(lastTick, timeLeft, closingId, openingId)
 +
{ 
 +
  var curTick = new Date().getTime();
 +
  var elapsedTicks = curTick - lastTick;
 +
 +
  var opening = (openingId == '') ? null : document.getElementById(openingId);
 +
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 +
 +
  if(timeLeft <= elapsedTicks)
 +
  {
 +
    if(opening != null)
 +
      opening.style.height = ContentHeight + 'px';
 +
 
 +
    if(closing != null)
 +
    {
 +
      closing.style.display = 'none';
 +
      closing.style.height = '0px';
 +
    }
 +
    return;
 +
  }
 +
 +
  timeLeft -= elapsedTicks;
 +
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
 +
 +
  if(opening != null)
 +
  {
 +
    if(opening.style.display != 'block')
 +
      opening.style.display = 'block';
 +
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
 +
  }
 +
 +
  if(closing != null)
 +
    closing.style.height = newClosedHeight + 'px';
 +
 +
  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
 +
      + closingId + "','" + openingId + "')", 33);
 +
}
 +
 +
 +
</script>
 +
 +
 +
</div>
 +
 +
 +
 +
</html>
</html>

Revision as of 23:07, 20 June 2011

Student Members

Our Team

QGEM's 2011 Team

Queen's

Adrian McNeely

Adrian is a biochemist. He enjoys long walks on the beach, red wine, and successful PCRs.

Tony He

HE also works here!
Stephanie Zhou

She works here too!
Olivia Margie

She works here too!
Alex Campbell

He works here too!
Allister Smith

Allister is a biochemical engineer. Mr. Smith enjoys online lurking, the continuous shooting mode on his camera and is responsible for all spelling mistakes on the Wiki.

David Dai

David works here too!

Sophie Gong

She works here too!
Kevin Chen

He works here too!
Kristina Collavino

She works here too!
Eni Rukaj

She works here too!
Faisal Bakhteyar

He works here too!
Project Nemo
Side Projects
Parts

Retrieved from "http://2011.igem.org/Team:Queens_Canada/Intro/Team"