Difference between revisions of "Team:UC San Diego"

Line 1: Line 1:
−
<!--DOCTYPE html-->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
−
<!--[if lt IE 7]>     <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
−
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+
<head>
−
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+
<meta name="generator" content="MediaWiki 1.16.5" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:BostonU&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:BostonU&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:BostonU&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:BostonU - 2014.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2014.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:BostonU",
 +
wgTitle="Team:BostonU",
 +
wgAction="view",
 +
wgArticleId=225,
 +
wgIsArticle=true,
 +
wgUserName="Wthavara",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=396695,
 +
wgVersion="1.16.5",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2014.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2014_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
  
−
    <head>
+
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_BostonU">
−
        <meta charset="utf-8">
+
  <div id="globalWrapper">
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
        <title>UCSD iGEM - 2015</title>
+
−
        <meta name="description" content="">
+
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
+
  
−
<!-- Start of CSS-->
+
    <div id="top-section">
−
<style type="text/css">
+
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='https://2014.igem.org/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
  
−
/* WIKI SETTINGS*/
 
−
 
−
/* Hide first heading */
 
−
.firstHeading {
 
−
display: none;
 
−
}
 
−
 
−
/*-- Remove borders, float content left and remove padding/margin */
 
−
#globalWrapper, #content{
 
−
background-color: transparent;
 
−
border: 0px;
 
−
float: left;
 
−
margin:0px;
 
−
padding: 0px;
 
−
}
 
  
−
/*left align Black Menu Bar */
 
−
#top_menu_inside {
 
−
margin-left: 20px;
 
−
}
 
−
</style>
 
  
 +
<div id="menubar" class='left-menu noprint'>
 +
  <ul>
 +
                  <li
 +
                class='selected'       ><a href="/Team:BostonU">Page              </a></li>
 +
              <li
 +
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:BostonU&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:BostonU&amp;action=edit">Edit              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:BostonU&amp;action=history">History              </a></li>
 +
              <li
 +
                    ><a href="/Special:MovePage/Team:BostonU">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:BostonU&amp;action=watch">Watch              </a></li>
 +
              <li style='color:white;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
  
 +
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-userpage"><a href="/User:Wthavara" title="Your user page [.]" accesskey="." class="new">Wthavara</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
 +
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:BostonU" title="Log out">Log out</a></li>     </ul>
 +
</div><!-- end right menubar -->
  
−
        <link rel="stylesheet" href="https://2015.igem.org/Team:UC_San_Diego/bootstrap.min.css?action=raw&amp;ctype=text/css">
+
<div id="search-controls" class="noprint">
−
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <!-- Font Awesome -->
+
<form action="/Special:Search" id="searchform">
−
        <link rel="stylesheet" href="https://2015.igem.org/Team:UC_San_Diego/wow-animate.css?action=raw&amp;ctype=text/css"> <!-- Wow Animate -->
+
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
−
        <link rel="stylesheet" href="https://2015.igem.org/Team:UC_San_Diego/style.css?action=raw&amp;ctype=text/css">
+
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
−
        <script src="https://2015.igem.org/Team:UC_San_Diego/modernizr-2.6.2.js?action=raw&amp;ctype=text/js"></script>
+
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
−
    </head>
+
</form>
−
    <body>
+
</div> <!-- close search controls -->
−
        <!--[if lt IE 7]>
+
    </div> <!-- close top-section-->
−
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+
    <div id="content">
−
        <![endif]-->
+
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:BostonU</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<head>
 +
<style type="text/css">
  
−
<!--
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
 +
.topWikiNavBackground {
 +
    height:18px;
 +
    margin-top: -32px;
 +
    background-color:transparent;
 +
}
  
−
██╗  ██╗ ██████╗███████╗██████╗        ██████╗ ███████╗███╗  ███╗    ██████╗  ██████╗  ██╗███████╗
 
−
██║  ██║██╔════╝██╔════╝██╔══██╗    ██╗██╔════╝ ██╔════╝████╗ ████║    ╚════██╗██╔═████╗███║██╔════╝
 
−
██║  ██║██║    ███████╗██║  ██║    ██║██║  ███╗█████╗  ██╔████╔██║    █████╔╝██║██╔██║╚██║███████╗
 
