Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)

Latest revision as of 19:22, 8 September 2010

TEAM ALBERTA

Project Overview

Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids

Synthetic biology is a new and expanding field that has potential applications in every aspect of society. Today, synthetic biology is underused because it is expensive and slow. The University of Alberta is developing a method of plasmid assembly that is modular, rapid, and inexpensive. We are in process of designing an educational kit, Genomikon, which will enable anyone to construct a plasmid without special equipment. We will also provide a comprehensive lab manual to accomodate those new to the field.

To demonstrate the accessibility of our Genomikon toolkit, we will implement it in a high school laboratory setting. Genetic parts will be adapted into a system called BioBytes. This system will allow students to rationally create functional plasmids. The kit’s flexiblity will accomodate both predesigned experiments and new creative expressions. We believe that our kit could revolutionize science education. Our project not only seeks to optimize current procedures of synthetic biology but will also expose a new generation of students to this exciting field.

Achievments overview of achievements here

Synthetic Biology Guide

Synthetic Biology is a field that involves the design and construction of artificial biological systems and functions using the methodologies of both science and engineering. This new expanding field is applied to studying biological systems found in nature by building an artificial construct using the current knowledge of the system, and engineer biological systems to be used as tools in biotechnology.

Synthetic Biology is a new approach to genetic engineering modelled after the efficient style of other engineering disciplines to allow greater productivity and complexity. Synthesis and Reading of DNA can now be done in and automated fashion, ever faster and cheaper in rough agreement with Moore’s law. DNA designers can prepare and order parts using standards of compatibility, and can model complex gene networks built from simple parts and devices.

Synthetic Biology ; Genetic Engineering; Engineering; Biology; academia yeast, bacteria, other hosts Genetics projects where genes are taken from nature and combined in new ways to produce more and more complicated simple parts and devices with abilities including chemical sensing and light detection.

Online Lab Manual

Sign up at Genomikon's Online Lab Manual for access to the encyclopedia, glossary, forums, experiments and details about parts in the kit.

iGem 2010

Running on caffeine.

@@ Line 1: / Line 1: @@
+{{Team:Alberta/Head}}
 <html>
 <head>
