Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
Line 6: Line 6:
==Sandbox==
==Sandbox==
-
{{Template:CalgaryHeader}}
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-
<html>
+
<!--Colors Blue:4AC6F7, Yellow:F3F778, Green:9ECF3E, White:FFFFFF, Dark Brown:30251A-->
-
<body>
+
-
<style>
+
-
p{
+
<head>
-
padding: 5px;
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
}
+
<title>Dynamic Drive: CSS Fixed Layout #2.1- (Fixed-Fixed)</title>
 +
<style type="text/css">
-
.heading{
+
body{
-
font: century gothic;
+
margin:0;
-
color: #00FF00;
+
padding:0;
-
}
+
line-height: 1.5em;
 +
}
-
table {
+
b{
-
left:0px;
+
font-size: 110%;
-
background-color: #414141;
+
}
-
cell-padding: 5px;
+
-
border-collapse:collapse;
+
em{
-
border-width: 0px;
+
color: red;
-
}
+
}
-
#content{
+
#maincontainer{
-
background-color:#222222;
+
width: 940px; /*Width of main container*/
-
border:0px;
+
margin: 0 auto; /*Center container on page*/
-
font: 12px Arial;
+
}
-
color: #cccccc;
+
-
}
+
-
#leftmenu{
+
#topsection{
-
border-right:10px transparent;
+
background: #EAEAEA;
-
}
+
height: 90px; /*Height of top section*/
 +
}
-
td{
+
#topsection h1{
-
color: #cccccc;
+
margin: 0;
-
border-collapse:collapse;
+
padding-top: 15px;
-
}
+
}
-
#logo
+
#contentwrapper{
-
{
+
float: left;
-
background-color: #ffffff;
+
width: 100%;
-
width: 180px;
+
}
-
height: 180px;
+
-
}
+
#contentcolumn{
 +
margin-left: 250px; /*Set left margin to LeftColumnWidth*/
 +
}
-
.desc
+
#leftcolumn{
-
{
+
float: left;
-
padding: 5px 10px 5px 5px;
+
width: 250px; /*Width of left column*/
-
text-align: justify;
+
margin-left: -940px; /*Set left margin to -(MainContainerWidth)*/
-
}
+
background: #C8FC98;
-
</style>
+
}
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/blankspace.gif" height="205px">
+
#footer{
-
<br>
+
clear: left;
 +
width: 100%;
 +
background: black;
 +
color: #FFF;
 +
text-align: center;
 +
padding: 4px 0;
 +
}
-
<table cellspacing=0>
+
#footer a{
-
<tr>
+
color: #FFFF80;
-
<div id="leftmenu">
+
}
-
<!-- JS-KIT codeword=tliv -->
+
-
<td width="210"  rowspan=9 bgcolor="#414141" valign="top">
+
-
<br>
+
-
<center>
+
-
<div id="logo">
+
-
</html>
+
-
[[Image:Calgary_Logo.png|180px]]
+
-
<html>
+
-
</div>
+
-
</center>
+
-
<br>
+
-
<center>
+
-
<table cellpadding=0 cellspacing=0 border=0>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTR.gif"></td>
+
-
</tr>
+
-
<tr>
+
-
<td bgcolor="#00FF00"></td>
+
-
<td bgcolor="#ffffff">
+
-
<embed src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=222222&amp;bgcolor=444444&amp;date_month=10&amp;date_day=30&amp;date_year=09&amp;un=IGEM%20JAMBOREE%202009&amp;size=normal&amp;mo=10&amp;da=30&amp;yr=2009" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" height="54" width="160">
+
-
</td>
+
-
<td bgcolor="#ffffff"></td>
+
-
</tr>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBR.gif"></td>
+
-
</tr>
+
-
              </table>