−
██║  ██║██║    ╚════██║██║  ██║    ██║██║  ██║██╔══╝  ██║╚██╔╝██║    ██╔═══╝ ████╔╝██║ ██║╚════██║
 
−
╚██████╔╝╚██████╗███████║██████╔╝    ██║╚██████╔╝███████╗██║ ╚═╝ ██║    ███████╗╚██████╔╝ ██║███████║
 
−
╚═════╝  ╚═════╝╚══════╝╚═════╝    ╚═╝ ╚═════╝ ╚══════╝╚═╝    ╚═╝    ╚══════╝ ╚═════╝  ╚═╝╚══════╝                                                                                                                                                           
 
  
−
-->
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
        background-color: transparent;
 +
}
  
−
    <div class="parallax">
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
        background-color:transparent;
 +
        height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width:100%;
 +
top: 0;
 +
}
  
 +
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
        color:#FFF;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
  
−
      <div class="bg__first wiki-position-relative">
+
#menubar a:active, #menubar a:hover
−
         <div class="container" id="top">
+
{
−
          <div class="wiki-flexbox">
+
         color:#FFF;
 +
text-decoration: underline;
 +
        background-color:transparent;
 +
}
 +
* {
 +
margin: 0;
 +
padding: 0;
  
−
<div class="col-md-12 col-sm-12 col-xs-12"> 
+
-webkit-font-smoothing: antialiased;
−
                <div class="right-caption wow animated fadeInRight text-center">
+
-webkit-box-sizing: border-box;
−
                  <h2>FIAT<br>LUX</h2>
+
-moz-box-sizing: border-box;
−
                  </div>
+
box-sizing: border-box;
 +
}
  
−
</div>
+
::selection {
 +
background: #F79042;
 +
color: #fff;
 +
}
  
−
</div>
+
.slide-out-div {
−
            </div>           
+
          padding: 20px;
−
           </div> 
+
           background-image:url(../img_bu14/popopenbkgd_bu14.png);
 +
  background-repeat:repeat;
 +
  z-index:30;
 +
  text-align:left;
 +
      }
 +
 
 +
a:link {
 +
color: #F79042;
 +
        font-weight=500;
 +
text-decoration: none;
 +
}
 +
a:visited {
 +
text-decoration: none;
 +
        font-weight=500;
 +
color: #F79042;
 +
}
 +
a:hover {
 +
text-decoration: underline;
 +
}
 +
a:active {
 +
text-decoration: none;
 +
}
  
−
<!---ARROW IS HERE---->
+
.title{
−
        <div class="arrow text-center">
+
position:absolute;
−
          <a href="#" class="scroll-link btn btn-dark" data-id="ilovetheteam"><i class="fa fa-angle-down"></i></a>
+
top:38px;
−
        </div>
+
left:83px;
 +
z-index:2;
 +
}
  
−
<!--------END OF FIRST SECTION--->
+
body {
−
      </div>
+
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;
 +
        text-decoration:none;
 +
}
  
 +
header1{
 +
font-size:28px;
 +
font-weight:700;
 +
text-transform:uppercase;
 +
        text-decoration:none;
 +
}
  
 +
header2{
 +
font-size:18px;
 +
color:#FFF;
 +
font-weight:700;
 +
text-transform:uppercase;
 +
text-align:left;
 +
        text-decoration:none;
 +
}
  
  
−
      <div class="container" id="ilovetheteam">
+
header2black{
−
        <div class="row">
+
font-size:18px;
−
          <div class="col-md-12 fadeInUp">
+
color:#000000;
−
            <div class="nav-tiles">
+
font-weight:700;
 +
text-transform:uppercase;
 +
text-align:left;
 +
        text-decoration:none;
 +
}
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
header3{
−
                <div class="single-item">
+
font-size:20px;
−
                  <a href="project.html"><i class="fa fa-folder-open"></i></a>
+
color:#353535;
−
                  <h2>PROJECT</h2>
+
font-weight:550;
−
<p>
+
        text-decoration:none;
−
                </div>
+
}
−
              </div>
+
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
h3{
−
                <div class="single-item">
+
font-size:20px;
−
                  <a href="wetlab.html"><i class="fa fa-flask"></i></a>
+
color:#353535;
−
                  <h2>WET LAB</h2>
+
font-weight:550;
−
<p>
+
        text-decoration:none;
−
                </div>
+
}
−
              </div>
