Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
<head>
-
<script type="text/javascript">
 
-
// Copyright 2006-2007 javascript-array.com
+
<title> iGEM Information Tabs </title>
-
var timeout = 500;
+
<script type="text/javascript" src="http://www.wikiwikiwebworks.ca/script1.js"></script>
-
var closetimer = 0;
+
-
var ddmenuitem = 0;
+
-
// open hidden layer
+
<style>
-
function mopen(id)
+
-
{
+
</style>
-
// cancel close timer
+
-
mcancelclosetime();
+
-
+
-
// close old layer
+
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
-
+
-
// get new layer and show it
+
-
ddmenuitem = document.getElementById(id);
+
-
ddmenuitem.style.visibility = 'visible';
+
-
+
-
}
+
-
// close showed layer
+
-
function mclose()
+
-
{
+
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
-
}
+
-
+
-
// go close timer
+
-
function mclosetime()
+
-
{
+
-
closetimer = window.setTimeout(mclose, timeout);
+
-
}
+
-
+
-
// cancel close timer
+
-
function mcancelclosetime()
+
-
{
+
-
if(closetimer)
+
-
{
+
-
window.clearTimeout(closetimer);
+
-
closetimer = null;
+
-
}
+
-
}
+
-
// close layer when click-out
+
</head>
-
document.onclick = mclose;
+
-
</script>
 
-
<style>
 
-
p {
+
<body>
-
font-family: Verdana, sans-serif;
+
-
}
+
-
a {
 
-
font-family: Verdana, sans-serif;
 
-
}
 
-
div.bannerContainer{
 
-
width: 975px;
 
-
height: 275px;
 
-
margin-left: -5px;
 
-
margin-top: -56px;
 
-
background-color: #FFFFFF;
 
-
}
 
-
div.whiteout{
+
<!-- text division -->
-
width: 975px;
+
-
height: 44px;
+
-
margin: 0px;
+
-
position: relative;
+
-
 
+
-
background-color: #FFFFFF;
+
-
}
+
-
 
+
-
div.whiteout img{
+
-
float: right;
+
-
margin-left: 10px;
+
-
}
+
-
 
+
-
img.bannerImage{
+
-
margin-top: 0px;
+
-
}
+
-
 
+
-
 
+
-
div.menuBar{
+
-
margin-left: -5px;
+
-
width: 975px;
+
-
height: 25px;
+
-
margin-bottom: 20px;
+
-
}
+
-
 
+
-
 
+
-
#nav {
+
-
margin: 0;
+
-
padding: 0;
+
-
z-index: 30;
+
-
position: relative;
+
-
}
+
-
#nav li {
+
<div style="margin-left:auto; margin-right:auto; background:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Background.png'); width:556px; height:330px; padding-top:15px; ">
-
margin: 0;
+
-
padding: 0;
+
<div id="0" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:block ">
-
list-style: none;
+
-
float: left;
+
-
font: bold 11px arial;
+
-
}
+
-
#nav li a {
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
display: block;
+
-
margin: 0 0 0 0;
+
<img id="boximage1" src="http://www.army.forces.gc.ca/cfb_suffield/Images/CFB_Suffield1.gif"></img>
-
padding: 6px 10px;
+
-
width: 80px;
+
</div>
-
background: #FFFFFF;
+
-
color: #000;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
border-right: 2px solid black;
 
-
}
 
-
#nav li a:hover {
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
background: #FFFFFF;
+
-
color: #000;
+
<p style="padding-left:10px;">On July 14th, 2010, iGEM Calgary visited the Defence Research and Development Canada (DRDC) facility in Suffield, Alberta.</p>
-
}
+
 +
</div>
 +
 +
</div>
-
#nav div {
+
-
position: absolute;
+
-
visibility: hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #1A1A1A;
+
-
}
+
-
#nav div a {
+
-
position: relative;
+
-
display: block;
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
width: 150px;
+
-
white-space: nowrap;
+
-
text-align: left;
+
-
text-decoration: none;
+
-
background: #FFFFFF;
+
-
color: #000;
+
-
font: 11px arial;
+
-
}
+
-
#nav div a:hover {
+
<div id="1" style="background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
background: #FFFFFF;
+
-
color: #000;
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
}
+
 +
