Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CalgaryMenu}}
+
<html>
-
<html>
 
<head>
<head>
-
 
-
<style>
 
-
div.tabBox{
+
<title> iGEM Information Tabs </title>
-
float: left;
+
-
width: 530px;
+
-
height: 360px;
+
-
margin: 5px;
+
-
margin-top: 10px;
+
-
margin-right: 0;
+
-
margin-bottom: 20px;
+
-
}
+
-
div.miniBar{
+
<script type="text/javascript">
-
float: left;
+
-
height: 360px;
+
-
width: 400px;
+
-
margin-top: 11px;
+
-
margin-left: 15px;
+
-
}
+
-
div.countdown{
+
var curr_menu = "suffield";
-
width: 356px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
border: 2px solid black;
+
-
}
+
-
div.miniContainer{
+
function imgHover( link )
-
width: 360px;
+
{
-
margin-left: auto;
+
    var hov = link;
-
margin-right: auto;
+
-
}
+
-
img.galleryButton {
+
    switch (hov)
-
width: 360px;
+
    {
-
height: 121px;
+
-
}
+
        case 1:
-
img.sponsorButton{
+
            if ( curr_menu != "suffield" )
-
width: 360px;
+
            {
-
height: 121px;
+
-
}
+
-
+
                img = document.getElementById('suffield');
-
div.twitterTicker{
+
-
clear: left;
+
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldBlue.png';
-
margin-top: 5px;
+
-
margin-left: 5px;
+
-
}
+
-
div.twitterTicker img{
+
            }
-
float: left;
+
-
margin-bottom: 20px;
+
            break;
-
margin-left: 10px;
+
-
}
+
        case 2:
-
div.twitterTicker iframe, div.twitterTicker p{
+
            if ( curr_menu != "lethbridge" )
-
margin-left: 10px;
+
            {
-
}
+
       
 +
                img = document.getElementById('lethbridge');
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeBlue.png';
 +
 +
            }
 +
 +
            break;
 +
 +
        case 3:
-
div.twitterTicker a{
+
            if ( curr_menu != "proteinman" )
-
color: #66cf12;
+
            {
-
}
+
       
 +
                img = document.getElementById('proteinman');
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManBlue.png';
 +
 +
            }
 +
 +
            break;
 +
 +
        case 4:
 +
 +
            if ( curr_menu != "community" )
-
div.boxContainer{
+
            {
-
width: 920px;
+
-
height: 310px;
+
                img = document.getElementById('community');
-
margin-right: auto;
+
-
margin-left: auto;
+
-
margin-top: 20px;
+
-
}
+
-
div.blueBox, div.greenBox, div.purpleBox{
+
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityBlue.png';
-
float: left;
+
-
width: 300px;
+
            }
-
height: 310px;
+
-
margin:0;
+
            break;
-
padding:0;
+
-
border: 0;
+
-
}
+
-
div.blueBox img, div.greenBox img, div.purpleBox img{
+
        case 5:
-
float: left;
+
-
margin-left: 5px;
+
            if ( curr_menu != "agem" )
-
margin-top: 5px;
+
-
}
+
            {
 +
       
 +
        img = document.getElementById('agem');
-
div.blueBox p, div.greenBox p, div.purpleBox p{
+
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMBlue.png';
-
clear: left;
+
-
padding-top: 30px;
+
            }
-
margin-left: 5px;
+
-
font-size: 12px;
+
            break;
-
color: #FFF;
+
               
-
width: 300px;
+
        default:
-
height: 250px;
+
-
line-height: 15px;
+
            break;
-
}
+
       
 +
    }
 +
 +
}
-
div.blueBox{
+
-
background-color: #54bcf8;
+
-
}
+
-
div.greenBox{
+
function imgOff( link )
-
background-color: #7ae722;
+
{
-
}
+
 +
    var hov = link;
-
div.purpleBox{
+
    switch (hov)
-
background-color: #7b54cc;
+
-
}
+
-
div.purpleBox iframe{
+
    {
-
margin-top: 5px;
+
-
margin-left: -7px;
+
-
}
+
-
div.boxSpacer{
+
        case 1:
-
float: left;
+
-
width: 10px;
+
-
height: 300px;
+
-
background-color: #FFFFFF;
+
-
}
+
-
div.projectDescContainer{
+
            if (curr_menu == "suffield")
-
background-image:url("http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProjectDescriptionBox.png");
+
-
background-repeat: repeat-y;
+
            {
-
width: 866px;
+
-
margin-left: auto;
+
                img = document.getElementById('suffield')
-
margin-right: auto;
+
-
margin-top: 20px;
+
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png';
-
padding-bottom: 20px;
+
-
}
+
            }
 +
 +
            else
 +
 
 +
            {
 +
 +
                img = document.getElementById('suffield');
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldGrey.png';
 +
 +
            }
 +
 +
            break;
 +
 +
        case 2:
 +
 
 +
            if (curr_menu == "lethbridge")
 +
 +
            {
 +
 +
                img = document.getElementById('lethbridge')
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeWhite.png';
 +
 +
            }
 +
 
 +
            else
 +
 +
            {
 +
 +
                img = document.getElementById('lethbridge');
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png';
 +
 +
            }
 +
 +
            break;
 +
 +
        case 3:
 +
 
 +
            if (curr_menu == "proteinman")
 +
 +
            {
 +
 +
                img = document.getElementById('proteinman')
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManWhite.png';
 +
 +
            }
 +
 +
            else
 +
 +
            {
 +
       
 +
                img = document.getElementById('proteinman');
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png';
 +
 +
            }
 +
 +
            break;
 +
 +
        case 4:
 +
 
 +
            if (curr_menu == "community")
 +
 +
            {
 +
 +
                img = document.getElementById('community')
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityWhite.png';
 +
 +
            }
 +
 +
            else
 +
 
 +
            {
 +
       
 +
                img = document.getElementById('community');
 +
 
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png';
 +
 
 +
            }
 +
 +
            break;
 +
 +
        case 5:
 +
 
 +
            if (curr_menu == "agem")
 +
 +
            {
 +
 +
                img = document.getElementById('agem')
 +
 +
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMWhite.png';
 +
 
 +
            }
-
img.descTitle{
+
            else
-
float: left;
+
-
margin-top: 20px;
+
-
margin-left: 20px;
+
-
margin-bottom: 10px;
+
-
}
+
-
div.projectDescContainer p{
+
            {
-
clear: left;
+
       
-
padding-left: 20px;
+
                img = document.getElementById('agem');
-
padding-right: 20px;
+
-
}
+
                img.src = 'http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png';
 +
 +
            }
 +
 +
            break;
 +
               
 +
        default:
-
div.projectDescContainer a{
+
            break;
-
color: #7b54cc;
+
       
-
}
+
    }
-
div.sponsorsContainer{
 
-
width: 866px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
margin-top: 20px;
 
}
}
-
img.sponsTitle{
+
-
float: left;
+
-
margin-top: 20px;
+
-
margin-left: 10px;
+
-
}
+
-
div.sponsorsContainer table{
+
function changeTab( tab )
-
clear: left;
+
{
-
width: 866px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-top: -10px;
+
-
}
+
-
div.sponsorsContainer td{
 
-
padding: 10px;
 
-
}
 
-
div.sponsorsContainer td a img{
+
    // update tab
-
width: 230px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
}
+
 +
    updateDisplay();
 +
 +
    textblock = document.getElementById(tab);
 +
 +
    textblock.style.display = "block";
 +
 +
 +
    // change previous menu image to background image
 +
 +
    prev_selection = curr_menu;
 +
 +
    if (prev_selection == "suffield")
 +
 +
    {
 +
 +
        img = document.getElementById('suffield');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldGrey.png";
 +
 +
    }
 +
 +
    else if (prev_selection == "lethbridge")
 +
 +
    {
 +
 +
        img = document.getElementById('lethbridge');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeGrey.png";
 +
 +
    }
 +
       
 +
    else if (prev_selection == "proteinman")
 +
 +
    {
 +
 +
        img = document.getElementById('proteinman');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManGrey.png";
 +
 +
    }
 +
       
 +
    else if (prev_selection == "community")
 +
 +
    {
 +
 +
        img = document.getElementById('community');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityGrey.png";
 +
 +
    }
 +
 +
    else if (prev_selection == "agem")
 +
 +
    {
 +
 +
        img = document.getElementById('agem');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMGrey.png";
 +
 +
    }
 +
 +
 +
   
 +
   
 +
    // update menu link
 +
 +
    if ((tab == 0) && (curr_menu != "suffield"))
 +
 +
    {
 +
 +
        img = document.getElementById('suffield');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/SuffieldWhite.png";
 +
 +
        curr_menu = "suffield";
 +
 +
    }
 +
 +
    else if ( (tab == 1) && (curr_menu != "lethbridge"))
 +
 +
    {
 +
 +
        img = document.getElementById('lethbridge');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/LethbridgeWhite.png";
 +
 +
        curr_menu = "lethbridge";
 +
 +
    }
 +
 +
    else if ( (tab == 2) && (curr_menu != "proteinman"))
 +
 +
    {
 +
 +
        img = document.getElementById('proteinman');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ProteinManWhite.png";
 +
 +
        curr_menu = "proteinman";
 +
 +
    }
 +
 +
    else if ( (tab == 3) && (curr_menu != "community"))
 +
 +
    {
 +
 +
        img = document.getElementById('community');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/CommunityWhite.png";
 +
 +
        curr_menu = "community";
 +
 +
    }
 +
 +
    else if ( (tab == 4) && (curr_menu != "agem"))
 +
 +
    {
 +
 +
        img = document.getElementById('agem');
 +
 +
        img.src = "http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/aGEMWhite.png";
 +
 +
        curr_menu = "agem";
 +
 +
    }
 +
 +
}
 +
 +
 +
 +
