Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Alberta/Head}}
<html>
<html>
-
 
-
 
<head>
<head>
 +
<!-- moved css from this page to Team:Alberta/base.css ( it is included in Template:Team:Alberta/Head ) -->
-
{{Team:Alberta/Head}}
 
-
 
-
 
-
<link rel="stylesheet" href="https://2010.igem.org/wiki/index.php?title=Team:Alberta/base.css&action=raw&ctype=text/css" type="text/css" />
 
-
 
-
 
-
<style type="text/css">
 
-
 
-
/* This removes the default wiki title. */
 
-
/*.firstHeading {display:none;} moved to base.css to test if it is being included properly */
 
-
 
-
/* 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 { text-decoration: none; color: #fff200; font-size: 1.5em;}
 
-
.h3 { text-decoration: none; color: #f0ec72; font-size: 1em}
 
-
.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">
<script language="javascript">
Line 258: Line 38:
    
    
   // select the top div with jquery and hide everything in it
   // select the top div with jquery and hide everything in it
-
   $("#top").hide();
+
   $("div#top").children().hide();
   // show the div we want
   // show the div we want
Line 277: Line 57:
<div id="header">
<div id="header">
-
<div id="title">
+
<div id="logo">
-
 
+
<img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" ></img>
-
<p class="logo"><img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" padding="5px" align="left"></img></p>
+
-
 
+
genomikon
genomikon
</div>
</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>
</div>
Line 350: Line 118:
<div id="top">
<div id="top">
-
<div align="left" id='div1' class="hideme">
+
<div id='div1' class="hideme info-tab">
<span class="h1">Project Overview</span>
<span class="h1">Project Overview</span>
<br><br>
<br><br>
Line 358: Line 126:
</div>
</div>
-
<div align="left" id='div3' class="hideme">
+
<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>
<span class="h1">Synthetic Biology Guide</span>
<br><br>
<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 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
<p>Synthetic Biology ; Genetic Engineering; Engineering; Biology; academia

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.