<img id="boximage2" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA-1.png"></img>
 +
</div>
-
div.tabBox{
+
-
float: left;
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
width: 530px;
+
-
height: 360px;
+
<p style="padding-left:10px;"> I'm generic information about Lethbridge! </p>
-
margin: 5px;
+
-
margin-top: 10px;
+
</div>
-
margin-right: 0;
+
-
border: 1px solid green;
+
</div>
-
}
+
-
div.miniBar{
+
-
float: left;
+
-
height: 360px;
+
-
width: 400px;
+
-
margin-top: 10px;
+
-
margin-left: 15px;
+
-
}
+
-
div.countdown{
+
<div id="2" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
width: 356px;
+
-
margin-left: auto;
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
margin-right: auto;
+
-
border: 2px solid black;
+
-
}
+
-
div.miniContainer{
+
<img id="boximage3" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/bhsgrnsmall.png"></img>
-
width: 360px;
+
-
margin-left: auto;
+
</div>
-
margin-right: auto;
+
-
}
+
-
img.galleryButton {
+
-
width: 360px;
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
height: 121px;
+
-
}
+
-
 
+
-
img.sponsorButton{
+
-
width: 360px;
+
-
height: 121px;
+
-
}
+
 +
<p style="padding-left:10px;"> I'm like burning man but better! </p>
-
div.twitterTicker{
+
</div>
-
clear: left;
+
-
margin-top: 5px;
+
</div>
-
margin-left: 5px;
+
-
}
+
-
div.projectDescContainer{
+
-
background-image:url("http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProjectDescriptionBox.png");
+
-
background-repeat: repeat-y;
+
-
width: 866px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-top: 20px;
+
-
}
+
-
img.descTitle{
+
<div id="3" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
float: left;
+
-
margin-top: 20px;
+
-
margin-left: 10px;
+
-
}
+
-
div.projectDescContainer p{
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
clear: left;
+
-
padding: 10px 10px 10px 10px;
+
<img id="boximage4" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProtocolIcon.png"></img>
-
}
+
 +
</div>
-
div.sponsorsContainer{
+
-
width: 866px;
+
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-top: 20px;
+
-
}
+
-
img.sponsTitle{
+
<p style="padding-left:10px;"> I'm a fan of cupcakes! </p>
-
float: left;
+
-
margin-top: 20px;
+
</div>
-
margin-left: 10px;
+
-
}
+
</div>
-
div.sponsorsContainer table{
+
-
clear: left;
+
-
width: 866px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-top: -10px;
+
-
}
+
-
div.sponsorsContainer td{
+
<div id="4" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
padding: 10px;
+
-
}
+
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
</style>
+
<img id="boximage5" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Twitter.png"></img>
-
</head>
+
 +
</div>
 +
 +
<div style="height:75px; width:527px; background-image:url('http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Greyportion.png'); float:left; margin-left:-9px;">
-
<body>
+
<p style="padding-left:10px;"> I'm from Alberta and I'm awesome! </p>
-
<div class="bannerContainer">
+
-
<div class="whiteout">
+
</div>
-
</div>
+
 +
</div>
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/header-1.png" class="bannerImage" title="University of Calgary iGEM Team 2010"></img>
 
</div>
</div>
-
<div class="menuBar">
 
-
<ul id="nav">
 
-
<li>
 
-
<a href="https://2010.igem.org/Team:Calgary"
 
-
onmouseover="mopen('m1')"
 
-
onmouseout="mclosetime()">
 
-
Home</a>
 
-
</li>
 