+
-
</center>
+
.innertube{
-
<br>
+
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
-
<div class="flickr">
+
margin-top: 0;
-
<div class="heading">RECENT PHOTOS</div>
+
}
-
<center>
+
-
<a href="http://www.flickriver.com/photos/39774334@N04/"><img src="http://www.flickriver.com/badge/user/all/recent/shuffle/medium-vert/414141/cccccc/39774334@N04.jpg" border="0" alt="iGEM Calgary - Flickriver" title="iGEM Calgary - Flickriver"/></a>
+
-
</br>
+
-
<br>
+
-
</center>
+
-
</div>
+
-
<br>
+
-
<div class="heading">
+
-
SPONSOR OF THE MONTH
+
-
</div>
+
-
<center>
+
-
<table cellpadding=0 cellspacing=0 border=0>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTR.gif"></td>
+
-
</tr>
+
-
<tr>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td bgcolor="#ffffff">
+
-
<img border="0" height="76" width="160" src="http://i1001.photobucket.com/albums/af132/igemcalgary/sponsors/brand.gif" />
+
</style>
-
</td>
+
-
<td bgcolor="#ffffff"></td>
+
-
</tr>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBR.gif"></td>
+
-
</tr>
+
-
              </table>
+
-
</center>
+
</head>
-
<div class="desc">
+
<body>
-
Talisman Energy is an independent upstream oil and gas companies headquartered in Calgary, Alberta, Canada. Talisman has operations in Canada and its subsidiaries operate in the UK, Norway, Southeast Asia, North Africa and the United States. It is committed to conducting business in an ethically and environmentally responsible manner.  Talisman’s generous support and contribution to the University of Calgary’s iGEM project has recognized Talisman among this year’s Bronze sponsors. Thank you Talisman Energy and Congratulations!
+
<div id="maincontainer">
-
</div>
+
-
<br>
+
-
<br>
+
-
<div class="heading">
+
-
OUR SPONSORS
+
-
</div>
+
-
<center>
+
-
<table cellpadding=0 cellspacing=0 border=0>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTR.gif"></td>
+
-
</tr>
+
-
<tr>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td bgcolor="#ffffff">
+
-
<table bgcolor="#ffffff">
+
<div id="topsection"><div class="innertube"><h1>CSS Fixed Layout #2.1- (Fixed-Fixed)</h1></div></div>
-
<tr>
+
-
<td>
+
-
<a href="http://www.ucalgary.ca/" target="_blank">
+
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/sponsors/uc.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
<div id="contentwrapper">
-
<td height="20px" bgcolor="#ffffff">
+
<div id="contentcolumn">
-
</td>
+
<div class="innertube"><b>Content Column: <em>Fixed</em></b></div>
-
</tr>
+
</div>
 +
</div>
-
<tr>
+
<div id="leftcolumn">
-
<td>
+
<div class="innertube"><b>Left Column: <em>200px</em></b></div>
-
<a href="http://www.albertaingenuity.ca/" target ="_blank">
+
</div>
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/sponsors/AlbertaIngenuity.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
 +
<div id="footer"><a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS Library</a></div>
-
 
+
</div>
-
 
+
</body>
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.nserc-crsng.gc.ca/">
+
-
<img src="http://as01.ucis.dal.ca/wag/template/uploads/solas/nserc_logo.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.nexeninc.com/">
+
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/sponsors/nexenlogo_color2.gif" width="160" height="74" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.cedarlanelabs.com/" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/cedarlanelogo.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.neb.ca/" target ="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/logoNEB.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.bioalberta.com/" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/Bioalberta.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.corning.com/lifesciences/us_canada/en/index.aspx" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/corning-1.png" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td bgcolor="#ffffff">
+
-
<a href="http://www.vrwcanlab.com/" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/vwr-1.gif" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.arc.ab.ca/" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/arc-logo1.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www1.qiagen.com/" target ="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/Qiagen.jpg" width="160" height="76" border="0"></a>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.idtdna.com/Home/Home.aspx" target="_blank">
+
-
<img src="http://s1001.photobucket.com/albums/af132/igemcalgary/sponsors/idt.jpg" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.talisman-energy.com/" target="_blank">
+
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/sponsors/brand.gif" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td height="20px" bgcolor="#ffffff">
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td>
+
-
<a href="http://www.sigmaaldrich.com/canada-english.html" target ="_blank">
+
-
<img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Sigma-Aldrich_Logo_2006_sigma_red-R.png
+
-
" width="160" height="76" border="0"></a>
+
-
</td>
+
-
</tr>
+
-
 
