Calgary

From 2007.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!--
 +
  Landing page
 +
  Contains links to all other pages of the site as well as a quick introduction to the projects
 +
  The aim of this page was to be visually appealing and contain a very small amount of text so that the user would be given a quick introduction to the project. The  user has only to read several lines to get a good grasp of what we did. This will encourage them to explore deeper.
 +
-->
<head>
<head>
 +
<!--
 +
  Cascading Style Sheet (CSS) component
 +
  in plain html style sheets are completely independent of the HTML page but are included in this page to simplify design within a wiki script environment.
 +
  This section describes the layout, colors and images displayed on the page
 +
-->
<style>
<style>
 +
 +
.ideasList{
 +
margin-bottom:30px
 +
}
 +
ul#sub {
ul#sub {
margin:0px;
margin:0px;
padding:0px;
padding:0px;
-
font-size:14px;
+
font-size:12px;
list-style-image:none;
list-style-image:none;
list-style-type:none;
list-style-type:none;
-
margin-left:30px;
+
 
}
}
#sub li { margin-bottom:20px;}
#sub li { margin-bottom:20px;}
-
#menu li {
+
#sub li a {
-
display:inline;
+
color:#3300FF;
 +
text-decoration:underline;
}
}
-
#menu li a {
+
 
-
font-size:17px;
+
#sub li a:hover {
-
color:#006600;
+
-
padding: 20px 45px;
+
text-decoration:none;
text-decoration:none;
}
}
-
#menu li a:hover {
+
 
-
color:#CC0000;
+
table.links {
-
text-decoration:underline;
+
width:100%;
 +
background-color:#000000;
 +
margin-bottom:30px;
}
}
-
a.subLinks {
+
.links tr {
-
color:#CC0000;
+
background-color:#CC0000;
}
}
-
a.sublinks:hover {
+
 
 +
.links td:hover {
 +
background-color:#FF0000;
 +
}
 +
 
 +
table.sidelinks1 {
 +
width:90%;
 +
background-color:#000000;
 +
border-top:#CCCCCC 0.25px outset;
 +
border-left:#CCCCCC 0.25px thin outset;
 +
border-right:#CCCCCC 0.25px outset;
 +
text-align:center;
 +
}
 +
 
 +
.sidelinks1 tr {
 +
background-color:#009933;
 +
color:#FFFFFF;
 +
}
 +
 
 +
.sidelinks1 td {
 +
height:35px;
 +
}
 +
 
 +
.sidelinks1 td:hover {
 +
background-color:#006633;
 +
}
 +
 
 +
table.sidelinks2 {
 +
width:90%;
 +
background-color:#000000;
 +
margin-bottom:30px;
 +
border-bottom:#CCCCCC 0.25px outset;
 +
border-left:#CCCCCC 0.25px thin outset;
 +
border-right:#CCCCCC 0.25px outset;
 +
text-align:center;
 +
}
 +
 
 +
.sidelinks2 tr {
 +
background-color:#0099CC;
 +
color:#FFFFFF;
 +
}
 +
 
 +
.sidelinks2 td {
 +
height:35px;
 +
}
 +
 
 +
.sidelinks2 td:hover {
 +
background-color:#0000CC;
 +
}
 +
 
 +
a.sideLinks {
text-decoration:none;
text-decoration:none;
 +
color:#FFFFFF;
}
}
 +
 +
a.mainLinks{
 +
text-decoration:none;
 +
font-size:14px;
 +
color:#FFFFFF;
 +
}
 +
 +
a.mainLinks:hover {
 +
 +
}
 +
 +
a.sideLinks:hover {
 +
}
 +
 +
table.header {
 +
width:100%;
 +
margin-bottom:10px;
 +
}
 +
 +
.header td {
 +
width:33%;
 +
}
 +
</style>
</style>
 +
<! -- END of style sheet -->
 +