-
<li>
+
<!-- menu bar -->
-
<a href="#"
+
-
onmouseover="mopen('m2')"
+
<div style="width:524px; height:35px; margin-right:auto; margin-left:auto; margin-top:-10px; padding-left:10px; ">
-
onmouseout="mclosetime()">
+
-
Team</a>
+
-
<div id="m2"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Biographies</a>
+
-
<a href="#">Facilitators</a>
+
-
<a href="#">Photographs</a>
+
-
<a href="#">About the University</a>
+
-
<a href="#">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#"
+
<div onmouseover="imgHover(1);" onmouseout="imgOff(1);" onclick="changeTab(0);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="suffield" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png" title="suffield" /> </div>
-
onmouseover="mopen('m3')"
+
-
onmouseout="mclosetime()">
+
-
Project</a>
+
-
<div id="m3"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Transcription/Translation</a>
+
-
<a href="#">Cpx Circuit</a>
+
-
<a href="#">IbpAB Circuit</a>
+
-
<a href="#">Abstract</a>
+
-
<a href="#">Introduction</a>
+
-
<a href="#">Results</a>
+
-
<a href="#">Discussion</a>
+
-
<a href="#">References</a>
+
-
<a href="#">Acknowledgements</a>
+
-
</div>
+
-
</li>
+
-
+
-
<li><a href="#"
+
-
onmouseover="mopen('m4')"
+
<div onmouseover="imgHover(2);" onmouseout="imgOff(2);" onclick="changeTab(1);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="lethbridge" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png" title="lethbridge" /> </div>
-
onmouseout="mclosetime()">
+
-
Parts</a>
+
-
<div id="m4"
+
-
onmouseover="mcancelclosetime()"
+
-
onmouseout="mclosetime()">
+
-
<a href="#">Parts Submitted</a>
+
-
<a href="#">Team Favourites</a>
+
-
<a href="#">Characterization</a>
+
-
</div>
+
-
</li>
+
 +
 +
<div onmouseover="imgHover(3);" onmouseout="imgOff(3);" onclick="changeTab(2);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="proteinman" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png" title="protein man" /> </div>
-
<li><a href="#"
 
-
onmouseover="mopen('m5')"
 
-
onmouseout="mclosetime()">
 
-
Notebook</a>
 
-
<div id="m5"
 
-
onmouseover="mcancelclosetime()"
 
-
onmouseout="mclosetime()">
 
-
<a href="#">Calendar</a>
 
-
<a href="#">Brainstorming</a>
 
-
<a href="#">Safety and Protocols</a>
 
-
</div>
 
-
</li>
 
 +
<div onmouseover="imgHover(4);" onmouseout="imgOff(4);" onclick="changeTab(3);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="community" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png" title="bake sale" /> </div>
-
<li><a href="#">
+
-
Modelling</a>
+
<div onmouseover="imgHover(5);" onmouseout="imgOff(5);" onclick="changeTab(4);" style="margin-left:2.4; margin-right:2.4; float:left; width:98px; height:35px; "> <img id="agem" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png" title="aGEM" /> </div>
-
</li>
+
 +
</div>
-
<li><a href="#"
 
-
onmouseover="mopen('m7')"
 
-
onmouseout="mclosetime()">
 
-
Community</a>
 
-
<div id="m7"
 
-
onmouseover="mcancelclosetime()"
 
-
onmouseout="mclosetime()">
 
-
<a href="#">Ethics</a>
 
-
<a href="#">Gallery</a>
 
-
<a href="#">DRDC Suffield Trip</a>
 
-
<a href="#">Conferences</a>
 
-
<a href="#">Blog</a>
 
-
</div>
 
-
</li>
 
-
<li><a href="#">Sponsors</a></li>
 
-
</ul>
+
</body>
-
</div>
+
-
<div class="tabBox">
 
-
 
-
</div>
 
-
 
-
<div class="miniBar">
 
-
<div class="countdown"><object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000000&bgcolor=FFFFFF&date_month=11&date_day=05&date_year=0&un=THE IGEM JAMBOREE&size=normal&mo=11&da=05&yr=2010" width="356" height="115"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=000000&bgcolor=FFFFFF&date_month=11&date_day=05&date_year=0&un=THE IGEM JAMBOREE&size=normal&mo=11&da=05&yr=2010" /><param name="bgcolor" value="#FFFFFF" /></object><img src="http://www.oneplusyou.com/q/img/bb_badges/countdown.jpg" alt="" style="display: none;" height="1" width="1" /></div>
 