+
-
</table>
+
-
</td>
+
-
<td bgcolor="#ffffff"></td>
+
-
</tr>
+
-
<tr>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBL.gif"></td>
+
-
<td bgcolor="#ffffff"></td>
+
-
<td><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteBR.gif"></td>
+
-
</tr>
+
-
              </table>
+
-
<br>
+
-
</center>
+
-
</td>
+
-
</div>
+
-
 
+
-
<td width="10" rowspan=9 bgcolor="#222222" position="absolute">
+
-
&nbsp;&nbsp;&nbsp;
+
-
</td>
+
-
 
+
-
 
+
-
<td width="750" bgcolor="#414141" valign="top">
+
-
<br>
+
-
<div class="heading">
+
-
iGEM - INTERNATIONAL GENETICALLY ENGINEERED MACHINES
+
-
</div>
+
-
<div class="desc">
+
-
The International Genetically Engineered Machines (iGEM) competition is annually held at the Massachusetts Institute of Technology (MIT) in the field of Synthetic Biology. Since 2004, this competition encourages undergraduate teams from all over the world to develop a project that intertwines the principles of Biology and Engineering. The competition not only determines the worth of projects solely based on biological merit, but also requires teams to examine their project as a whole. This includes aspects such as modelling of genetic circuits, marketing the project and educating the public about iGEM and Synthetic Biology.  For more information about iGEM, please visit their <a href="http://www.igem.org" target="_blank">official website</a>.
+
-
<br>
+
-
<br>
+
-
The U of C iGEM team is made up of 15 undergraduate students from Health Sciences, Engineering, Computer Science and Kinesiology as well as 4 facilitators.  For more information regarding the U of C iGEM Enterprise, please visit our <a href="http://igem.ucalgary.ca/ " target="_blank">website</a>.
+
-
</div>
+
-
<Br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" height="10" bgcolor="#222222" valign="top"></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" bgcolor="#414141" valign="top">
+
-
<br>
+
-
<div class="heading">
+
-
NAVIGATION
+
-
</div>
+
-
<div class="desc">
+
-
Need help navigating our site? Click <a href="https://2009.igem.org/Team:Calgary/Sitemap">HERE</a> for a navigational guide and sitemap. Or, follow our tour:
+
-
</div>
+
-
<br>
+
-
<div class="heading">
+
-
A TOUR OF THE UNIVERSITY OF CALGARY iGEM TEAM
+
-
</div>
+
-
<a name="tour 1"></a>
+
-
<center>
+
-
<img src="https://static.igem.org/mediawiki/2009/3/37/Calgary_Tour1.png">
+
-
</center>
+
-
<br>
+
-
<div class="desc">
+
-
Welcome to the University of Calgary iGEM wiki! This is the <b>first step</b> of our tour! With this tour, you will not only learn about our overall project, but also delve into all aspects of our project and find out what we've been up to lately. On this page, you can read about iGEM, our project, and check out a few pictures that display our adventures in synthetic biology. Also, please feel free to leave any comments or suggestions at the bottom of the page. Once you've finished exploring our front page, please click <a href="https://2009.igem.org/Team:Calgary/Team#Tour">HERE</a> to continue the tour for an intro of our team!
+
-
</div>
+
-
<br><br>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
-
<td width="750" height="10" bgcolor="#222222"></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" bgcolor="#414141" valign="top">
+
-
<br>
+
-
<div class="heading">
+
-
U OF C iGEM: REPROGRAMMING A LANGUAGE AND A COMMUNITY
+
-
</div>
+
-
<div class="desc">
+
-
The progression of strong scientific research depends on whether industry and the public know about it and understand how the research can be applied. With this in mind, the U of C iGEM team’s work stretches far beyond the wetlab. We pursued initiatives all the way from mathematical modelling to ethics and from education to fundraising. Below there is a list of all the aspects of our project with respective icons and a brief description about each endeavour. These icons are present throughout our wiki so you can keep track of which aspect of our project you are learning about.
+
-
</div>
+
-
 