</head>
</head>
<body>
<body>
-
<div style="margin-left:125px; margin-bottom:10px;"> <img src="https://static.igem.org/mediawiki/2007/c/c8/IgemLogoV2.png" /> </div>
 
-
<div align="center" style="padding-top:10px; padding-bottom:10px; border-top:#CCCCCC thin solid; border-bottom:#CCCCCC thin solid; margin-bottom:20px;">
 
-
  <ul id="menu">
 
-
    <li><a href="https://2007.igem.org/Calgary/project_summary" title="Project Summary">Simplified Project Plan</a></li>
 
-
    <li><a href="https://2007.igem.org/Calgary/OurTeam" tile="Meet Our Team">Our Team</a></li>
 
-
    <li><a href="https://2007.igem.org/Calgary/OurSponsors" title="See our Sponsors">Sponsors</a></li>
 
-
    <li><a href="https://2007.igem.org/Calgary/OurJourney" title="Our Journey">Fun Stuff</a></li>
 
-
  </ul>
 
-
</div>
 
-
<div style="width:85%; margin-left:auto; margin-right:auto; margin-bottom:20px; ">
 
-
<p>Welcome to the  University of Calgary Wiki for the 2007 IGEM Competition. This site presents detailed information about both of our projects. We have two projects that we are entering in this compeition. The first <b>Eco. Lisa</b> is our biological entry, the second <b>Evo Gem</b> is our computational project. Full descriptions of each project can be found below. We are updating this page with new information for the public on an ongoing basis!</p>
 
-
</div>
 
-
<table align="center" width="85%">
 
-
<tr>
 
-
<td width="150px" valign="top">
 
-
<div style="border:#CCCCCC thin outset; background-color:#FFFFCC">
 
-
<p align="center" style="font-size:18px; color:#FFFFFF; background-color:#009900;"> ECO LISA</p>
 
-
<ul id="sub">
 
-
<li><a class="subLinks" href="https://2007.igem.org/Calgary/full_procedure" title="Full Procedure"> Full Procedure</a> </li>
 
-
<li> Protocols </li>
 
-
    <li> Parts & Primers </li>
 
-
    <li> Printer System </li>
 
-
    <li> Results </li>
 
-
</ul>
 
-
</div>
 
-
</td>
 
-
<td>
 
-
<div style = "margin-left: 10px">
+
<!-- First table displays centered iGEM 2007 Logo --> 
-
<p><b>Overview</b></p>
+
<table class="header">
-
<p>The primary UofC iGEM project for 2007 is to design and build a biomechanical printer; composed of a two dimensional plotter equipped with a red laser, software to translate computer images into instructions for the plotter, and E. coli cells engineered to respond to the laser light. Bacteria are spread in a solid lawn on the plate, or mixed in the media before pouring the plate. The response triggered by this biological circuit is to produce beta agarase, an enzyme which degrades the agar polymer that the cells rest on.</p>
+
  <tr>
-
<p>
+
    <td></td>
-
By varying the amount of light exposure each point on the plate receives, we can control the amount of agarase expression, and so the height of the agar gel, at each location. The result is bacterial lithography. In particular, the fine resolution achievable by laser control could allow resolution as high as 10 megapixels per inch, precise enough to target individual cells. </p>
+
    <td><a name="top"><img src="https://static.igem.org/mediawiki/2007/f/fc/IGEM-T-Logo.jpg" /></a></td>
-
</div>
+
    <td></td>
-
</td>
+
  </tr>
-
</tr>
+
</table>
</table>
-
<table align="center" width="85%">
+
<!-- Table displaying top row of links -->
-
<tr>
+
<table class="links" >
-
<td>
+
  <tr>
-
<div style = "margin-left: 10px">
+
    <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/project_summary" >Simplified Project Plan</a> </td>
-
<p><b>Overview</b></p>
+
    <td align="center" ><a class="mainLinks" href="https://2007.igem.org/Calgary/OurTeam">Our Team</a> </td>