+<!-- moved css from this page to Team:Alberta/base.css ( it is included in Template:Team:Alberta/Head ) -->
-<style type="text/css">
-/* This removes the default wiki title. */
-.firstHeading {display:none;}
-/* This sets the inner and outer colours of the page. */
-body
-{
-  background-color: #252525;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  font-family:"Trebuchet MS", arial;
-}
-#container
-{
-  width: 100%;
-  margin: 0px;
-  padding: 0px;
-}
-#header
-{
-  width: 100%;
-  margin: 0px;
-  padding: 0px;
-}
-#title
-{
-  background: #ffffff;
-  width:28.5%;
-  float: left;
-  padding: 0em;
-  font-size: 3.4em;
-  color: #757575;
-  height: 2em;
-  margin-left:1.5%;
-  vertical-align: middle;
-}
-#navbar
-{
-  background: #ffffff;
-  width:65.5%;
-  float: right;
-  padding: 0em;
-  text-align:right;
-  font-size: 1em;
-  color: #a5a5a5;
-  margin-right:2.5%;
-  vertical-align: middle;
-  height: 2.5em;
-  display: inline;
-}
-#highlight
-{
-  background: #fff200;
-  width:100%;
-  clear: both;
-  padding: 0em;
-  height: 3px;
-}
-#sidebar
-{
-  width:18em;
-  float: left;
-  padding: 2em;
-  font-size: 1em;
-  margin: 0em;
-  height: 12.93em;
-  height: expression ('18.9em');
-  background: #3b3b3b;
-  color: #bfbfbf;
-  border: 0;
-  display: inline;
-}
-#RandomImageLong
-{
-  width: 52.981em;
-  /* any IE */
-  width: expression('52.981em');
-  float: left;
-  padding: 0em;
-  margin: 0em;
-  height: 16.9em;
-  height: expression ('18.9em');
-  position: relative;
-  background-position: 0% 0%;
-  border: 0em;
-}
-#crest
-{
-  background:url(https://static.igem.org/mediawiki/2010/8/82/Alberta_Crest.png) repeat-x scroll 0 0;
-  height:215px;
-  float: right;
-  overflow:hidden;
-  width:190px;
-  position:absolute;
-  top:8.7em;
-  right:2.1em;
-}
-.llink2 A:link {text-decoration: underline; color: #757575; font-size: 1em;}
-.llink2 A:visited {text-decoration: none; color: #656565; font-size: 1em;}
-.llink2 A:hover {text-decoration: none; font-size: 1em;}
-.llink2 A:active {text-decoration: none; font-size: 1em;}
-p.link
-{
-  colour: #fff200;
-  background-color: #3b3b3b;
-  font-size: 1.5em;
-  font-family: "Trebuchet MS", Times;
-  text-decoration: none;
-}
-.llink1 A:link {text-decoration: none; color: #fff200; font-size: 1.5em;}
-.llink1 A:visited {text-decoration: none; color: #fff200; font-size: 1.5em;}
-.llink1 A:hover {text-decoration: none; font-size: 1.5em;}
-.llink1 A:active {text-decoration: none; font-size: 1.5em;}
-#highlightb
-{
-  background: #ffffff;
-  width:100%;
-  clear: both;
-  padding: 0em;
-  height: 3px;
-}
-#top
-{
-  background: #ffffff;
-  width: 100%;
-  clear: both;
-  padding: 0em;
-  height: 100%;
-  font-family: "Trebuchet MS", Times;
-  text-align: left;
-}
-#bottom
-{
-  width: 100%;
-  padding: 0em;
-/*  height: 12.625em; */
-  height: 10em;
-  background: #3b3b3b;
-  border: 0;
-}
-#bottomleft
-{
-  width:33em;
-  float: left;
-  margin: 1em;
-  padding: 1em;
-  font-size: 1em;
-/*  height: 12.625em; */
-  height: 6.93em;
-  background: #3b3b3b;
-  color: #bfbfbf;
-  border-right: 2.5px dotted #a5a5a5;
-  font-family: "Trebuchet MS", Times;
-  text-align: left;
-}
-#bottomright
-{
-  width:33em;
-  float: left;
-  margin: 1em;
-  padding: 1em;
-  font-size: 1em;
-/*  height: 12.625em; */
-  height: 6.93em;
-  background: #3b3b3b;
-  color: #bfbfbf;
-  border-left: 2.5px dotted #a5a5a5;
-  font-family: "Trebuchet MS", Times;
-  text-align: left;
-}
-#footer
-{
-  clear: both;
-  margin: 0;
-  padding: .5em;
-  color: #333333;
-  background-color: #dddddd;
-  border-top: 3px solid #333333;
-}
-.llink3 A:link {text-decoration: underline; color: #757575; font-size: 1em;}
-.llink3 A:visited {text-decoration: none; color: #656565; font-size: 1em;}
-.llink3 A:hover {text-decoration: none; font-size: 1em;}
-.llink3 A:active {text-decoration: none; font-size: 1em;}
-.h1 { text-decoration: none; color: #6a7a69; font-size: 2em;}
-.h2 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
-.h3 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
-.h4 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
-.h5 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}
-/*hiding toggle content on initial load*/
-div.hideme { display: none }
-</style>
 <script language="javascript">
@@ Line 250: / Line 37: @@
    var selector = "#" + a;
-   // select the pop-up div with jquery and hide everything in it
+   // select the top div with jquery and hide everything in it
-   $("#top").children().hide();
+   $("div#top").children().hide();
    // show the div we want
@@ Line 270: / Line 57: @@
 <div id="header">
-<div id="title">
+<div id="logo">
+<img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" ></img>
-<img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" align="left"></img>
 genomikon
 </div>
+</html>
-<div id="navbar">
+{{Team:Alberta/navbar|home=selected}}
-    <span class="llink2">
+<html>
-      <a href="https://2010.igem.org/Team:Alberta/JTest"> home</a> |
-      <a href="project"> project</a> |
-      <a href="human practices"> human practices</a> |
-      <a href="parts"> parts</a> |
-      <a href="software"> software</a> |
-      <a href="https://2010.igem.org/Team:Alberta/Notebook"> notebook</a> |
-      <a href="https://2010.igem.org/Team:Alberta/team"> team</a>
-    </span>
-</div>
 </div>
@@ Line 310: / Line 85: @@
    <br>
    <span class="llink1">
-     <a href="achievements">
+     <a title="" onclick="return toggleMe('div2')" return false;" href="">
      > achievements
      </a><br>
@@ Line 318: / Line 93: @@
    <br>
    <span class="llink1">
-     <a href="biology">
+     <a title="" onclick="return toggleMe('div3')" return false;" href="">
      > biology guide
      </a><br>
@@ Line 326: / Line 101: @@
 <script>
 <!---
 RandomImageLong("https://static.igem.org/mediawiki/2010/b/bc/Alberta_CAB.png https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png https://static.igem.org/mediawiki/2010/d/d5/Alberta_ARTS.png https://static.igem.org/mediawiki/2010/f/fe/Alberta_BUSINESS.png https://static.igem.org/mediawiki/2010/2/21/Alberta_EAS.png https://static.igem.org/mediawiki/2010/2/2f/Alberta_MEDCLNC.png","width=680 height=215");
 // --->
 </script>
@@ Line 338: / Line 117: @@
 <div id="top">
-<div align="justify" id='div1' class="hideme">
+<div id='div1' class="hideme info-tab">
 <span class="h1">Project Overview</span>
 <br><br>
@@ Line 345: / Line 125: @@
 <p>To demonstrate the accessibility of our Genomikon toolkit, we will implement it in a high school laboratory setting. Genetic parts will be adapted into a system called BioBytes. This system will allow students to rationally create functional plasmids. The kit’s flexiblity will accomodate both predesigned experiments and new creative expressions. We believe that our kit could revolutionize science education. Our project not only seeks to optimize current procedures of synthetic biology but will also expose a new generation of students to this exciting field.</p>
 </div>
+<div id='div2' class="hideme info-tab">
+<span class="h1">Achievments</span>
+overview of achievements here
+</div>
+<div id='div3' class="hideme info-tab">
+<span class="h1">Synthetic Biology Guide</span>
+<br><br>
+<p>Synthetic Biology is a field that involves the design and construction of artificial biological systems and functions using the methodologies of both science and engineering. This new expanding field is applied to studying biological systems found in nature by building an artificial construct using the current knowledge of the system, and engineer biological systems to be used as tools in biotechnology.</p>
+<p>
+Synthetic Biology is a new approach to genetic engineering modelled after the efficient style of other engineering disciplines to allow greater productivity and complexity. Synthesis and Reading of DNA can now be done in and automated fashion, ever faster and cheaper in rough agreement with Moore’s law. DNA designers can prepare and order parts using standards of compatibility, and can model complex gene networks built from simple parts and devices.
+</p>
+<p>Synthetic Biology ; Genetic Engineering; Engineering; Biology; academia
+yeast, bacteria, other hosts
+Genetics projects where genes are taken from nature and combined in new ways to produce more and more complicated simple parts and devices with abilities including chemical sensing and light detection.</p>
+</div>
 </div>
@@ Line 351: / Line 150: @@
 <div id="bottom">
 <div id="bottomleft">
-<span class="h2">About Us</span>
+<span class="h2">Online Lab Manual</span>
 <br>
-<p>We know what we are doing...</p>
+<p>Sign up at <a href="www.genomikon.com"><span class="h3">Genomikon's Online Lab Manual</span></a> for access to the encyclopedia, glossary, forums, experiments and details about parts in the kit.</p>
-<p>Even though we sometimes look like we don't</p>
 </div>