+
-
<div class="desc">
+
-
 
+
-
<table cellspacing="10">
+
-
<tr>
+
-
<td valign="top" width="80">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/l.gif"></a><br><br>
+
-
</center>
+
-
</td>
+
-
<td>
+
-
<b>LAB.</b>  For the wetlab, we explored the concept of Quorum Sensing, a cell-to-cell communication process used by bacteria. We constructed the <i>V. harveyi</i> AI-2 signalling system in <i>E. coli</i>. This system allows for the fined tuned coordination of bacterial behaviour in that bacterial colonies are able to act as single entities. <br>
+
-
<br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td valign="top">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Mo.gif"></a><br><br>
+
-
</center>
+
-
</td>
+
-
<td valign="top">
+
-
<b>MODELLING.</b>  We modelled the AI-2 signalling system using mathematical modelling (Matlab) and the novel Membrane Computing (Mathematica) frameworks. The purpose of these models is to characterize the AI-2 signalling system by predicting and evaluating certain parameters.
+
-
<br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td valign="top">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/hp.gif"></a><br>
+
-
</center>
+
-
</td>
+
-
<td>
+
-
<b>HUMAN PRACTICES.</b>  We pursued various approaches to communicate with the public about Synthetic Biology, iGEM and iGEM at the UofC. This initiative is important to gain an understanding of the public perception of Synthetic Biology, whether the public knows about this field or not. We investigated the ethical issues surrounding this emerging field as well as novel means to communicate our research work with the public.
+
-
<br><br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td valign="top">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/sl.gif"></a>
+
-
</center>
+
-
</td>
+
-
<td>
+
-
<b>SECOND LIFE.</b>  Education is a fundamental aspect of iGEM because synthetic biology is an emerging field in which students have limited knowledge before participating. We have created and are continually developing an educational tool for teaching synthetic biology within the virtual world of Second Life. This interactive platform has been used to teach the potential applications of synthetic biology, the assembly of genetic circuits, and molecular biology lab procedures. We hope that our virtual learning environment will allow for the training of future iGEMers.
+
-
<br>
+
-
<br>
+
-
</td>
+
-
</tr>
+
-
<tr>
+
-
<td valign="top">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/ma.gif"></a><br><Br>
+
-
</center>
+
-
</td>
+
-
<td>
+
-
<b>MARKETING.</b>  In order to (1) get industry interested in Synthetic Biology/iGEM, (2) afford to send all UofC team members to the iGEM Jamboree and (3) fund lab, modelling, Second Life and outreach endeavours, we have pursued marketing and fundraising initiatives. Our communication with businesses in many industrial sectors allows for the discussion of the opportunities and future developments of synthetic biology and the potential applications of our wetlab and modelling projects. Our marketing endeavour is intertwined with the outreach initiative and can thus be found under the 'Human Practices' section.
+
-
<br>
+
-
<Br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td valign="top">
+
-
<center>
+
-
<a href="https://2009.igem.org/Team:Calgary/Sitemap"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/tc.gif"></a>
+
-
</center>
+
-
</td>
+
-
<td>
+
-
Another important aspect of communication in this competition is the availability of collaborative work, within our own team and as a community itself. Our team is made up of students from health sciences, kinesiology, and engineering;  who are actively participating in interdisciplinary work. This requires the ability to communicate information to people from different backgrounds and perspectives. As well, iGEM allows us to communicate with other teams at an international scale. We hope to establish means of communication and thus cooperation with other teams in our respective projects, enhancing the iGEM experience.
+
-
<br>
+
-
<br>
+
-
The wetlab, modelling, second life, human practices, and fundraising components of our project have allowed us to establish communication at the cell, individual, and synthetic bio community levels.
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
</div>
+
-
<br>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" height="10" bgcolor="#222222"></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" bgcolor="#414141" valign="top">
+
-
<br>
+
-
<div class="heading">
+
-
LATEST NEWS
+
-
</div>
+
-
<div class="heading">U of C iGEM team wins provincial competition, September 20th</div>
+
-
<div class="desc">
+
-
With smiling faces and heightened team pride, the U of C brought home the aGEM trophy after placing first in the Alberta Genetically Engineered Machines (aGEM) competition, which was held in Banff from September 18th -19th. aGEM is the Alberta Genetically Engineered Machines Competition. aGEM facilitates a sense of regional spirit and gives students a chance to compete and critique each other’s work as the three Albertan teams (U of C, U of A, and U of L) prepare for the iGEM Jamboree in the fall.
+
-
</p>
+
-
<p>For more details, click <a href="<li><a href="https://2009.igem.org/Team:Calgary/News/Alberta_Events#agem">HERE</a>.
+
-
</div>
+
-
<br>
+
-
</td>
+
-
 
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" height="10" bgcolor="#222222"></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="750" valign="top" bgcolor="#414141">
+
-
<br>
+
-
<div class="heading">
+
-
STATS, COMMENTS & SOCIAL MEDIA
+
-
</div>
+
-
<br>
+
-
<div class="desc">
+
-
<table bgcolor="#414141" valign="top">
+
-
<tr>
+
-
 