-
<p> The secondary U of C IGEM project is an evoluationary computer system that simulates different combinations of parts</p>
+
    <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/OurSponsors" >See Our Sponsors</a> </td>
-
</p>
+
    <td align="center"><a class="mainLinks" href="https://2007.igem.org/Calgary/OurJourney" >Fun Stuff</a> </td>
-
</div>
+
  </tr>
-
</td>
+
-
<td width="150px" valign="top">
+
-
<div style="border:#CCCCCC thin outset; background-color:#CCCCCC">
+
-
<p align="center" style="font-size:18px; color:#FFFFFF; background-color:#0033CC"> EVO GEM</p>
+
-
<ul id="sub">
+
-
<li> Simulations </li>
+
-
<li> Results </li>
+
-
</ul>
+
-
</div>
+
-
</td>
+
-
</tr>
+
</table>
</table>
-
<p>
 
-
 
-
 
 +
<!--
 +
  Navigation menu for the E.co Lisa and evoGEM projects
 +
  The table is extended to include the introduction paragraph and the information blocks
 +
  Note that the information blocks are formatted as a "div" rather than a table
 +
-->
 +
<table>
 +
  <tr>
 +
    <td valign="top" width="20%"><table class="sidelinks1">
 +
        <tr>
 +
          <td bgcolor="#006633"><p align="center" style="font-size:20px; color:#FFFFFF;"> <em>E. co</em>Lisa</p></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/choosing_our_project" title="choosing our project">Project</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/design" title="Designing Our Project">Design: Wet Lab</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/constructing_printer" title="Construction: Printer">Design: Printer</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/software" title="Construction: Printer">Design: Software</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/testing" title="Testing Parts and Primers">Testing</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/constructing_wetlab" title="Construction: Wetlab Component">Constructing Our Project: The Wetlab</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/protocols" title="Protocols">Protocols</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/final_result" title="Final Result">Final Result of <em>E. co</em>Lisa</a></td>
 +
        </tr>
 +
      </table>
 +
      <table class="sidelinks2">
 +
        <tr>
 +
          <td bgcolor="#0000CC"><p align="center" style="font-size:20px; color:#FFFFFF;">evoGEM</p></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/evoGEM_introduction" title="Project Description">Introduction to evoGEM </a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/evoGEM_projectDesign" title="Results">Project Design</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="https://2007.igem.org/Calgary/evoGEM_results" title="Simulations">Results</a></td>
 +
        </tr>
 +
      </table></td>
 +
    <td valign="top"><span style="font-size:18px">Welcome to the  University of Calgary Wiki for the 2007 iGEM Competition</span>
 +
      <hr />
 +
      <p>This site presents detailed information about both of our projects. We have two projects that we are entering in this compeition. The first <b>Eco. Lisa</b> is our biological entry, the second <b>Evo Gem</b> is our computational project. The overal theme of our entry this year is designing highly controlled systems that allow for human-bacteria interaction. Full descriptions of each project can be found by using the links to your left. </p>
 +
      <p> If there are any questions or comments about the information on this site please contact me at <a href="mailto:pjadamia@ucalgary.ca" title="email us">pjadamia@ucalgary.ca</a>. </p>
 +
      <table>
 +
        <tr>
 +
          <td style="padding-top:30px; padding-right:30px" valign="top" width="45%"><span style="font-size:18px">E. coLisa!</span>
 +
            <hr />
 +
            <div style="float:left; margin:5px;"> <img src="https://static.igem.org/mediawiki/2007/e/e3/GlowingBacteria.jpg" alt="laser shining on bacteria" /> </div>
 +
            <p> <em>E. coLisa</em> is our teams main project this year. Our goal is to engineer <em>E. coli</em> so that when we shine a light on them they will relase a protein called agarase. The agarase will then dissolve the agar medium in which the bacteria rest. We want to use this sytem to dissolve images into agar plates and create very high resolution pictures. </p></td>
 +
          <td style="padding-top:30px; padding-right:30px" valign="top" width="45%"><span style="font-size:18px">evoGEM!</span>
 +
            <hr />
 +
            <div style="float:left; margin:5px;"> <img src="https://static.igem.org/mediawiki/2007/0/0f/EvoGemSim4.jpg" alt="Screenshot from EvoGEM" /> </div>
 +
            <p>Evolutionary computer systems at their finest. Our EvoGEM project is a computer program that <em>evolves</em> combinations of iGEM BioBricks to attain a certain result. Curious? Checkout our evoGEM links to the left for more information.</p></td>
 +
        </tr>
 +
        <tr>
 +
          <td style="padding-top:30px; padding-right:30px" valign="top" width="45%"><span style="font-size:18px">Quick Links</span>
 +
            <hr />
 +
            <br/>
 +
            <p><a href="https://2007.igem.org/Calgary/final_result#contributions" title="Our Contribution To the Registry">Table of our Contributions to the Registry</a></p>
 +
            <p><a href="https://static.igem.org/mediawiki/2007/7/73/IgemDesign.swf" title="Interactive Schematic" target="_blank">Interactive <em>E. co</em>Lisa Schematic</a></p>
 +
            <p> <a href="http://www.ucalgary.ca" title="The University of Calgary" target="_blank">The University of Calgary</a> </p>
 +
            <p> <a href="http://hsserver01.med.ucalgary.ca/BHSc/BHSc/BHSc.html" title="The Obrien Centre for the BHSC" target="_blank">Obrien Centre for the BHSC</a> </p>
 +
            </div>
 +
          </td>
 +
          <td style="padding-top:30px; padding-right:30px" valign="top" width="45%"><span style="font-size:18px">Drew Endy On Synthetic Biology</span>
 +
            <hr />
 +
 +
