Team:PennState

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<!--
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  Landing page
-
This is a template page. READ THESE INSTRUCTIONS.
+
  Contains links to all other pages of the site as well as a quick introduction to the projects
-
</div>
+
  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.
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-->
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
<head>
-
</div>
+
<!--
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
  Cascading Style Sheet (CSS) component
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, and a lab notebook. PLEASE keep all of your pages within your Team:Example namespace.
+
  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.
-
</div>
+
  This section describes the layout, colors and images displayed on the page
-
</div>
+
-->
 +
<style>
 +
 
 +
.ideasList{
 +
margin-bottom:30px
 +
}
 +
 
 +
ul#sub {
 +
margin:0px;
 +
padding:0px;
 +
font-size:12px;
 +
list-style-image:none;
 +
list-style-type:none;
 +
 
 +
}
 +
 
 +
#sub li { margin-bottom:20px;}
 +
 
 +
#sub li a {
 +
color:#3300FF;
 +
text-decoration:underline;
 +
}
 +
 
 +
#sub li a:hover {
 +
text-decoration:none;
 +
}
 +
 
 +
table.links {
 +
width:100%;
 +
background-color:#000000;
 +
margin-bottom:30px;
 +
}
 +
 
 +
.links tr {
 +
background-color:#CC0000;
 +
}
 +
 
 +
.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;
 +
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>
 +
<! -- END of style sheet -->
 +
 
 +
</head>
 +
<body>
 +
 
 +
<!-- First table displays centered iGEM 2007 Logo --> 
 +
<table class="header">
 +
  <tr>
 +
    <td></td>
 +
    <td><a name="top"><img src="http://parts.mit.edu/igem07/images/f/fc/IGEM-T-Logo.jpg" /></a></td>
 +
    <td></td>
 +
  </tr>
 +
</table>
 +
 
 +
<!-- Table displaying top row of links -->
 +
<table class="links" >
 +
  <tr>
 +
    <td align="center" ><a class="mainLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/project_summary" >Simplified Project Plan</a> </td>
 +
    <td align="center" ><a class="mainLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/OurTeam">Our Team</a> </td>
 +
    <td align="center"><a class="mainLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/OurSponsors" >See Our Sponsors</a> </td>
 +
    <td align="center"><a class="mainLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/OurJourney" >Fun Stuff</a> </td>
 +
  </tr>
 +
</table>
 +
 
 +
<!--
 +
  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="http://parts.mit.edu/igem07/index.php/Calgary/choosing_our_project" title="choosing our project">Project</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/design" title="Designing Our Project">Design: Wet Lab</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/constructing_printer" title="Construction: Printer">Design: Printer</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/software" title="Construction: Printer">Design: Software</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/testing" title="Testing Parts and Primers">Testing</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/constructing_wetlab" title="Construction: Wetlab Component">Constructing Our Project: The Wetlab</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/protocols" title="Protocols">Protocols</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/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="http://parts.mit.edu/igem07/index.php/Calgary/evoGEM_introduction" title="Project Description">Introduction to evoGEM </a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/Calgary/evoGEM_projectDesign" title="Results">Project Design</a></td>
 +
        </tr>
 +
        <tr>
 +
          <td><a class="sideLinks" href="http://parts.mit.edu/igem07/index.php/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="http://parts.mit.edu/igem07/images/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="http://parts.mit.edu/igem07/images/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="http://parts.mit.edu/igem07/index.php/Calgary/final_result#contributions" title="Our Contribution To the Registry">Table of our Contributions to the Registry</a></p>
 +
            <p><a href="http://parts.mit.edu/igem07/images/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>
</html>
</html>
-
<!-- *** End of the alert box *** -->
 
[[Image:psu_logo.jpg|center]]
[[Image:psu_logo.jpg|center]]

Revision as of 18:23, 20 June 2008

Simplified Project Plan Our Team See Our Sponsors Fun Stuff

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


Psu logo.jpg
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.

Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Your team picture
Team Example 2


Home The Team The Project Parts Submitted to the Registry Modeling Notebook

(Or you can choose different headings. But you must have a team page, a project page, and a notebook page.)

Retrieved from "http://2008.igem.org/Team:PennState"