Team:Alberta/JTest2

From 2010.igem.org

(Difference between revisions)
 
(79 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">
+
<script language="javascript">
-
/* GETS RID OF DEFAULT TITLE */
+
function RandomImageLong(images,iparams)
-
.firstHeading {display:none;}
+
{
 +
/* si: start index
 +
** i: current index
 +
** ei: end index
 +
** cc: current count
 +
*/
-
/* SETS OUTSIDE BGCOLOUR AND INSIDE BGCOLOUR */
+
si = 0;
-
body
+
  ci=0;
-
{  
+
cc=0;
-
  background-color: #252525;
+
imageSet = new Array();
-
  margin: 0px;
+
ei = images.length;
-
  padding: 0px;
+
   for (i=1;i<ei;i++) {
-
   border: 0px;
+
    if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
-
  font-family:"Trebuchet MS", arial;
+
      imageSet[cc] = images.substring(si,i);
 +
      cc++;
 +
      si=i+1;
}
}
-
 
+
}
-
#title
+
   ind = Math.floor(Math.random() *cc);
-
{
+
   document.write("<img "+iparams+" src="+imageSet[ind]+" alt=\""+imageSet[ind]+"\">");
-
   background: #ffffff;
+
-
  width:28.5%;
+
-
  float: left;
+
-
  padding: 0em;
+
-
  font-size: 3.4em;
+
-
   color: #656565;
+
-
  height: 2em;
+
-
  margin-left:1.5%;
+
-
  vertical-align: middle;
+
}
}
-
#navbar
+
function toggleMe(a){
-
{
+
       
-
   background: #ffffff;
+
   // add # to id name
-
   width:65.5%;
+
   var selector = "#" + a;
-
  float: right;
+
-
  padding: 0em;
+
-
  text-align:right;
+
-
  font-size: 1em;
+
-
  color: #a5a5a5;
+
-
  margin-right:2.5%;
+
    
    
-
   height: 5em;
+
   // select the top div with jquery and hide everything in it
-
   display: inline;
+
   $("div#top").children().hide();
-
  vertical-align: middle;
+
-
}
+
-
#highlight
+
   // show the div we want
-
{
+
   $(selector).show();
-
   background: #fff200;
+
-
   width:100%;
+
-
  clear: both;
+
-
  padding: 0em;
+
-
  height: 3px;
+
-
}
+
-
#sidebar
+
   // since we want to use this function in onclick, we need to return false
-
{
+
   return false;
-
   background: #3b3b3b;
+
-
  width:18em;
+
-
  float: left;
+
-
  padding: 2em;
+
-
  font-size: 1em;
+
-
/*  height: 12.625em; */
+
-
   height: 12.1em;
+
-
  color: #bfbfbf;
+
-
  border: 0;
+
}
}
-
#photo
+
</script>
-
{
+
-
  width: 52.981em;
+
-
  float: left;
+
-
  padding: 0em;
+
-
  height: 16em;
+
-
/*  height: 16.625em; */
+
-
  background: url(https://static.igem.org/mediawiki/2010/1/10/Alberta_KATZ.png);
+
-
  background-position: 0% 0%;
+
-
  border: 0em;
+
-
}
+
-
p.logo
+
</head>
-
{
+
-
  vertical-align: top;
+
-
}
+
-
.llink2 A:link {text-decoration: underline; color: #929292; font-size: 1em;}
+
<body>
-
.llink2 A:visited {text-decoration: none; color: #c4c4c4; font-size: 1em;}
+
-
.llink2 A:hover {text-decoration: none; font-size: 1em;}
+
-
.llink2 A:active {text-decoration: none; font-size: 1em;}
+
-
p.link
+
<div id="container">
-
{
+
-
  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;}
+
<div id="header">
-
.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
+
<div id="logo">
-
{
+
<img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" ></img>
-
  background: #ffffff;
+
genomikon
-
  width:100%;
+
</div>
-
  clear: both;
+
</html>
-
  padding: 0em;
+
-
  height: 3px;
+
-
}
+
-
#leftcolumn
+
{{Team:Alberta/navbar|home=selected}}
-
{
+
-
float: left;
+
-
width: 18em;
+
-
background-color: #fdffba;
+
-
margin: 0;
+
-
padding: 2em;
+
-
font-family: "Trebuchet MS", Times;
+
-
}
+
-
#rightcolumn
+
<html>
-
{
+
</div>
-
float: right;
+
-
width: 22.99em;
+
-
background-color: #c3e3bb;
+
-
margin: 0;
+
-
padding: 2em;
+
-
font-family: "Trebuchet MS", Times;
+
-
}
+
-
#middlecolumn
+
<div id="highlight">
-
{
+
</div>
-
background-color: #dff1ba;
+
-
margin-left: 22em;
+
-
border-left: 1px solid #ffffff;
+
-
margin-right: 26.99em;
+
-
border-right: 1px solid #ffffff;
+
-
padding: 2em;
+
-
max-width: 30em;
+
-
font-family: "Trebuchet MS", Times;
+
-
}
+
-
#footer
 
-
{
 
-
clear: both;
 
-
margin: 0;
 
-
padding: .5em;
 
-
color: #333333;
 
-
background-color: #dddddd;
 
-
border-top: 3px solid #333333;
 
-
}
 
-
</style>
+
<div id="sidebar">
-
</head>
+
  For a quick brief on our work, try the
 +
  <br>
 +
  <span class="llink1">
 +
    <a title="" onclick="return toggleMe('div1')" return false;" href="">
 +
      > project overview
 +
    </a><br>
 +
  </span>
 +
  <br>
 +
  For the team's accomplishments,
 +
  <br>
 +
  <span class="llink1">
 +
    <a title="" onclick="return toggleMe('div2')" return false;" href="">
 +
    > achievements
 +
    </a><br>
 +
  </span>
 +
  <br>
 +
  For an intro to synthetic biology,
 +
  <br>
 +
  <span class="llink1">
 +
    <a title="" onclick="return toggleMe('div3')" return false;" href="">
 +
    > biology guide
 +
    </a><br>
 +
  </span>
 +
</div>
-
<!-- ACTUAL BODY STARTS HERE ********************************** -->
+
<script>
-
<body>
+
-
<!-- PROJECT TITLE -->
 
-
<div id="title">
+
<!---
 +
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");
 +
// --->
-
<p class="logo"><img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" padding="15px" align="left"></img></p>
 
-
genomikon</div>
+
</script>
-
<!-- NAVBAR -->
+
<div id="crest"></div>
-
<div id="navbar"> <span class="llink2"><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="team"> team</a></span>
+
-
</div>
+
-
<!-- HIGHLIGHT -->
+
<div id="highlightb"></div>
-
<div id="highlight"></div>
+
-
 
+
-
 
+
-
<!-- COLOUR NOTE: bfbfbf -->
+
-
<div id="sidebar">
+
-
For a quick brief on our work, try the <br>
 
-
<span class="llink1">
 
-
<a href="projectoverview">
 
-
> project overview <br>
 
-
</a>
 
-
</span>
 
<br>
<br>
-
For the team's accomplishments, <br>
+
<div id="top">
-
<span class="llink1">
+
-
<a href="achievements">
+
-
> achievements <br>
+
-
</a>
+
-
</span>
+
-
<br>
+
-
For an intro to synthetic biology, <br>
+
<div id='div1' class="hideme info-tab">
-
<span class="llink1">
+
<span class="h1">Project Overview</span>
-
<a href="biology">
+
<br><br>
-
> biology guide <br>
+
<p><i>Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids</i></p>
-
</a>
+
<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>
-
</span>
+
<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>
-
<div id="photo">
+
<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 id="highlightb"></div>
+
</div>
-
<div id="leftcolumn">
+
<div id="highlight"></div>
-
The Alberta iGEM team is awesome!
+
 
 +
<div id="bottom">
 +
<div id="bottomleft">
 +
<span class="h2">Online Lab Manual</span>
 +
<br>
 +
<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>
</div>
</div>
-
<div id="rightcolumn">
+
<div id="bottomright">
-
I hope this works
+
<span class="h4">iGem 2010</span>
 +
<br>
 +
<p>Running on caffeine.</p>
</div>
</div>
-
<div id="middlecolumn">
 
-
Anh thinks so too
 
</div>
</div>
<div id="highlightb"></div>
<div id="highlightb"></div>
-
<div id="footer">
+
<div id="footer"><span class="llink3">
-
site map|sponsors|contact us
+
<a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a>
 +
</span></div>
 +
 
</div>
</div>
</body>
</body>
-
<!-- END OF ACTUAL BODY *************************************** -->
 
-
 
</html>
</html>

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.