+
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
maincontent{
−
                <div class="single-item">
+
font-weight:100;
−
                    <a href="modeling.html"><i class="fa fa-bar-chart-o"></i></a>
+
font-size:14px;
−
                    <h2>MODELING</h2>
+
text-align:justify;
−
<p>
+
}
−
                </div>
+
−
              </div>
+
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
capt{
−
                <div class="single-item">
+
font-size:12px;
−
                  <a href="team.html"><i class="fa fa-camera"></i></a>
+
        color:#5E5F5F;
−
                  <h2>TEAM</h2>
+
font-weight:300;
−
<p>
+
text-align:justify;
−
                </div>
+
        line-height:110%
−
              </div>
+
}
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
sidenav{
−
                <div class="single-item">
+
color:#FFF;
−
                  <a href="interlab.html"><i class="fa fa-tasks"></i></a>
+
font-weight:700;
−
                  <h2>INTERLAB STUDY</h2>
+
}
−
<p>
+
−
                </div>
+
−
              </div>
+
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
#logo {
−
                <div class="single-item">
+
position: absolute;
−
                  <a href="hprac.html"><i class="fa fa-comments"></i></a>
+
left: 80px;
−
                  <h2>HUMAN PRACTICES</h2>
+
top: 40px;
−
<p>
+
z-index: 2;
−
                </div>
+
margin-left: -17px;
−
              </div>
+
}
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
+
.header{
−
                <div class="single-item">
+
background-color:#353535;
−
                  <a href="collab.html"><i class="fa fa-group"></i></a>
+
position:fixed;
−
                  <h2>COLLABORATION</h2>
+
height:125px;
−
<p>
+
top:0px;
−
                </div>
+
width:100%;
−
              </div>
+
z-index:30;
 +
}
 +
.igemlogo
 +
{
 +
position:fixed;
 +
right:5px;
 +
z-index:30;
 +
}
  
−
              <div class="col-md-3 col-sm-6 wow fadeInUp">
 
−
                <div class="single-item">
 
−
                    <a href="notebook.html"><i class="fa fa-book"></i></a>
 
−
                    <h2>NOTEBOOK</h2>
 
−
<p>
 
−
                </div>
 
−
              </div>
 
  
−
            </div>
+
#tracking_nav
−
          </div>
+
{
−
        </div>
+
margin: 0px 0px 0px 950px;
 +
position: fixed;
 +
color:#bababa;
 +
border: 1px solid #3d3f3c;
 +
background:#3d3f3c;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 120%;
 +
}
  
−
        <div class="row">
+
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
−
<p>
+
#tracking_nav a:hover {background:#bababa;}
−
        </div>
+
  
−
      </div>
+
ul#nav {
 +
width:90%;
 +
top:100px;
 +
left:60px;
 +
position:fixed;
 +
z-index:30;
 +
}
  
 +
#nav li {
 +
color: #FFF;
 +
background-color:none;
 +
margin: 0 15px 0 0;
 +
float: left;
 +
position: relative;
 +
list-style: none;
  
−
      <footer>
+
}
 +
#nav li:last-child { margin:0; }
  
−
<div id="logorow">
+
/* main level link */
−
      <div class ="footerlogo">
+
#nav a {
−
        <a href="http://www.sgidna.com/">
+
font-family:bree-web, Bree, sans-serif;
−
          <img src="http://i59.tinypic.com/2ev527m.png" class="img-responsive footerimg on">
+
font-size:10pt;
−
          <img src="http://eu.idtdna.com/pages/images/gblocks/sgi-dna_hires_logo.png?sfvrsn=0" class="img-responsive footerimg off">
+
font-weight:600;
−
        </a>
+
line-height:210%;
−
      </div>
+
color: inherit;
−
      <div class ="footerlogo">
+
text-decoration: none;
−
        <a href="http://sdcsb.ucsd.edu/">
+
display: block;
−
          <img src="http://i57.tinypic.com/4h7hqb.png" class="img-responsive footerimg on">
+
padding: 0 0 0 5px;
−
          <img src="http://healthsciences.ucsd.edu/som/medicine/research/labs/ideker/PublishingImages/sdcsb_logo.png" class="img-responsive footerimg off">
+
margin: 0;
−
        </a>
+
}
−
      </div>
