Team:Rutgers/Project

From 2011.igem.org

(Difference between revisions)
m (Overall project)
m
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 *** -->
+
<div id="rounded">
-
<html>
+
<img src="img/top_bg.gif" /><!-- image with rounded left and right top corners -->
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<div id="main" class="container"><!-- our main container element -->
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<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>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<h1>A simple AJAX driven jQuery website</h1> <!-- titles -->
 +
<h2>Because simpler is better</h2>
-
{|align="justify"
+
<ul id="navigation"> <!-- the navigation menu -->
-
|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.
+
<li><a href="#page1">Page 1</a></li> <!-- a few navigation buttons -->
-
|[[Image:Rutgers_logo.png|200px|right|frame]]
+
<li><a href="#page2">Page 2</a></li>
-
|-
+
<li><a href="#page3">Page 3</a></li>
-
|
+
<li><a href="#page4">Page 4</a></li>
-
''Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<li><img id="loading" src="img/ajax_load.gif" alt="loading" /></li> <!-- rotating gif - hidden by default -->
-
|[[Image:Rutgers_team.png|right|frame|Your team picture]]
+
</ul>
-
|-
+
-
|
+
-
|align="center"|[[Team:Rutgers | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
<div class="clear"></div> <!-- the above links are floated - we have to use the clearfix hack -->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div id="pageContent"> <!-- this is where our AJAX-ed content goes -->
-
!align="center"|[[Team:Rutgers|Home]]
+
Hello, this is the default content
-
!align="center"|[[Team:Rutgers/Team|Team]]
+
</div>
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=Rutgers Official Team Profile]
+
-
!align="center"|[[Team:Rutgers/Project|Project]]
+
-
!align="center"|[[Team:Rutgers/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Rutgers/Modeling|Modeling]]
+
-
!align="center"|[[Team:Rutgers/Notebook|Notebook]]
+
-
!align="center"|[[Team:Rutgers/Safety|Safety]]
+
-
!align="center"|[[Team:Rutgers/Attributions|Attributions]]
+
-
|}
+
 +
</div>
 +
<div class="clear"></div> <!-- clearing just in case -->
 +
<img src="img/bottom_bg.gif" /> <!-- the bottom two rounded corners of the page -->
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
</div>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
-
<title>Ruters iGEM 2011</title>
+
-
<style type="text/css">
+
-
<!--
+
-
body,td,th {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
color: #CCCCCC;
+
-
}
+
-
body {
+
-
background-color: #333333;
+
-
background-image: url(https://static.igem.org/mediawiki/2011/d/d0/Bg_ww.png);
+
-
background-repeat: repeat-x;
+
-
}
+
-
a:link {
+
-
color: #CCCCCC;
+
-
text-decoration: none;
+
-
}
+
-
a:visited {
+
-
color: #FFFFFF;
+
-
text-decoration: none;
+
-
}
+
-
a:hover {
+
-
color: #CCCCCC;
+
-
text-decoration: underline;
+
-
}
+
-
a:active {
+
-
color: #CCCCCC;
+
-
text-decoration: none;
+
-
}
+
-
.style7 {font-size: 36px; }
+
-
.style9 {font-size: 16px; }
+
-
-->
+
-
</style></head>
+
-
 
+
-
<body>
+
-
<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0">
+
-
  <tr>
+
-
    <td align="center" valign="top"><div align="center"><img src="https://static.igem.org/mediawiki/2011/c/c3/Topmain.png" width="1024" height="622" /></div></td>
+
-
  </tr>
+
-
  <tr>
+
-
    <td align="right" valign="top"><div align="center">
+
-
      <p>&nbsp;</p>
+
-
      <table width="75%" border="0" align="center" cellpadding="0" cellspacing="15">
+
-
          <tr>
+
-
            <td width="33%" align="center" valign="top"><div align="center" class="style7">Bacterial <br />
+
-
            Etch-a-Sketch </div></td>
+
-
            <td width="33%" align="center" valign="top"><div align="center" class="style7">Bacterial <br />
+
-
            Full Adder </div></td>
+
-
            <td width="33%" align="center" valign="top"><div align="center" class="style7">Mysis
+
-
            Biobrick Optimizer </div></td>
+
-
          </tr>
+
-
          <tr>
+
-
            <td width="33%" align="center" valign="top"><div align="justify" class="style9">
+
-
             
+
-
                <p align="justify">The Etch-a-Sketch project aims to create a lawn of bacteria that can be drawn on with a laser pointer. This seemingly inconsequential task actually presents many interesting engineering challenges. In particular, the bacteria need to be extremely sensitive in order to respond to a short light pulse from a laser, but they still must be &ldquo;selective&rdquo; enough to use in ambient lighting. </p>
+
-
                <p align="justify">We have designed a novel genetic switch that we hope will tackle these problems. If our work proves successful, it will serve as a useful model for future projects that require massive signal amplification. In particular, researchers creating biosensors may find our work very helpful.</p>
+
-
            </div></td>
+
-
            <td width="33%" align="center" valign="top"><div align="justify" class="style9">
+
-
             
+
-
                <p align="justify">The Full Adder project seeks to create bacteria that can mimic a digital full adder. Since many teams have difficulty creating even something small like a XOR gate, this project would seem nearly impossible. However, we have found that the problem can be greatly simplified if we use a certain simple &ldquo;encoding&rdquo; on the outputs of the full adder. By the end of the summer we hope to demonstrate the world&rsquo;s first (to our knowledge) bacterial full adder. </p>
+
-
                <p align="justify">Our insights may prove useful to any genetic engineer or synthetic biologist working on highly complex systems. If successful, the bacterial full adder may very well become the ancestor to more complicated biological calculators in the future.</p>
+
-
            </div></td>
+
-
            <td width="33%" align="center" valign="top"><div align="justify" class="style9">
+
-
             
+
-
                <p align="justify">A major problem with the current Parts Registry, a library of BioBricks submitted by iGEM teams, is that many parts do not strictly conform to the BioBrick standard which makes certain operations extremely difficult. Rutger's iGEM software team strives to provide a tool to improve the standard parts registry by checking, and if need be modifying, the BioBrick parts. </p>
+
-
                <p align="justify">The basic idea is that before a team submits their new BioBrick, it will run the genetic sequences through MYS!S. MYS!S will output the modified genetic sequence, BioCoder source code, and the lab protocol needed to change the unmodified sequence into the modified sequence  The long term goal of the project is to further the automation of lab protocols by specifying them through algorithms.  </p>
+
-
                <p align="justify">The next iteration of the project will focus on a CAD program for BioBricks that will output all the steps necessary to create a genetic circuit in the lab.  MYS!S, at first, will be available on Java and Clotho. Later, may expand into iPad and Android.</p>
+
-
            </div></td>
+
-
          </tr>
+
-
          </table>
+
-
    </div>
+
-
    <p align="center">&nbsp;</p>
+
-
    </td>
+
-
  </tr>
+
-
  <tr>
+
-
    <td align="center" valign="top"><div align="center"></div></td>
+
-
  </tr>
+
-
  <tr>
+
-
    <td align="center" valign="top"><div align="center"></div></td>
+
-
  </tr>
+
-
  <tr>
+
-
    <td align="center" valign="top"><div align="center"></div></td>
+
-
  </tr>
+
-
</table>
+
-
</body>
+
-
</html>
+
-
 
+
-
== Project Details==
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 2 ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== The Experiments ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 3 ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
== Results ==
+

Revision as of 18:52, 19 July 2011

<img src="img/top_bg.gif" />

A simple AJAX driven jQuery website

Because simpler is better

Hello, this is the default content

<img src="img/bottom_bg.gif" />