<!--
 +
    This division block contains the code to import and display a flash object
 +
Specifically importing and formatting a video uploaded onto "youtube"
 +
-->
 +
            <div style="margin:10px">
 +
              <object width="200">
 +
                <param name="movie" value="http://www.youtube.com/v/XIuh7KDRzLk&rel=1">
 +
                </param>
 +
                <param name="wmode" value="transparent">
 +
                </param>
 +
                <embed src="http://www.youtube.com/v/XIuh7KDRzLk&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="200" ></embed>
 +
              </object>
 +
            </div></td>
 +
        </tr>
 +
      </table></td>
 +
  </tr>
 +
</table>
</body>
</body>
</html>
</html>

Latest revision as of 03:35, 19 December 2007

E. coLisa

Project
Design: Wet Lab
Design: Printer
Design: Software
Testing
Constructing Our Project: The Wetlab
Protocols
Final Result of E. coLisa

evoGEM

Introduction to evoGEM
Project Design
Results
Welcome to the University of Calgary Wiki for the 2007 iGEM Competition

This site presents detailed information about both of our projects. We have two projects that we are entering in this compeition. The first Eco. Lisa is our biological entry, the second Evo Gem is our computational project. The overal theme of our entry this year is designing highly controlled systems that allow for human-bacteria interaction. Full descriptions of each project can be found by using the links to your left.

If there are any questions or comments about the information on this site please contact me at pjadamia@ucalgary.ca.

E. coLisa!
laser shining on bacteria

E. coLisa is our teams main project this year. Our goal is to engineer E. coli so that when we shine a light on them they will relase a protein called agarase. The agarase will then dissolve the agar medium in which the bacteria rest. We want to use this sytem to dissolve images into agar plates and create very high resolution pictures.

evoGEM!
Screenshot from EvoGEM

Evolutionary computer systems at their finest. Our EvoGEM project is a computer program that evolves combinations of iGEM BioBricks to attain a certain result. Curious? Checkout our evoGEM links to the left for more information.

Quick Links

Table of our Contributions to the Registry

Interactive E. coLisa Schematic

The University of Calgary

Obrien Centre for the BHSC

Drew Endy On Synthetic Biology