|
|
| (177 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{Template:Team:BostonU/CSS}} | | {{Template:Team:BostonU/CSS}} |
| | <html> | | <html> |
| | + | <head> |
| | + | <script type="text/javascript"> |
| | + | $(document).ready(function() { |
| | + | $('a').click(function(){ |
| | + | $('html, body').animate({ |
| | + | scrollTop: $( $.attr(this, 'href') ).offset().top |
| | + | }, 500); |
| | + | return false; |
| | + | }); |
| | + | }); |
| | + | </script> |
| | + | </head> |
| | | | |
| - | <style>
| |
| - |
| |
| - | <!-- here ends the section that changes the default wiki template to a white full width background -->
| |
| - |
| |
| - | * {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - |
| |
| - | -webkit-font-smoothing: antialiased;
| |
| - | -webkit-box-sizing: border-box;
| |
| - | -moz-box-sizing: border-box;
| |
| - | box-sizing: border-box;
| |
| - | }
| |
| - |
| |
| - | ::selection {
| |
| - | background: #F79042;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | .slide-out-div {
| |
| - | padding: 20px;
| |
| - | background-image:url(../img_bu14/popopenbkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - | z-index:30;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | a:link {
| |
| - | color: #F79042;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a:visited {
| |
| - | text-decoration: none;
| |
| - | color: #F79042;
| |
| - | }
| |
| - | a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - | a:active {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | .title{
| |
| - | position:absolute;
| |
| - | top:38px;
| |
| - | left:83px;
| |
| - | z-index:2;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | color: #353535;
| |
| - | font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
| |
| - | text-align:center;
| |
| - | }
| |
| - |
| |
| - | h0{
| |
| - | color:#FFF;
| |
| - | font-size:40px;
| |
| - | font-weight:700;
| |
| - | }
| |
| - |
| |
| - | h1{
| |
| - | font-size:28px;
| |
| - | font-weight:700;
| |
| - | text-transform:uppercase;
| |
| - | }
| |
| - |
| |
| - | h2{
| |
| - | font-size:18px;
| |
| - | color:#FFF;
| |
| - | font-weight:700;
| |
| - | text-transform:uppercase;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | h3{
| |
| - | font-size:20px;
| |
| - | color:#000;
| |
| - | font-weight:700;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | main{
| |
| - | font-size:14px;
| |
| - | font-weight:200;
| |
| - | text-align:justify;
| |
| - | }
| |
| - |
| |
| - | sidenav{
| |
| - | color:#FFF;
| |
| - | font-weight:700;
| |
| - | }
| |
| - |
| |
| - | #logo {
| |
| - | position: absolute;
| |
| - | left: 80px;
| |
| - | top: 40px;
| |
| - | z-index: 2;
| |
| - | margin-left: -17px;
| |
| - | }
| |
| - |
| |
| - | .header{
| |
| - | background-color:#353535;
| |
| - | position:fixed;
| |
| - | height:125px;
| |
| - | top:0px;
| |
| - | width:100%;
| |
| - | z-index:30;
| |
| - | }
| |
| - | .igemlogo
| |
| - | {
| |
| - | position:fixed;
| |
| - | right:5px;
| |
| - | z-index:30;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #tracking_nav
| |
| - | {
| |
| - | margin: 0px 0px 0px 950px;
| |
| - | position: fixed;
| |
| - | color:#bababa;
| |
| - | border: 1px solid #3d3f3c;
| |
| - | background:#3d3f3c;
| |
| - | font-size: 16pt;
| |
| - | padding: 5px;
| |
| - | line-height: 120%;
| |
| - | }
| |
| - |
| |
| - | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
| |
| - | #tracking_nav a:hover {background:#bababa;}
| |
| - |
| |
| - | ul#nav {
| |
| - | width:90%;
| |
| - | top:100px;
| |
| - | left:60px;
| |
| - | position:fixed;
| |
| - | z-index:30;
| |
| - | }
| |
| - |
| |
| - | #nav li {
| |
| - | color: #FFF;
| |
| - | background-color:none;
| |
| - | margin: 0 50px 0 0;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | list-style: none;
| |
| - |
| |
| - | }
| |
| - | #nav li:last-child { margin:0; }
| |
| - |
| |
| - | /* main level link */
| |
| - | #nav a {
| |
| - | font-family:bree-web, Bree, sans-serif;
| |
| - | font-size:12pt;
| |
| - | font-weight:700;
| |
| - | line-height:210%;
| |
| - | color: inherit;
| |
| - | text-decoration: none;
| |
| - | display: block;
| |
| - | padding: 0 0 0 5px;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | ul#nav > li > a {
| |
| - | line-height:12px;
| |
| - | border-left:solid 3px #bbb;
| |
| - | padding:0 0 0 15px;
| |
| - | }
| |
| - |
| |
| - | #nav a:hover {
| |
| - | /*background-color: #870203;
| |
| - | color: #ffffff;*/
| |
| - | }
| |
| - |
| |
| - | /* main level link hover */
| |
| - | #nav .current a, #nav li:hover > a {
| |
| - | color: #F79042;
| |
| - | border-color:#F79042;
| |
| - | }
| |
| - |
| |
| - | /* sub levels link hover */
| |
| - | #nav ul li:hover a, #nav li:hover li a {
| |
| - | border: none;
| |
| - | background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - | color:#FFF;
| |
| - | }
| |
| - |
| |
| - | #nav ul a:hover {
| |
| - | color: #353535 !important;
| |
| - | /*background: #fff url() repeat-x 0 -100px !important;
| |
| - | text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* dropdown */
| |
| - | #nav li:hover > ul {
| |
| - | /*display: block;*/
| |
| - | opacity:1;
| |
| - | margin:0;
| |
| - | background-color: none;
| |
| - | z-index:0;
| |
| - | }
| |
| - |
| |
| - | /* level 2 list */
| |
| - | #nav ul {
| |
| - | /*display: none;*/
| |
| - | opacity:0;
| |
| - | margin: 20px 0 0 0;
| |
| - | padding: 7px 0 0 0;
| |
| - | width: 205px;
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | z-index:-1;
| |
| - |
| |
| - | }
| |
| - | #nav ul li {
| |
| - | float: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #nav ul a {
| |
| - | font-weight: normal;
| |
| - | /*text-shadow: 0 1px 0 #fff;*/
| |
| - | }
| |
| - |
| |
| - | /* clearfix */
| |
| - | #nav:after {
| |
| - | content: ".";
| |
| - | display: block;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | line-height: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | #nav {
| |
| - | display: inline-block;
| |
| - | }
| |
| - | html[xmlns] #nav {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | * html #nav {
| |
| - | height: 1%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .headerdivider{
| |
| - | background-image:url(https://static.igem.org/mediawiki/2014/1/15/Headerdivider_bu14.png);
| |
| - | position:absolute;
| |
| - | top:120px;
| |
| - | height:15px;
| |
| - | width:100%;
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | .plasmid{
| |
| - | position: relative;
| |
| - | background-repeat:no-repeat;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | width:400px;
| |
| - | height:500px;
| |
| - | top:220px;
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | .banner {
| |
| - | position: absolute;
| |
| - | top:100px;
| |
| - | width: 100%;
| |
| - | height:100%;
| |
| - | overflow: auto;
| |
| - | font-size: 18px;
| |
| - | text-align: center;
| |
| - | color: rgba(255,255,255,.6);
| |
| - | text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
| |
| - | background: #FFF;
| |
| - | box-shadow: 0 1px 2px rgba(0,0,0,.25);
| |
| - |
| |
| - |
| |
| - | }
| |
| - | .banner ul {
| |
| - | list-style: none;
| |
| - | width: 100%;
| |
| - | }
| |
| - | .banner ul li {
| |
| - | display: block;
| |
| - | float: left;
| |
| - | background-size:cover;
| |
| - | min-height:700px;
| |
| - | box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
| |
| - | }
| |
| - |
| |
| - | .banner .inner {
| |
| - | padding: 160px 0 110px;
| |
| - | }
| |
| - |
| |
| - | .banner h1, .banner h2 {
| |
| - | font-size: 40px;
| |
| - | line-height: 52px;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | .banner .btn {
| |
| - | display: inline-block;
| |
| - | margin: 25px 0 0;
| |
| - | padding: 9px 22px 7px;
| |
| - | clear: both;
| |
| - |
| |
| - | color: #fff;
| |
| - | font-size: 12px;
| |
| - | font-weight: bold;
| |
| - | text-transform: uppercase;
| |
| - | text-decoration: none;
| |
| - |
| |
| - | border: 2px solid rgba(255,255,255,.4);
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - | .banner .btn:hover {
| |
| - | background: rgba(255,255,255,.05);
| |
| - | }
| |
| - | .banner .btn:active {
| |
| - | -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
| |
| - | -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
| |
| - | -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
| |
| - | -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
| |
| - | filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
| |
| - | }
| |
| - |
| |
| - | .banner .btn, .banner .dot {
| |
| - | -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
| |
| - | -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
| |
| - | -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
| |
| - | -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
| |
| - | filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
| |
| - | }
| |
| - |
| |
| - | .banner .dots {
| |
| - | position: absolute;
| |
| - | left: 0;
| |
| - | right: 0;
| |
| - | bottom: 20px;
| |
| - | }
| |
| - | .banner .dots li {
| |
| - | display: inline-block;
| |
| - | width: 10px;
| |
| - | height: 10px;
| |
| - | margin: 0 4px;
| |
| - |
| |
| - | text-indent: -999em;
| |
| - |
| |
| - | border: 2px solid #fff;
| |
| - | border-radius: 6px;
| |
| - |
| |
| - | cursor: pointer;
| |
| - | opacity: .4;
| |
| - |
| |
| - | -webkit-transition: background .5s, opacity .5s;
| |
| - | -moz-transition: background .5s, opacity .5s;
| |
| - | transition: background .5s, opacity .5s;
| |
| - | }
| |
| - | .banner .dots li.active {
| |
| - | background: #fff;
| |
| - | opacity: 1;
| |
| - | }
| |
| - |
| |
| - | .banner .arrows {
| |
| - | position: absolute;
| |
| - | bottom: 20px;
| |
| - | right: 20px;
| |
| - | color: #fff;
| |
| - | }
| |
| - | .banner .arrow {
| |
| - | display: inline;
| |
| - | padding-left: 10px;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .wrap {
| |
| - | margin: 0 auto;
| |
| - | width: 960px;
| |
| - | }
| |
| - |
| |
| - | .anchor{
| |
| - | position:absolute;
| |
| - | top:calc(100% - 125px);
| |
| - | }
| |
| - |
| |
| - | .topanchor{
| |
| - | position:absolute;
| |
| - | top:calc(0% - 125px);
| |
| - | }
| |
| - |
| |
| - | .lower{
| |
| - | background-image:url(https://static.igem.org/mediawiki/2014/d/d7/Gradient_bu14.png);
| |
| - | background-color:#FFF;
| |
| - | text-align:center;
| |
| - | background-repeat:repeat-x;
| |
| - | width:100%;
| |
| - | position:absolute;
| |
| - | top:100%;
| |
| - | z-index:10;
| |
| - | }
| |
| - | .content{
| |
| - | text-align:left;
| |
| - | width:100%;
| |
| - | position:relative;
| |
| - | z-index:10;
| |
| - |
| |
| - | }
| |
| - | .text{
| |
| - | width:75%;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | .content1{
| |
| - | background-image:url(../img_bu14/whitebkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - |
| |
| - | .pagecontent{
| |
| - | position:relative;
| |
| - | left:50px;
| |
| - | top:130px;
| |
| - | width:80%;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | pageheader{
| |
| - | font-size:28px;
| |
| - | font-weight:700;
| |
| - | text-transform:uppercase;
| |
| - | }
| |
| - |
| |
| - | .sponsors{
| |
| - | background-color:#FFF;
| |
| - | position:relative;
| |
| - | text-align:center;
| |
| - | bottom:0px;
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
| |
| - | .wrap {
| |
| - | width: 90%;
| |
| - | }
| |
| - | #logo {
| |
| - | left: 50px;
| |
| - | top: 30px;
| |
| - | }
| |
| - |
| |
| - | .banner h1, .banner h2 {
| |
| - | font-size: 24px;
| |
| - | line-height: 30px;
| |
| - | }
| |
| - | .banner ul li {
| |
| - | height: 240px;
| |
| - | }
| |
| - | .banner .inner {
| |
| - | padding-top: 100px;
| |
| - | padding-bottom: 50px;
| |
| - | }
| |
| - | .banner p {
| |
| - | font-size: 15px;
| |
| - | width: 80%;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - | pre {
| |
| - | overflow: auto;
| |
| - | }
| |
| - | .features li {
| |
| - | width: 100%;
| |
| - | margin-left: 10px;
| |
| - | margin-bottom: 30px;
| |
| - | }
| |
| - | .how li {
| |
| - | width: 90%;
| |
| - | }
| |
| - | .how pre {
| |
| - | position: static;
| |
| - | width: 100%;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
| |
| - | .features li:before {
| |
| - | background: url('img/icons@2x.png');
| |
| - | background-size: 100%;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <!-- beginning of page -->
| |
| | <body> | | <body> |
| | | | |
| Line 515: |
Line 28: |
| | <!--Navibar--> | | <!--Navibar--> |
| | <ul id="nav"> | | <ul id="nav"> |
| - | <li><a href="">TEAM</a> | + | <li><a href="https://2014.igem.org/Team:BostonU/Team">TEAM</a> |
| - | <ul>
| + | |
| - | <li><a href="">Team</a></li>
| + | |
| - | <li><a href="">Fun</a></li>
| + | |
| - | </ul>
| + | |
| | </li> | | </li> |
| | <li><a href="">PROJECT</a> | | <li><a href="">PROJECT</a> |
| | <ul> | | <ul> |
| - | <li><a href="">Overview</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Chimera">Overview</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Encoder">Priority Encoder</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/MoClo">MoClo Assembly Method</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Backbones">Low Copy Backbones</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/ProjectTandemPromoters">Tandem Promoters</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/FusionProteins">Fusion Proteins</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Repressors">Repressor Proteins</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Multiplexing">Multiplexing</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Software">BioDesign Automation Tools</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Future">Future Work</a></li> |
| | + | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li><a href="">ACHIEVEMENTS</a> | | <li><a href="">ACHIEVEMENTS</a> |
| | <ul> | | <ul> |
| - | <li><a href="">Data Collected</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Data">Data Collected</a></li> |
| - | <li><a href="">Parts Submitted</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Parts">Parts Submitted</a></li> |
| - | <li><a href="">Workflow</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Workflow">Chimera Workflow</a></li> |
| - | <li><a href="">Medal Fulfillment</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/ChimeraExample">Chimera Example</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Medals">Medal Fulfillment</a></li> |
| | + | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li><a href="">NOTEBOOK</a> | | <li><a href="">NOTEBOOK</a> |
| | <ul> | | <ul> |
| - | <li><a href="">Training</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Training">Training</a></li> |
| - | <li><a href="">Protocols</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Protocols">Protocols</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/BackbonesNotebook">Backbones</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/TandemPromoters">Tandem Promoters and Repressors</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/FusionProteinsNotebook">Fusion Proteins</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li><a href="">CONSIDERATIONS</a> | | <li><a href="">CONSIDERATIONS</a> |
| | <ul> | | <ul> |
| - | <li><a href="">NEGEM</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Collaborations">Collaborations</a></li> |
| - | <li><a href=""> Human Practices</a></li> | + | <li><a href="https://2014.igem.org/Team:BostonU/Measurement">Measurement Track</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Safety">Safety</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/Interlab">Interlab Study</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/NEGEM">NEGEM</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:BostonU/HumanPractices">Policy and Practices</a></li> |
| | </ul> | | </ul> |
| - | <li><a href="">ACKNOWLEDGEMENTS</a> | + | <li><a href="https://2014.igem.org/Team:BostonU/Acknowledgements">ACKNOWLEDGEMENTS</a> |
| - | <ul>
| + | |
| - | <li><a href="">Collaborations</a></li>
| + | |
| - | <li><a href="">Acknowledgements</a></li>
| + | |
| - | </ul>
| + | |
| | </li> | | </li> |
| | | | |
| | </ul> | | </ul> |
| | | | |
| | + | <!--Photo Slider--> |
| | + | <div class="banner"> |
| | | | |
| | <!--Plasmid--> | | <!--Plasmid--> |
| - | <div class="plasmid"><table width="100%" border="0" cellspacing="0" cellpadding="0"> | + | <div class="plasmid" align="center"> |
| - | <tr>
| + | <img src="https://static.igem.org/mediawiki/2014/3/32/Plasmidoutline_bu14.png" width="350" height="350"><br><br><br> |
| - | <th scope="col"><img src="https://static.igem.org/mediawiki/2014/3/32/Plasmidoutline_bu14.png" width=" 397" height=" 397">< /th> | + | <a href="#Lower" rel="" id="#Lower " class="anchorLink"><img src="https://static.igem.org/mediawiki/2014/9/9e/Start_bu14.png" width="166" height="48" alt="Start"></a> |
| - | </tr>
| + | </div></div> |
| - | <tr>
| + | |
| - | <td> </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td><p><a title=" $.scrollTo( '#Lower ', {duration:500} );" href="#Lower"><img src="https://static.igem.org/mediawiki/2014/9/9e/Start_bu14.png" width="166" height="48" alt="Start"></a ></p></td> | + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </div> | + | |
| | | | |
| - | <!--Photo Slider-->
| |
| - | <div class="banner">
| |
| - | <ul>
| |
| - | <li style="background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg);">
| |
| - | <div class="inner">
| |
| - | <h1></h1>
| |
| - | <p></p>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li style="background-image: url('img_bu14/dna_bu14.jpg');">
| |
| - | <div class="inner">
| |
| - | <h1></h1>
| |
| - | <p></p>
| |
| - | </div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div id='Lower' class="anchor"></div>
| |
| | | | |
| | <!--Lower Content--> | | <!--Lower Content--> |
| | + | <div id='Lower' class="anchor"></div> |
| | <div class="lower"> | | <div class="lower"> |
| | <div class="content"> | | <div class="content"> |
| Line 597: |
Line 97: |
| | <br> | | <br> |
| | <br> | | <br> |
| - | <h1>chimera
| + | <header1>Chimera</header1><h3>an optimized characterization workflow for synthetic biology</h3> |
| - | </h1>
| + | <maincontent><br> |
| - | <h3>an optimized synthetic biology workflow</h3>
| + | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
| - | <h2><br>
| + | |
| - | </h2>
| + | |
| - | <main><table width="100%" border="0" cellspacing="0" cellpadding="0"> | + | |
| | <tr> | | <tr> |
| - | <th colspan="2" scope="col"><img src="https://static.igem.org/mediawiki/2014/e/ea/Workflow_bu14.png" width="525" height="317" alt="Workflow" style="float:right">Currently in synthetic biology, the creation of novel genetic circuits revolves around a familiar design-build-test cycle. As an increasing number of laboratories become involved in designing newer and more sophisticated constructs, the lack of standardization in production and characterization inhibits workflow efficiency and, by extension, growth of the field. The 2014 Boston University iGEM team seeks to employ a formalized and optimized workflow supported by new bio-design automation applications, with the aim of benefiting synthetic biologists seeking to more efficiently design, build, and characterize complex constructs. | + | <td colspan="2" scope="col"> |
| - | <br><br>
| + | <h3>Abstract </h3> |
| - | Advancements in bio-design automation (or BDA) have allowed for the implementation of a variety of software and automation tools that help improve the design-build-test efficiency in a synthetic biology laboratory. We will take a novel approach to the design-build-test cycle by using software tools to formalize our workflows, thus making us one of the first BDA iGEM teams. Using basic parts from the <a href=" http:// cidarlab.org/ " target="_blank"> CIDAR</a> MoClo library (built by the <a href="https:// 2012.igem.org/Team:BostonU " target="_blank"> 2012</a> and <a href="https:// 2013.igem.org/Team:BostonU " target="_blank"> 2013</a> BU iGEM teams), we will build complex constructs using our formalized workflow, in addition to providing comprehensive characterization data for all new parts and improving data for existing parts in the <a href=" http:// parts.igem.org/ Main_Page" target="_blank"> Registry of Standard Biological Parts</a> . <br><br> | + | <strong>The Joy of Cloning: Chimera, a Recipe for Integrating Computational Tools with Experimental Protocols </strong><br> |
| - | Our BDA approach will include utilizing various software tools throughout the design-build-test cycle in our wet lab work, including Eugene, Raven, and the TASBE flow cytometry tool.
| + | If BU can clone it, so can you! With a pinch of wet lab work and a dash of computational tools, we have developed a new recipe called <a href=" https:// 2014.igem.org/ Team:BostonU/Workflow"> Chimera</a> that will help fellow synthetic biology cloners in the creation of their genetic devices! Chimera utilizes <a href="https:// 2014.igem.org/Team:BostonU /Software"> bio-design automation software tools</a> with experimental protocols and builds upon a thoroughly characterized library of <a href="https:// 2014.igem.org/Team:BostonU /MoClo"> MoClo</a> parts. This recipe, or workflow, integrates software tools to reduce human error and to structure the way device designs are chosen, assembled, and tested. To demonstrate that this workflow can be used by any level of cloner (beginner, intermediate, and advanced), we will highlight how we used Chimera to create:<br> |
| - | <br><br>
| + | <p class="tab"><li> individual genetic parts (namely <a href=" https:// 2014.igem.org/ Team:BostonU/ProjectTandemPromoters"> tandem promoters</a>, <a href=" https:// 2014.igem.org/ Team:BostonU/FusionProteins"> fusion proteins</a>, and <a href=" https:// 2014.igem.org/ Team:BostonU/ Backbones"> different backbones</a> ), < /p> |
| - | The design of our genetic devices will be facilitated by <a href=" http:// eugenecad.org/ " target="_blank"> Eugene</a>, a language specifically designed for the description of genetic networks. Eugene allows for a very efficient design process for new parts by providing an exhaustive list of possible transcriptional units that can be made with available genetic parts, while following a set of rules to ensure the viability of the final designs. <br><br> | + | <p class="tab"><li> transcriptional units assembled from individual parts (with both new and previously made MoClo parts), and </p> |
| - | The building process will be facilitated by <a href=" http:// cidarlab.org/ raven/ " target="_blank"> Raven</a>, a web-based tool that generates an assembly plan for genetic devices. Our team plans to build devices using the MoClo method employed by previous BU iGEM teams, in addition to multiplexing in order to build many variations on one design in an efficient one-pot reaction. < br><br> | + | <p class="tab"><li> a complex genetic device (our goal is a <a href="https://2014.igem.org/Team:BostonU/Encoder">priority encoder</a>).</p> |
| - | We will use flow cytometry in conjunction with the <a href="https://synbiotools.bbn.com/" target="_blank">TASBE Tools</a> to test the functionality of new constructs and enhance the documentation available for existing parts in the Registry. Additionally, we will contribute several new parts and their characterization data to the Registry including hybrid promoters, fusion proteins, and a variety of new vectors. </th>
| + | <br><br><strong><a href="https://2014.igem.org/Team:BostonU/Chimera">Click here to explore our project!</a></strong></td></tr></table> |
| - | </tr>
| + | </maincontent> |
| - | <tr>
| + | |
| - | <th colspan="2" scope="col"> <p> </p></th>
| + | </div></div> |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <th scope="col"> </th>
| + | |
| - | <th scope="col"></th>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </main><br><br></div></div>
| + | |
| | | | |
| | <!--Footer--> | | <!--Footer--> |
| - | <div class="sponsors"> <br><br>< h1>Our Sponsors</ h1><br> <img src="https://static.igem.org/mediawiki/2014/c/c5/Sponsors_bu14.png" width="983" height="149"> </div></div></div> | + | <div class="sponsors " align="center"> <br><br>< header1>Our Sponsors</ header1><br><br><img src="https://static.igem.org/mediawiki/2014/c/c5/Sponsors_bu14.png" width="983" height="149"> </div> |
| - | </body>
| + | </div></div> |
| | + | |
| | </html> | | </html> |
"
