|
|
| Line 1: |
Line 1: |
| | {{Team:Alberta/Head}} | | {{Team:Alberta/Head}} |
| - |
| |
| | | | |
| | <html> | | <html> |
| - |
| |
| - | <head>
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | /* GETS RID OF DEFAULT TITLE */
| |
| - | .firstHeading {display:none;}
| |
| - |
| |
| - | /* SETS OUTSIDE BGCOLOUR AND INSIDE BGCOLOUR */
| |
| - |
| |
| - | body
| |
| - | {
| |
| - | background-color: #252525;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | border: 0px;
| |
| - | font-family:"Trebuchet MS", arial;
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | }
| |
| - |
| |
| - | #photo
| |
| - | {
| |
| - | width: 965px;
| |
| - | float: left;
| |
| - | padding: 0em;
| |
| - | height: 200px;
| |
| - | /* height: 200px; */
| |
| - | background: url(https://static.igem.org/mediawiki/2010/4/42/Alberta_GroupTest2.png);
| |
| - | background-position: 0% 0%;
| |
| - | border: 0em;
| |
| - | }
| |
| - |
| |
| - | p.logo
| |
| - | {
| |
| - | vertical-align: top;
| |
| - | }
| |
| - |
| |
| - | .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;}
| |
| - |
| |
| - | #blacktop
| |
| - | {
| |
| - | background: #3b3b3b;
| |
| - | width: 100%;
| |
| - | clear: both;
| |
| - | padding: 0em;
| |
| - | height: 1.3em;
| |
| - | text-align: center;
| |
| - | font-family: "Trebuchet MS", Times;
| |
| - | color: #fff200;
| |
| - | font-size: 2.5em;
| |
| - | line-height: 120%;
| |
| - | border-top: 0.1em solid #ffffff;
| |
| - | }
| |
| - |
| |
| - | /*For static menu*/
| |
| - | #staticmenu
| |
| - | {
| |
| - | background: #ffffff;
| |
| - | }
| |
| - |
| |
| - | .wireframemenu
| |
| - | {
| |
| - | border: 0.65em solid #C0C0C0;
| |
| - | background-color: #ffffff;
| |
| - | width: 9em;
| |
| - | position: fixed;
| |
| - | border-bottom: 0em;
| |
| - | }
| |
| - |
| |
| - | * html .wireframemenu
| |
| - | { /*IE only rule. Original menu width minus all left/right paddings */
| |
| - | width: 9.625em;
| |
| - | }
| |
| - |
| |
| - | .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
| |
| - | {
| |
| - | /*width:69.5%;*/
| |
| - | height:50%;
| |
| - | border:1px solid #000000;
| |
| - | }
| |
| - |
| |
| - | #TopContent
| |
| - | {
| |
| - | width: 100%;
| |
| - | color: #000000;
| |
| - | font-family: "Trebuchet MS", Times;
| |
| - | font-size: 1em;
| |
| - | line-height: 120%;
| |
| - | }
| |
| - |
| |
| - | #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;}
| |
| - |
| |
| - | .h2 {text-decoration: none; color: #757575; font-size: 2.5em; font-family: "Trebuchet MS", Times; line-height: 120%;}
| |
| - | .h3 {text-decoration: none; color: #757575; font-size: 1em; font-family: "Trebuchet MS", Times;}
| |
| - | .p {text-decoration: none; color: #000000; font-size: 1.25em; font-family: "Trebuchet MS", Times; line-height: 100%; text-indent:2em;}
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | $(document).ready( function(){
| |
| - | // load header on page load
| |
| - | $('#photo').show();
| |
| - |
| |
| - | });
| |
| - |
| |
| - |
| |
| - | //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>
| |
| - |
| |
| - |
| |
| - | <!-- ACTUAL BODY STARTS HERE ********************************** -->
| |
| - | <body>
| |
| - |
| |
| - | <!-- PROJECT TITLE -->
| |
| - |
| |
| | <div id="title"> | | <div id="title"> |
| | | | |
| Line 239: |
Line 7: |
| | | | |
| | genomikon</div> | | genomikon</div> |
| - |
| |
| | </html> | | </html> |
| | | | |
| | {{Team:Alberta/navbar|project=selected}} | | {{Team:Alberta/navbar|project=selected}} |
| | | | |
| - | <html>
| + | ==Project Overview== |
| | | | |
| - | <!-- HIGHLIGHT -->
| + | ''Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids'' |
| - | <div id="highlight"></div>
| + | |
| | | | |
| - | <div id="photo"></div>
| + | 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. |
| | | | |
| - | <div id="staticmenu" class="wireframemenu" style="left: 10px; top: 20px">
| + | 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. |
| - | <ul>
| + | |
| - | <li><a href="#h1">Project Theory</a></li>
| + | |
| - | <li><a href="#b1">Types of 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">
| + | ==BioByte Theory== |
| | + | The DNA components of the Genomikon kit will be provided in linear pieces named BioBytes. These Bytes have 4 base 5' overhangs on both ends which gives specificity to the bytes that can neighbor it. BioBytes come in two flavors: A bytes and B bytes, which are defined by the composition of the overhangs it has. The result is that A bytes can only be ligated to B bytes and vise versa leading to a construct alternating in A and B bytes. The specificity in absolute order of a construct is given by an anchor which restricts ligation to only one side. |
| | + | [[File:d/dc/Alberta2010kaTheoryimage.jpg]] |
| | | | |
| - | <div id="blacktop">Project Overview</div>
| + | ==Types of Parts== |
| | | | |
| - | <p><i>Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids</i></p>
| + | ==Testing Parts== |
| | + | Insert project details here. |
| | | | |
| - | <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>
| + | ==Assembly Method== |
| | + | Insert project details here. |
| | | | |
| - | <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>
| + | ==Competent Cells== |
| | + | Insert project details here. |
| | | | |
| - | <div id="blacktop"><a name="h1" id "h1"></a>BioByte Theory</div>
| + | ==Plates== |
| - | <p>The DNA components of the Genomikon kit will be provided in linear pieces named BioBytes. These Bytes have 4 base 5' overhangs on both ends which gives specificity to the bytes that can neighbor it. BioBytes come in two flavors: A bytes and B bytes, which are defined by the composition of the overhangs it has. The result is that A bytes can only be ligated to B bytes and vise versa leading to a construct alternating in A and B bytes. The specificity in absolute order of a construct is given by an anchor which restricts ligation to only one side. </p>
| + | Insert project details here. |
| - | <img src="https://static.igem.org/mediawiki/2010/d/dc/Alberta2010kaTheoryimage.jpg"/>
| + | |
| | | | |
| - | <div id="blacktop"><a name="b1" id "b1"></a>Types of Parts</div>
| + | ==Software== |
| | + | Insert project details here. |
| | | | |
| | | | |
| - | <div id="blacktop"><a name="t1" id "t1"></a>Testing Parts</div> | + | <html> |
| - | <p>Insert project details here.</p>
| + | |
| - | | + | |
| - | <div id="blacktop"><a name="a1" id "a1"></a>Assembly Method</div>
| + | |
| - | <p>Insert project details here.</p>
| + | |
| - | | + | |
| - | <div id="blacktop"><a name="c1" id "c1"></a>Competent Cells</div>
| + | |
| - | <p>Insert project details here.</p>
| + | |
| - | | + | |
| - | <div id="blacktop"><a name="p1" id "p1"></a>Plates</div>
| + | |
| - | <p>Insert project details here.</p>
| + | |
| - | | + | |
| - | <div id="blacktop"><a name="s1" id "s1"></a>Software</div>
| + | |
| - | <p>Insert project details here.</p>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="highlightb"></div>
| + | |
| | | | |
| | <div id="footer"><span class="llink3"> | | <div id="footer"><span class="llink3"> |
| | <a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a> | | <a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a> |
| | </span></div> | | </span></div> |
| - |
| |
| - | </body>
| |
| - | <!-- END OF ACTUAL BODY *************************************** -->
| |
| | | | |
| | | | |
| | </html> | | </html> |
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.
The DNA components of the Genomikon kit will be provided in linear pieces named BioBytes. These Bytes have 4 base 5' overhangs on both ends which gives specificity to the bytes that can neighbor it. BioBytes come in two flavors: A bytes and B bytes, which are defined by the composition of the overhangs it has. The result is that A bytes can only be ligated to B bytes and vise versa leading to a construct alternating in A and B bytes. The specificity in absolute order of a construct is given by an anchor which restricts ligation to only one side.
File:D/dc/Alberta2010kaTheoryimage.jpg
"