+
-
<td width="50">
+
-
</td>
+
-
 
+
-
<td valign="top">
+
-
<br>
+
-
<center>
+
-
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2009.igem.org/Team:Calgary" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2009.igem.org/Team:Calgary" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" />
+
-
</a>
+
-
<br>
+
-
<!-- Start of StatCounter Code -->
+
-
<script type="text/javascript">
+
-
var sc_project=4990463;
+
-
var sc_invisible=0;
+
-
var sc_partition=57;
+
-
var sc_click_stat=1;
+
-
var sc_security="d27ae63b";
+
-
</script>
+
-
 
+
-
<script type="text/javascript"
+
-
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
+
-
class="statcounter"><a title="myspace visitors "
+
-
href="http://www.statcounter.com/myspace/"
+
-
target="_blank"><img class="statcounter"
+
-
src="http://c.statcounter.com/4990463/0/d27ae63b/0/"
+
-
alt="myspace visitors " ></a></div></noscript>
+
-
<!-- End of StatCounter Code -->
+
-
</center>
+
-
<br /><br />
+
-
<center>
+
-
<!-- AddThis Button BEGIN -->
+
-
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=jamiefeng"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=jamiefeng"></script>
+
-
<!-- AddThis Button END -->
+
-
<br><br>
+
-
<a href="http://www.facebook.com/pages/iGEM-Calgary/164192411205" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Calgary_fb.jpg" border="0" alt="facebook" width="50" height="50"></a>
+
-
<a href="http://www.flickr.com/photos/39774334@N04/" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Calgary_flickr.jpg" border="0" alt="flickr button" width="50" height="50"></a>
+
-
<a href="http://igemcalgary.blogspot.com/" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Calgary_rss.jpg" border="0" alt="rss button" width="50" height="50"></a> <br />
+
-
<a href="http://www.youtube.com/iGEMCalgary" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Calgary_youtube.jpg" border="0" alt="youtube button" width="50" height="50"></a>
+
-
<a href="http://www.twitter.com/iGEMCalgary" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/Calgary_twitter.jpg" border="0" alt="twitter button" width="50" height="50"></a>
+
-
<a href="http://www.stumbleupon.com/search?q=iGEM" target="_blank"><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/1243416413174_i7.jpg" border="0" alt="stumbleupon button" width="50" height="50></a><img src="http://i1001.photobucket.com/albums/af132/igemcalgary/whiteTR.gif">
+
-
</center>
+
-
<br><br>
+
-
<div id="twtr-profile-widget"></div>
+
-
<script src="http://widgets.twimg.com/j/1/widget.js"></script>
+
-
<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
+
-
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="290" height="350" id="TwitterWidget" align="middle">
+
-
<param name="allowScriptAccess" value="always" />
+
-
<param name="allowFullScreen" value="false" />
+
-
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
+
-
<param name="quality" value="high" />
+
-
<param name="bgcolor" value="#000000" />
+
-
<param name="FlashVars" value="userID=74782939&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml">
+
-
<embed src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" quality="high" bgcolor="#000000" width="290" height="350" name="TwitterWidget" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="userID=74782939&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml"/>
+
-
</object>
+
-
</td>
+
-
 