+
−
      <div class ="footerlogo">
+
−
        <a href="http://www.ucsd.edu/">
+
−
          <img src="http://i62.tinypic.com/2qmqg6t.png" class="img-responsive footerimg on">
+
−
          <img src="http://torgroup.ucsd.edu/template/images/UCSDa1.gif" class="img-responsive footerimg off">
+
−
        </a>
+
−
      </div>
+
−
      <div class ="footerlogo">
+
−
        <a href="http://be.ucsd.edu/">
+
−
          <img src="http://i62.tinypic.com/6ienaa.png" class="img-responsive footerimg on">
+
−
          <img src="http://i57.tinypic.com/ff8tfq.png" class="img-responsive footerimg off">
+
−
        </a>
+
−
      </div>
+
−
      <div class ="footerlogo">
+
−
        <a href="http://biodynamics.ucsd.edu/">
+
−
          <img src="http://i62.tinypic.com/2vxm2pg.png" class="img-responsive footerimg on">
+
−
          <img src="http://i60.tinypic.com/cjk89.png" class="img-responsive footerimg off">
+
−
        </a>
+
−
      </div>
+
−
      <div class ="footerlogo">
+
−
        <a href="http://coleman.ucsd.edu/">
+
−
          <img src="http://i58.tinypic.com/357lwr4.png" class="img-responsive footerimg on">
+
−
          <img src="http://i58.tinypic.com/4hqjwx.png" class="img-responsive footerimg off">
+
−
        </a>
+
−
      </div>
+
−
  </div>
+
  
−
          <div class="row">
+
ul#nav > li > a {
−
             <div class="copyright-text">
+
line-height:10px;
−
              <p><font color="#728FCE">Contact Us: ucsd.igem.2015@gmail.com</font></p>
+
border-left:solid 3px #bbb;
−
            </div>
+
padding:0 0 0 15px;
−
          </div>
+
}
−
          <div class="col-md-12">
+
 
−
            <div class="third-arrow">
+
#nav a:hover {
−
               <a href="#" class="scroll-link btn btn-dark" data-id="top"><i class="fa fa-angle-up"></i></a>
+
/*background-color: #870203;
−
            </div>
+
color: #ffffff;*/
−
          </div>
+
}
−
         </div>
+
 
−
      </footer>
+
 
 +
