Team:Alberta/project

From 2010.igem.org

(Difference between revisions)
Line 77: Line 77:
.llink2 A:hover {text-decoration: none; font-size: 1em;}
.llink2 A:hover {text-decoration: none; font-size: 1em;}
.llink2 A:active {text-decoration: none; font-size: 1em;}
.llink2 A:active {text-decoration: none; font-size: 1em;}
 +
 +
/*For static menu*/
 +
.wireframemenu{
 +
border: 1em solid #C0C0C0;
 +
background-color: white;
 +
width: 10.625em;
 +
position: absolute;
 +
border-bottom: 0em;
 +
}
 +
 +
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
 +
width: 10.25em;
 +
}
 +
 +
.wireframemenu ul{
 +
padding: 0;
 +
margin: 0;
 +
list-style: none;
 +
}
 +
 +
.wireframemenu a{
 +
font: bold 1em "Trebuchet MS", Times;
 +
padding: 0.25em 0.2em;
 +
display: block;
 +
width: 100%; /*Define width for IE6's sake*/
 +
color: #595959;
 +
text-decoration: none;
 +
border-bottom: 0.2em solid #C0C0C0;
 +
}
 +
 +
.wireframemenu a:visited{
 +
color: #595959;
 +
}
 +
 +
html>body .wireframemenu a{ /*Non IE rule*/
 +
width: auto;
 +
}
 +
 +
.wireframemenu a:hover{
 +
background-color: #fff200;
 +
color: #3b3b3b;
 +
}
#content   
#content   
Line 114: Line 156:
</style>
</style>
 +
 +
<script type="text/javascript">
 +
 +
//ids of menus to keep static on page (must be absolutely positioned, with left/top attribute added inline inside tag)
 +
//Separate multiple ids with a comma (ie: ["menu1", "menu2"]
 +
var staticmenuids=["staticmenu"]
 +
 +
var staticmenuoffsetY=[]
 +
 +
function getmenuoffsetY(){
 +
for (var i=0; i<staticmenuids.length; i++){
 +
var currentmenu=document.getElementById(staticmenuids[i])
 +
staticmenuoffsetY.push(isNaN(parseInt(currentmenu.style.top))? 0 : parseInt(currentmenu.style.top))
 +
}
 +
initstaticmenu()
 +
}
 +
 +
function initstaticmenu(){
 +
var iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 +
var topcorner=(window.pageYOffset)? window.pageYOffset : iebody.scrollTop
 +
for (var i=0; i<staticmenuids.length; i++)
 +
document.getElementById(staticmenuids[i]).style.top=topcorner+staticmenuoffsetY[i]+"px"
 +
setTimeout("initstaticmenu()", 100)
 +
}
 +
 +
if (window.addEventListener)
 +
window.addEventListener("load", getmenuoffsetY, false)
 +
else if (window.attachEvent)
 +
window.attachEvent("onload", getmenuoffsetY)
 +
 +
</script>
</head>
</head>
Line 137: Line 210:
<div id="photo"></div>
<div id="photo"></div>
 +
 +
<div id="staticmenu" class="wireframemenu" style="left: 10px; top: 20px">
 +
<ul>
 +
<li><a href="#b1">Building Parts</a></li>
 +
<li><a href="t1">Testing Parts</a></li>
 +
<li><a href="a1">Assembly Method</a></li>
 +
<li><a href="c1">Competent Cells</a></li>
 +
<li><a href="p1">Plates</a></li>
 +
<li><a href="s1">Software</a></li>
 +
</ul>
 +
</div>
<div id="TopContent">
<div id="TopContent">
Line 147: Line 231:
<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>
<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>
-
<span class="h2">Project Details</span>
+
<span class="h2"><a name="b1" id "b1"></a>Building Parts</span>
 +
<p>Insert project details here.</p>
 +
 
 +
<span class="h2"><a name="t1" id "t1"></a>Testing Parts</span>
 +
<p>Insert project details here.</p>
 +
 
 +
<span class="h2"><a name="a1" id "a1"></a>Assembly Method</span>
 +
<p>Insert project details here.</p>
 +
 
 +
<span class="h2"><a name="c1" id "c1"></a>Competent Cells</span>
 +
<p>Insert project details here.</p>
 +
 
 +
<span class="h2"><a name="p1" id "p1"></a>Plates</span>
 +
<p>Insert project details here.</p>
 +
 
 +
<span class="h2"><a name="s1" id "s1"></a>Software</span>
 +
<p>Insert project details here.</p>
 +
 
</div>
</div>

Revision as of 16:45, 19 July 2010

genomikon
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.

Building Parts

Insert project details here.

Testing Parts

Insert project details here.

Assembly Method

Insert project details here.

Competent Cells

Insert project details here.

Plates

Insert project details here.

Software

Insert project details here.

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