Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)
 
(67 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 ) -->
-
 
-
<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;
 
-
/*  height: 12.625em; */
 
-
  height: 12.93em;
 
-
  background: #3b3b3b;
 
-
  color: #bfbfbf;
 
-
  border: 0;
 
-
}
 
-
 
-
#RandomImageLong
 
-
{
 
-
  width: 52.981em;
 
-
  float: left;
 
-
  padding: 0em;
 
-
  height: 16.9em;
 
-
/*  height: 16.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:7.7em;
 
-
  right:7em;
 
-
}
 
-
 
-
.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: 15em;
 
-
  font-family: "Trebuchet MS", Times;
 
-
  text-align: center;
 
-
}
 
-
 
-
#bottom
 
-
{
 
-
  width: 100%;
 
-
  padding: 0em;
 
-
/*  height: 12.625em; */
 
-
  height: 15em;
 
-
  background: #3b3b3b;
 
-
  border: 0;
 
-
}
 
-
 
-
#bottomleft
 
-
{
 
-
  width:33em;
 
-
  float: left;
 
-
  margin: 1em;
 
-
  padding: 1em;
 
-
  font-size: 1em;
 
-
/*  height: 12.625em; */
 
-
  height: 10.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: 10.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: underline; color: #6a7a69; font-size: 2.5em;}
 
-
.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;}
 
-
 
-
</style>
 
<script language="javascript">
<script language="javascript">
Line 236: Line 30:
   ind = Math.floor(Math.random() *cc);
   ind = Math.floor(Math.random() *cc);
   document.write("<img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
   document.write("<img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
 +
}
 +
 +
function toggleMe(a){
 +
       
 +
  // add # to id name
 +
  var selector = "#" + a;
 +
 
 +
  // select the top div with jquery and hide everything in it
 +
  $("div#top").children().hide();
 +
 +
  // show the div we want
 +
  $(selector).show();
 +
 +
  // since we want to use this function in onclick, we need to return false
 +
  return false;
}
}
Line 248: 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>
-
 
+
-
<img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" align="left"></img>
+
genomikon
genomikon
</div>
</div>
 +
</html>
-
<div id="navbar">
+
{{Team:Alberta/navbar|home=selected}}
-
    <span class="llink2">
+
<html>
-
 
+
</div>
-
      <a href="https://2010.igem.org/Team:Alberta/JTest"> home</a> | 
+
-
      <a href="project"> project</a> |
+
-
      <a href="ethics"> ethics</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 id="highlight">
<div id="highlight">
Line 282: Line 77:
   <br>
   <br>
   <span class="llink1">
   <span class="llink1">
-
     <a href="projectoverview">  
+
     <a title="" onclick="return toggleMe('div1')" return false;" href="">  
-
       > project overview <br>
+
       > project overview
-
     </a>
+
     </a><br>
   </span>
   </span>
   <br>
   <br>
Line 290: Line 85:
   <br>
   <br>
   <span class="llink1">
   <span class="llink1">
-
     <a href="achievements">
+
     <a title="" onclick="return toggleMe('div2')" return false;" href="">
-
     > achievements <br>
+
     > achievements
-
     </a>
+
     </a><br>
   </span>
   </span>
   <br>
   <br>
Line 298: Line 93:
   <br>
   <br>
   <span class="llink1">
   <span class="llink1">
-
     <a href="biology">
+
     <a title="" onclick="return toggleMe('div3')" return false;" href="">
-
     > biology guide <br>
+
     > biology guide
-
     </a>
+
     </a><br>
   </span>
   </span>
Line 306: Line 101:
<script>
<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");
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>
</script>
Line 318: Line 117:
<div id="top">
<div id="top">
-
<span class="h1">University of Alberta</span>
+
 
 +
<div id='div1' class="hideme info-tab">
 +
<span class="h1">Project Overview</span>
<br><br>
<br><br>
-
<p>We love our coffee!</p>
+
<p><i>Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids</i></p>
-
<p>and our Al-co-hol!</p>
+
<p>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.</p>
 +
<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>
</div>
Line 328: Line 150:
<div id="bottom">
<div id="bottom">
<div id="bottomleft">
<div id="bottomleft">
-
<span class="h2">iGem 2010</span>
+
<span class="h2">Online Lab Manual</span>
-
<br>
+
-
<p>We know what we are doing...</p>
+
-
<p>Even though we sometimes look like we don't</p>
+
<br>
<br>
-
<span class="h3">Randomness</span>
+
<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>Insert witty comment here.</p>
+
</div>
</div>
<div id="bottomright">
<div id="bottomright">
-
<span class="h4">Sleep deprivation</span>
+
<span class="h4">iGem 2010</span>
-
<p>Self-explanatory</p>
+
<br>
<br>
 +
<p>Running on caffeine.</p>
</div>
</div>

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.

Retrieved from "http://2010.igem.org/Team:Alberta/JTest2"