/* 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{
 +
        background-color:transparent;
 +
position: relative;
 +
background-repeat:no-repeat;
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:400px;
 +
height:500px;
 +
        top: calc(50% - 300px);
 +
z-index:10;
 +
}
 +
 
 +
.banner {
 +
        background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg);
 +
        background-size:cover;
 +
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);
 +
 
 +
box-shadow: 0 1px 2px rgba(0,0,0,.25);
 +
 +
 +
}
 +
 +
.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;
 +
 
 +
 
 +
.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 header1, .banner header2 {
 +
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>
 +
 
 +
 
 +
<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>
 +
 
 +
<body>
 +
 
 +
<!--Header-->
 +
<div class="header">
 +
 
 +
<!--BU iGEM Title-->
 +
<div class="title"><a href="index_bu14.html"><img src="https://static.igem.org/mediawiki/2014/a/a0/Pagetitle_bu14.png" width="728" height="51"></a></div>
 +
 
 +
<!--iGEM Logo-->
 +
  <div class="igemlogo"> <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9e/IGEMLogo_bu14.gif" width="147" height="120"></a></div>
 +
</div>
 +
 
 +
<!--Navibar-->
 +
<ul id="nav">
 +
<li><a href="https://2014.igem.org/Team:BostonU/Team">TEAM</a>
 +
  </li>
 +
<li><a href="">PROJECT</a>
 +
<ul>
 +
<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>
 +
</li>
 +
<li><a href="">ACHIEVEMENTS</a>
 +
<ul>
 +
        <li><a href="https://2014.igem.org/Team:BostonU/Data">Data Collected</a></li>
 +
<li><a href="https://2014.igem.org/Team:BostonU/Parts">Parts Submitted</a></li>
 +
            <li><a href="https://2014.igem.org/Team:BostonU/Workflow">Chimera Workflow</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>
 +
  </li>
 +
<li><a href="">NOTEBOOK</a>
 +
  <ul>
 +
      <li><a href="https://2014.igem.org/Team:BostonU/Training">Training</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>
 +
  </li>
 +
<li><a href="">CONSIDERATIONS</a>
 +
    <ul>
 +
<li><a href="https://2014.igem.org/Team:BostonU/Collaborations">Collaborations</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>
 +
<li><a href="https://2014.igem.org/Team:BostonU/Acknowledgements">ACKNOWLEDGEMENTS</a>
 +
  </li>
 +
 +
</ul>
 +
 
 +
<!--Photo Slider-->
 +
<div class="banner">
 +
 
 +
<!--Plasmid-->
 +
<div class="plasmid" align="center">
 +
<img src="https://static.igem.org/mediawiki/2014/3/32/Plasmidoutline_bu14.png" width="350" height="350"><br><br><br>
 +
<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>
 +
</div></div>
 +
 
 +
 
 +
<!--Lower Content-->
 +
<div id='Lower' class="anchor"></div>
 +
<div class="lower">
 +
  <div class="content">
 +
  <!--Section 1-->
 +
    <div class="content1">
 +
  <div class="text">
 +
  <br>
 +
  <br>
 +
<header1>Chimera</header1><h3>an optimized characterization workflow for synthetic biology</h3>
 +
<maincontent><br>
 +
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 +
      <tr>
 +
        <td colspan="2" scope="col">
 +
<h3>Abstract </h3>
 +
<strong>The Joy of Cloning: Chimera, a Recipe for Integrating Computational Tools with Experimental Protocols </strong><br>
 +
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>
 +
<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>
 +
<p class="tab"><li> transcriptional units assembled from individual parts (with both new and previously made MoClo parts), and </p>
 +
<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>
 +
<br><br><strong><a href="https://2014.igem.org/Team:BostonU/Chimera">Click here to explore our project!</a></strong></td></tr></table>
 +
</maincontent>
 +
 
 +
</div></div>
 +
 
 +
<!--Footer-->
 +
<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>
 +
</div></div>
 +
 
 +
 
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 9/1000000
 +
Post-expand include size: 40/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
 +
 
 +
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:225-0!1!0!!en!2 and timestamp 20150713175114 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2014.igem.org/Team:BostonU">https://2014.igem.org/Team:BostonU</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
               <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
 +
 
 +
  <!-- Recentchanges is not handles well DEBUG -->
 +
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:BostonU"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:BostonU"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 
 +
 
 +
 
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
         <div id='footer'>
 +
    <ul id="f-list">
 +
 
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:BostonU&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:BostonU&amp;oldid=396695"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 
 +
 
 +
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.196 secs. --></body>
  
−
    </div> 
 
−
    <script src="https://2015.igem.org/Team:UC_San_Diego/jquery-1.11.1.min.js?action=raw&amp;ctype=text/js"></script>
 
−
    <script src="https://2015.igem.org/Team:UC_San_Diego/bootstrap.min.js?action=raw&amp;ctype=text/js"></script>
 
−
    <script src="https://2015.igem.org/Team:UC_San_Diego/wow-animate.js?action=raw&amp;ctype=text/js"></script>
 
−
    <script src="https://2015.igem.org/Team:UC_San_Diego/main.js?action=raw&amp;ctype=text/js"></script>
 
−
    <script>
 
−
        // wow
 
−
        new WOW ({
 
−
          animateClass: 'animated',
 
−
          offset:      100
 
−
        }).init();
 
−
    </script>
 
−
  </body>
 
 
</html>
 
</html>

Revision as of 17:55, 13 July 2015

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:BostonU - 2014.igem.org

Team:BostonU

From 2014.igem.org



Chimera

an optimized characterization workflow for synthetic biology


Abstract

The Joy of Cloning: Chimera, a Recipe for Integrating Computational Tools with Experimental Protocols
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 Chimera that will help fellow synthetic biology cloners in the creation of their genetic devices! Chimera utilizes bio-design automation software tools with experimental protocols and builds upon a thoroughly characterized library of MoClo 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:

  • individual genetic parts (namely tandem promoters, fusion proteins, and different backbones),

  • transcriptional units assembled from individual parts (with both new and previously made MoClo parts), and

  • a complex genetic device (our goal is a priority encoder).



    Click here to explore our project!
    •


    Our Sponsors

    Retrieved from "https://2014.igem.org/Team:BostonU"