-
<div class="miniContainer">
 
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/RecentPhotosTab.png" class="galleryButton"></img>
 
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SponsoroftheMonthButton.png" class="sponsorButton"></img>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="twitterTicker">
 
-
<iframe src="http://s1.rsspump.com/rss.aspx?s=a65f65cb-5561-4e09-ab23-1b518cb1b35e&amp;speed=1&amp;t=0&amp;d=1&amp;u=0&amp;p=0&amp;b=0&amp;ic=5&amp;font=Verdana&amp;fontsize=12px&amp;bgcolor=&amp;color=000000&amp;type=typewriter&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="16" scrolling="no" allowtransparency="true"></iframe><noframes><div style="background-color: none transparent;"><a href="http://www.rsspump.com/?web_widget/rss_widget/twitter_widget" title="web widget">Twitter Widget</a></div></noframes>
 
-
</div>
 
-
 
-
<div class="boxContainer">
 
-
<div class="blueBox"></div>
 
-
<div class="greenBox"></div>
 
-
<div class="purpleBox"></div>
 
-
</div>
 
-
 
-
<div class="projectDescContainer">
 
-
<img class="descTitle" title="Project Description" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProjectDescription.png"></img>
 
-
<p>Many synthetic biology projects involve the expression of recombinant proteins in microorganisms such as E. coli. The problems encountered with many synthetic biology projects often involve problems with protein expression. It is often very difficult to recognize the problem and pinpoint where it lies. The goal of the University of Calgary 2010 iGEM team is to build a protein expression "troubleshooting kit". This kit will contain two systems with which target genes can be inserted. In the resulting cell growth, fluorescent protein production will be used to determine whether there is a problem with protein expression as well as indicate where the protein expression is failing.</p>
 
-
<p>Protein expression happens in three steps: the transcription of the DNA to mRNA, the translation of mRNA into an amino acid sequence, and the folding of that amino acid sequence into a protein. Our system detects possible errors in these three steps using two circuits. The first circuit has a fluorescent reporter that is produced when DNA is transcribed into mRNA and another that is produced when mRNA is translated into a functional protein. When both reporter proteins are expressed in the cell, it indicates both transcription and translation are successful. The second circuit involves reporter systems that are activated as a result of protein misfolding. Two native stress-activated promoters from E. coli were engineered upstream to fluorescent reporters that will respond to periplasmic and cytoplasmic protein misfolding. If the protein of interest misfolds in either area of the cell, one of the promoters will be activated and the corresponding fluorescence will be observed.</p>
 
-
</div>
 
-
 
-
<div class="sponsorsContainer">
 
-
<img class="sponsTitle" title="Sponsors" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Sponsors.png"></img>
 
-
 
-
<table>
 
-
<tr>
 
-
<td><a href="#"><img src="http://www.sciencemediacentre.ca/smc/images/stories/logos/AI%20Tech_RGB.jpg"></img></a></td>
 
-
<td><a href="#"><img src="http://enel.ucalgary.ca/mitacs/MITACS/images/Logo_UofC.jpg"></img></a></td>
 
-
<td><a href="#"><img src="https://static.igem.org/mediawiki/2008/7/7b/Bioalberta.jpeg"></img></a></td>
 
-
</tr>
 
-
<tr>
 
-
<td><a href="#"><img src="http://www.innolution.com/img/autodesk_logo.jpg"></img></a></td>
 
-
<td><a href="#"><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/NEB_logoSmall2.png"></img></a></td>
 
-
<td><a href="#"><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/VWRLogoCallBlue-HIGHREScopy2.png"></img></a></td>
 
-
</tr>
 
-
</table>
 
-
</div>
 
-
 
-
 
-
</body>
 
</html>
</html>

Latest revision as of 06:48, 25 October 2010

iGEM Information Tabs

On July 14th, 2010, iGEM Calgary visited the Defence Research and Development Canada (DRDC) facility in Suffield, Alberta.

I'm generic information about Lethbridge!

I'm like burning man but better!

I'm a fan of cupcakes!

I'm from Alberta and I'm awesome!

Retrieved from "http://2010.igem.org/Team:Calgary/Sandbox"