function updateDisplay()
 +
{
 +
 +
    for (i = 0; i<5; i++)
 +
 +
    {
 +
 +
        textBlock = document.getElementById(i);
 +
 +
        textBlock.style.display = "none";
 +
 +
    }
 +
 +
}
 +
 +
 +
 +
</script>
 +
 +
 +
<style>
 +
 +
</style>
-
</style>
 
</head>
</head>
 +
<body>
<body>
-
<div class="tabBox">
 
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/TabMenu2.png"></img>
 
-
</div>
 
-
<div class="miniBar">
+
<!-- text division -->
-
<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">
+
<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; ">
-
<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 id="0" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:block ">
-
</div>
+
-
</div>
+
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
 +
 +
<img id="boximage1" src="http://www.army.forces.gc.ca/cfb_suffield/Images/CFB_Suffield1.gif"></img>
 +
 +
</div>
-
<div class="twitterTicker">
 
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Twitter.png"></img>
 
-
<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>
 
-
<p><a href="http://twitter.com/iGEMCalgary">Follow us on Twitter!</a></p>
 
-
</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;">
 +
 +
<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>
-
<div class="boxContainer">
+
-
<div class="blueBox">
+
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Modellingtxt.png"></img>
+
-
<p>Our modelling project description will arrive soon! Keep checking back!</p>
+
-
</div>
+
 +