+
-
<td width="60px">
+
-
</td>
+
-
 
+
-
<td width="400">
+
-
<!-- JS-KIT codeword=spilp -->
+
-
<div class="js-kit-comments" permalink=""></div>
+
-
 
+
-
<script src="http://js-kit.com/comments.js"></script>
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
/* Js-Kit Echo theme */
+
-
 
+
-
+
-
 
+
-
/* colors */
+
-
 
+
-
.js-singleCommentBg { background-color:#FFFFFF; }
+
-
 
+
-
.jsk-PrimaryBackgroundColor { background-color: #222222; }
+
-
 
+
-
.jsk-SecondaryBackgroundColor { background-color: #414141; }
+
-
 
+
-
.jsk-PrimaryHighlightColor { color: #ffffff }
+
-
 
+
-
.jsk-SecondaryHighlightColor { color: #cccccc }
+
-
 
+
-
.jsk-PrimaryFontColor { color: #3a3a3a; }
+
-
 
+
-
.jsk-SecondaryFontColor { color: #c6c6c6; }
+
-
 
+
-
.jsk-ThreadWrapper a, .jsk-LinkColor { color: #777777;}
+
-
 
+
-
.jsk-H1Color { color: #cccccc; }
+
-
 
+
-
.js-kit-miniProfile { background-color:#222222; }
+
-
 
+
-
.jskit-MenuContainer { background-color:#FFFFFF; }
+
-
 
+
-
.jskit-MenuItemMO { background-color: #EDEDED; }
+
-
 
+
-
+
-
 
+
-
/* fonts */
+
-
 
+
-
.jsk-PrimaryFont, .jsk-CommentFormSurface input { font-family: Lucida grande, Tahoma, Verdana, Arial; }
+
-
 
+
-
.jsk-PrimaryFont { font-size: 8pt; font-weight: normal; }
+
-
 
+
-
.jsk-H1Font { font-size: 1.38em; font-weight: bold; line-height: 1.4em; font-fanimly: Century gothic;}
+
-
 
+
-
.jsk-LinkFont, .jsk-ThreadWrapper a, .jsk-ThreadWrapper a:hover { text-decoration: none; font-weight: normal; }
+
-
 
+
-
+
-
 
+
-
</style>
+
-
</td>
+
-
</tr>
+
-
 
+
-
</table>
+
-
<br>
+
-
 
+
-
</div>
+
-
</td>
+
-
</tr>
+
-
 
+
-
</table>
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>

Revision as of 17:50, 1 June 2010

Preface

This is a page to practice various HTML and CSS formatting functions. Please click here to return to the main page.


Sandbox

Dynamic Drive: CSS Fixed Layout #2.1- (Fixed-Fixed)

CSS Fixed Layout #2.1- (Fixed-Fixed)

Content Column: Fixed
Left Column: 200px

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