<div id="1" style="background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
 +
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
 +
 +
<img id="boximage2" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
 +
</div>
-
<div class="boxSpacer"></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;">
 +
 +
<p style="padding-left:10px;"> I'm generic information about Lethbridge! </p>
 +
 +
</div>
 +
 +
</div>
 +
-
<div class="greenBox">
+
<div id="2" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Circuit1.png"></img>
+
-
<p></p>
+
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
-
</div>
+
 +
<img id="boximage3" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
 +
 +
</div>
-
<div class="boxSpacer"></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;">
 +
<p style="padding-left:10px;"> I'm like burning man but better! </p>
 +
 +
</div>
 +
 +
</div>
-
<div class="purpleBox">
+
-
<img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/NewsFeed.png"></img>
+
-
<iframe width="400" height="300" style="border:none;" src="http://output17.rssinclude.com/output?type=iframe&id=138298&hash=53e22a9f7ec86cf9adb1e136f5752fef"></iframe>
+
-
</div>
+
-
</div>
+
<div id="3" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
 +
 
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
 +
 +
<img id="boximage4" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
 +
 +
</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;">
 +
 
 +
<p style="padding-left:10px;"> I'm a fan of cupcakes! </p>
 +
 +
</div>
 +
 +
</div>
 +
 
 +
 +
 
 +
<div id="4" style=" background-color:white; width:510px; height:310px; margin-left:auto; margin-right:auto; display:none ">
 +
 
 +
<div style="height:239px; border:1px solid #CCCCCC; margin-bottom:5px;">
 +
 
 +
<img id="boximage5" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/ImageTBA.png"></img>
 +
 +
</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;">
 +
 
 +
<p style="padding-left:10px;"> I'm from Alberta and I'm awesome! </p>
 +
 +
</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>
 
-
<p><a href="https://2010.igem.org/Team:Calgary/Project">Read more...</a></p>
 
</div>
</div>
-
<div class="sponsorsContainer">
 
-
<img class="sponsTitle" title="Sponsors" src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Sponsors.png"></img>
 
-
<table>
+
<!-- menu bar -->
-
<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>
+
-
<tr>
+
-
<td><a href="#"><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/bhsgrnsmall.png"></img></a></td>
+
-
<td><a href="#"><img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/AHFMRlogo.png"></img></a></td>
+
-
</tr>
+
-
</table>
+
-
</div>
+
 +
<div style="width:524px; height:35px; margin-right:auto; margin-left:auto; margin-top:-10px; padding-left:10px; ">
 +
 +
 +
<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>
 +
 +
 +
<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>
 +
 +
 +
<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>
 +
 +
 +
<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>
 +
 +
 +
<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>
 +
 +
</div>
 +
 +
 +
</body>
</body>
 +
</html>
</html>

Revision as of 18:34, 31 August 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"