Difference between revisions of "Team:William and Mary"

 
(71 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Team:William_and_Mary/CSS_RESET}}
 
{{Team:William_and_Mary/CSS_RESET}}
−
<!--website by John Mitchell, iGEM 2016
+
{{Team:William_and_Mary/CSS_FIX}}
−
Bootstrap template by creative-tim-->
+
{{Team:William_and_Mary/SOURCE}}
 +
{{Team:William_and_Mary/HEADER}}
  
 
<html lang="en">
 
<html lang="en">
−
    <head>
+
<cfheader name="X-XSS-Protection" value="1">
−
        <meta charset="utf-8" />
+
−
        <!--link rel="icon" type="image/png" href="assets/img/favicon.ico"-->
+
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
−
        <!--title>William & Mary</title-->
+
−
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" />
+
−
<link href="https://2016.igem.org/Team:William_and_Mary/fixbootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/rubik?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/demo?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/jsquerybxslidercss?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
−
+
−
        <!--    Fonts and icons    -->
+
−
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
+
−
        <link href='https://2016.igem.org/Team:William_and_Mary/droid-serif?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css'/>
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/pe-icon-7stroke?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
−
        <link href="https://2016.igem.org/Team:William_and_Mary/Rubik-Fonts?action=raw&amp;ctype=text/css" rel="stylesheet" />
+
−
       
+
−
       
+
  
−
    </head>
 
−
 
−
<style type="text/css">
 
−
/* WIKI SETTINGS*/
 
−
 
−
/* Hide first heading */
 
−
.firstHeading {
 
−
display: none;
 
−
}
 
−
/* Visited hyperlinks */
 
−
a:visited{
 
−
color: #393d31;
 
−
}
 
−
 
−
/*-- Remove borders, float content left and remove padding/margin */
 
−
#globalWrapper, #content{
 
−
background-color: transparent;
 
−
border: none;
 
−
float: center;
 
−
                                width: 100.15%; /* found to be the magic number (: */
 
−
margin-left: -3px;
 
−
margin-top: -8px;
 
−
padding: auto;
 
−
}
 
−
 
−
/*left align Black Menu Bar */
 
−
#top_menu_inside {
 
−
margin-left: 0px;
 
−
}
 
−
.centerImage
 
−
{
 
−
text-align:center;
 
−
display:block;
 
−
}
 
−
.wraptocenter {
 
−
  display: table-cell;
 
−
  text-align: center;
 
−
  vertical-align: middle;
 
−
  width: 200px;
 
−
  height: 200px;
 
−
  background-color: #999;
 
−
}
 
−
.wraptocenter * {
 
−
  vertical-align: middle;
 
−
}
 
−
</style>
 
−
 
−
 
 
     <body class="landing-page">
 
     <body class="landing-page">
−
        <nav class="navbar navbar-default navbar-transparent navbar-fixed-top" role="navigation">
 
−
            <div class="container">
 
−
                <div class="navbar-header">
 
−
                    <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
 
−
                    <span class="sr-only">Toggle navigation</span>
 
−
                    <span class="icon-bar bar1"></span>
 
−
                    <span class="icon-bar bar2"></span>
 
−
                    <span class="icon-bar bar3"></span>
 
−
                    </button>
 
−
                    <a class="navbar-brand">
 
−
                    William & Mary 2016
 
−
                    </a>
 
−
                </div>
 
−
                <div class="collapse navbar-collapse">
 
−
                    <ul class="nav navbar-nav navbar-right navbar-uppercase">
 
−
                        <li class="social-links">
 
−
                            <a href="https://www.facebook.com/WMiGEM16/?fref=ts">
 
−
                            <i class="fa fa-facebook"></i>
 
−
                            </a>
 
−
                            <a href="https://twitter.com/wmigem">
 
−
                            <i class="fa fa-twitter"></i>
 
−
</a>
 
−
<!--
 
−
                            <a href="#">
 
−
                            <i class="fa fa-instagram"></i>
 
−
                            </a>
 
−
-->
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="https://2016.igem.org/Team:William_and_Mary">
 
−
                            Overview
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="https://2016.igem.org/Team:William_and_Mary">
 
−
                            Description
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="" data-scroll="true" data-id="#projects">
 
−
                            Parts
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="" data-scroll="true" data-id="#clients">
 
−
                            Results
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="" data-scroll="true" data-id="#team">
 
−
                            Modeling
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="" data-scroll="true" data-id="#numbers">
 
−
                            Collaboration
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="" data-scroll="true" data-id="#contact">
 
−
                            Team
 
−
                            </a>
 
−
                        </li>
 
−
                    </ul>
 
−
                </div>
 
−
            </div>
 
−
        </nav>
 
−
       
 
−
       
 
−
       
 
−
       
 
−
       
 
−
       
 
 
         <div class="wrapper">
 
         <div class="wrapper">
 
          
 
          
−
<!--BEGIN EXPERIMENTAL HEADER-->
+
<!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
−
<div class="section section-header-newpage" id="header2">
+
<!--all source files, header, footer, and CSS resets are now in templates
−
<div class="parallax2 pattern-image filter filter-gradient-purple" data-color="gold">
+
above and below the html source code on this page.  This serves to make
−
<img alt="..." src="assets/img/rubik_background_none.jpg">
+
easier the construction of new pages that can be linked to from this
 +
general overview presentation page.
 +
-J-Mitch
 +
-->
 +
 
 +
<div class="section section-header" id="overview">
 +
<div class="parallax pattern-image filter filter-gradient-purple" data-color="gold">
 +
<!--img alt="..." src="https://static.igem.org/mediawiki/2016/c/ce/T--William_and_Mary--rubik-background.jpg"-->
 +
<img alt="..." src='https://static.igem.org/mediawiki/2016/0/07/T--William_and_Mary--circuit_background.jpeg'>
 
<div class="container">
 
<div class="container">
 
<div class="content">
 
<div class="content">
−
<h2>Project Decription</h2>
+
<p class="section-header h1WM" style="font-family:Slim-Joe; margin: 30px 0 15px;">Circuit Control</p>
−
<!--<h5>creating a toolbox allowing for precision circuit control</h5>-->
+
<div class="separator-container">
 +
<div class="separator line-separator">✻</div>
 +
</div>
 +
<h5>creating a toolbox allowing for precision circuit control</h5>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<a href="" data-scroll="true" data-id="#description" class="scroll-arrow hidden-xs hidden-sm">
 +
<i class="fa fa-angle-down"></i>
 +
</a>
 
</div>
 
</div>
−
+
 
−
+
  <div class="section section-we-are-2" id="description" style='padding-bottom: 0px !important;'>
−
<div class="section section-we-are-2">
+
  <div class="text-area">
−
<div class="text-area">
+
  <div class="container">
−
<div class="container">
+
  <div class="row">
−
<div class="row">
+
  <div class="col-md-4">
−
<div class="col-md-4">
+
  <div class="title add-animation-stopped">
−
<div class="title add-animation-stopped">
+
  <p class="h2WM">The Toolbox</p>
−
<h2>What is this?</h2>
+
  <div class="separator-container">
 +
  <!--div class="separator line-separator">✻</div-->
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <div class="col-md-7 col-md-offset-1">
 +
  <div class="description add-animation-stopped animation-1">
 +
  <p class="large">
 +
  Our project aims to provide a modular collection of genetic parts which can specifically and predictably tune the
 +
  behavior of an arbitrary genetic circuit. This collection, which we have dubbed the “Circuit Control Toolbox,”
 +
  consists of a suite of parts which can be added to the end of a given genetic circuit; each part provides a specific
 +
  and independently tunable response which allows direct control over the ultimate output behavior of the circuit.
 +
  </p>
 +
  <p class="large">
 +
  You can view our project description page <a href='https://2016.igem.org/Team:William_and_Mary/Description'>here</a>.
 +
  </p>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
 
 +
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
 +
  <div class="section section-we-do-2" id="workflow2">
 +
  <div class="container">
 +
  <div class="row">
 +
  <div class="col-md-3">
 +
  <div class="card add-animation-stopped animation-1">
 +
  <div class="icon">
 +
  <a href='https://2016.igem.org/Team:William_and_Mary/RBS'><img src="https://static.igem.org/mediawiki/2016/c/cc/T--William_and_Mary--rbs_icon.png" height= "100" width= "100"></a>
 +
  </div>
 +
  <h3>RBS</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  RBS Tuning
 +
  </p>
 +
  </div>
 +
  </div>
 +
  <div class="col-md-3">
 +
  <div class="card add-animation-stopped animation-2">
 +
  <div class="icon">
 +
  <a href='https://2016.igem.org/Team:William_and_Mary/Synthetic_Enhancer'><img src="https://static.igem.org/mediawiki/2016/a/a0/T--William_and_Mary--db_icon.png" height= "100" width= "100"></a>
 +
  </div>
 +
  <h3>Synthetic Enhancer</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Synthetic Enhancer Suite
 +
  </p>
 +
  </div>
 +
  </div>
 +
  <div class="col-md-3">
 +
  <div class="card add-animation-stopped animation-3">
 +
  <div class="icon">
 +
  <a href='https://2016.igem.org/Team:William_and_Mary/RiboJ'><img src="https://static.igem.org/mediawiki/2016/4/44/T--William_and_Mary--riboj_icon.png" height= "100" width= "100"></a>
 +
  </div>
 +
  <h3>RiboJ</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Ribozyme Insulator
 +
  </p>
 +
  </div>
 +
  </div>
 +
  <div class="col-md-3">
 +
  <div class="card add-animation-stopped animation-4">
 +
  <div class="icon">
 +
  <a href='https://2016.igem.org/Team:William_and_Mary/Binding_Array'><img src="https://static.igem.org/mediawiki/2016/2/21/T--William_and_Mary--bba_icon.png" height= "100" width= "100"></a>
 +
  </div>
 +
  <h3>Binding Array</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Decoy Binding Array
 +
  </p>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
<!-- END SECTIONS WHAT WE DO -->
 +
 
 +
<!-- Section "What We do" example 4: Big Title & 4 columns icons -->
 +
<div class="section section-we-do-2" id="workflow2">
 +
<div class="container">
 +
<div class="row">
 +
<div class="title">
 +
<p class='h2WM'>
 +
Parts
 +
</p>
 +
<div class="separator-container">
 +
<div class="separator line-separator">✻</div>
 +
</div>
 +
<p class='large' style='text-align: center !important;'>
 +
This year, we submitted 118 parts to the BioBrick Registry.
 +
</p>
 +
<p class='large' style='text-align: center !important;'>
 +
These are the highlights.
 +
</p>
 +
</div>
 +
<div class="col-md-6">
 +
<div class="card">
 +
<div class="icon">
 +
<a href='https://2016.igem.org/Team:William_and_Mary/Basic_Part'><i class="pe-7s-plugin"></i></a>
 
</div>
 
</div>
 +
<h3>Basic Part</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
The 85x tetO array
 +
</p>
 
</div>
 
</div>
−
<div class="col-md-7 col-md-offset-1">
+
</div>
−
<div class="description add-animation-stopped animation-1">
+
<div class="col-md-6">
−
<p style="color:#A9A9A9;">
+
<div class="card">
−
  I wish I knew.  This is a project description page. It wil serve as the basic section block
+
<div class="icon">
−
  for any of our additional imformation pages - those aside from the project overview flowing
+
<a href='https://2016.igem.org/Team:William_and_Mary/Composite_Part'><i class="pe-7s-network"></i></a>
−
  presentation page. The flowing format is automatically created - only the text in the html
+
−
  needs to be edited.  This block of text here can be used as a basic 'abstract' for this page.
+
−
  The text-color used in this block is specified inline for ease of access.
+
−
</p>
+
 
</div>
 
</div>
−
</div>
+
<h3>Composite Part</h3>
−
<div class="description">
+
<p class='large' style='text-align: center !important;'>
−
<p style="padding-left:70px;">
+
Two-step synthetic enhancer + NRII mutant
−
Hello, this is the description.  This is just a test to see what this text would look like center-
+
</p>
−
column.  It looks pretty nice, so I think I'm going to keep it like this for now.  To keep aligned
+
−
with the header, I have inserted a left-side padding of 70px.  This was a rough estimate and can be
+
−
changed.  Here we can describe our project in more detail than on the front page.  Right now, I'm
+
−
just populating the page with text.
+
−
</P>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
<div class="row">
−
<!--
+
<div class="col-md-6">
−
<div id="carousel">
+
<div class="card">
−
<div id="section-we-are-1" class="carousel slide add-animation-stopped-1" data-interval="20000">
+
<div class="icon">
−
<div class="carousel-inner pattern-image animate">
+
<a href='https://2016.igem.org/Team:William_and_Mary/Part_Collection'><i class="pe-7s-portfolio"></i></a>
−
<div class="item  active">
+
</div>
−
<img alt="..." class="full-image" src="assets/img/builder/projects/project.jpg">
+
<h3>Part Collection</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
The circuit control toolbox
 +
</p>
 
</div>
 
</div>
−
<div class="item">
+
</div>
−
<img alt="..." class="full-image" src="assets/img/builder/projects/project.jpg">
+
<div class="col-md-6">
 +
<div class="card">
 +
<div class="icon">
 +
<a href='https://2016.igem.org/Team:William_and_Mary/Parts'><i class="pe-7s-box1"></i></a>
 +
</div>
 +
<h3>All Parts</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
All the parts we've made this year
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
<a class="left carousel-control" href="#section-we-are-1" data-slide="prev"><span class="fa fa-angle-left hidden-md hidden-lg"></span></a>     
 
−
<a class="right carousel-control" href="#section-we-are-1" data-slide="next"><span class="fa fa-angle-right hidden-ms hidden-lg"></span></a>     
 
 
</div>
 
</div>
 
</div>
 
</div>
−
-->
 
 
</div>
 
</div>
−
 
+
−
<!-- BEGIN FOOTER-->
+
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
−
<footer class="footer footer-big footer-color-black" data-color="black">
+
  <div class="section section-we-do-2" id="workflow2">
−
<div class="container">
+
  <div class="container">
−
<div class="row">
+
  <div class="row">
−
<div class="col-md-2 col-sm-3">
+
  <div class="title">
−
<div class="info animation-1 add-animation animate">
+
<p class='h2WM'>
−
<h5 class="title">Company</h5>
+
Achievements
−
<nav>
+
</p>
−
<ul>
+
<div class="separator-container">
−
<li>
+
<div class="separator line-separator">✻</div>
−
<a href="#" data-scroll="true" data-id="#overview">
+
−
Top
+
−
</a>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
something
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-md-3 col-md-offset-1 col-sm-3">
+
  <div class="col-md-3">
−
<div class="info animation-2 add-animation animate">
+
  <div class="card add-animation-stopped animation-1">
−
<h5 class="title"> category</h5>
+
  <div class="icon">
−
<nav>
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Measurement'><img src="https://static.igem.org/mediawiki/2015/0/0f/WMRulerIconColor.png" height= "100" width= "150"/></a>
−
<ul>
+
  </div>
−
<li>
+
  <h3>Measurement</h3>
−
<a href="#">
+
  </div>
−
Contact Us
+
  </div>
−
</a>
+
  <div class="col-md-3">
−
</li>
+
  <div class="card add-animation-stopped animation-2">
−
</ul>
+
  <div class="icon">
−
</nav>
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Medal_Requirements'><i class="pe-7s-medal"></i></a>
−
</div>
+
  </div>
−
</div>
+
  <h3>Medal Requirements</h3>
−
<div class="col-md-3 col-sm-3">
+
  </div>
−
<div class="info animation-3 add-animation animate">
+
  </div>
−
<h5 class="title add-animation animate">Latest News</h5>
+
  <div class="col-md-3">
−
<nav>
+
  <div class="card add-animation-stopped animation-3">
−
<ul>
+
  <div class="icon">
−
<li>
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Results'><i class="pe-7s-graph1"></i></a>
−
<a href="#">
+
  </div>
−
<i class="fa fa-twitter"></i> <b>Experiment</b>
+
  <h3>Results</h3>
−
Curious what our project is about? Check out this short video...
+
  </div>
−
<hr class="hr-small">
+
  </div>
−
</a>
+
  <div class="col-md-3">
−
</li>
+
  <div class="card add-animation-stopped animation-4">
−
<li>
+
  <div class="icon">
−
<a href="#">
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Interlab'><i class="pe-7s-mail-open-file"></i></a>
−
<i class="fa fa-twitter"></i>
+
  </div>
−
Looking to collaborate this year?  Sign up for our <b>pen pal</b> program...
+
  <h3>Interlab</h3>
−
</a>
+
  </div>
−
</li>
+
  </div>
−
</ul>
+
  </div>
−
</nav>
+
  </div>
−
</div>
+
  </div>
−
</div>
+
  <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
−
<div class="col-md-2 col-md-offset-1 col-sm-3">
+
<!-- END SECTIONS WHAT WE DO -->
−
<div class="info animation-4 add-animation animate">
+
−
<h5 class="title add-animation animate">Follow us on</h5>
+
                        <!-- Section "ref" example 2: Text & Icons -->
−
<nav>
+
                        <div class="section section-numbers-1" id="ref">
−
<ul>
+
                            <div class="container">
−
<li>
+
                                <div class="text-area">
−
<a href="#" class="btn btn-social btn-facebook btn-simple">
+
                                    <div class="title">
−
<i class="fa fa-facebook-square"></i> Facebook
+
                                        <p class="h2WM">References</p>
−
</a>
+
  <!--                                      <div class="separator-container">
−
</li>
+
                                            <div class="separator line-separator">✻</div>
−
<li>
+
                                        </div>-->
−
<a href="#" class="btn btn-social btn-twitter btn-simple">
+
                                    </div>
−
<i class="fa fa-twitter"></i> Twitter
+
                                </div>
−
</a>
+
                                <div class="clearfix"></div>
−
</li>
+
                                <div class="row">
−
</ul>
+
                                <div class="title add-animation animate">
−
</nav>
+
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:William_and_Mary/Notebook"><img alt="..." src="https://static.igem.org/mediawiki/2015/a/a6/WMNotebookIconColor.png" height= "100" width= "90"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Notebook">  
 +
                            Notebook</a></h3>
 +
<!--                                            <h5 class="text-gray">explain</h5>-->
 +
<!--                                          <div class="number" id="customersNo">
 +
                                                5.382
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:William_and_Mary/Safety"><img alt="..." src="https://static.igem.org/mediawiki/2015/7/79/WMGogglesIconColor.png" height= "100" width= "100"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Safety">
 +
                            Safety</a></h3>
 +
<!--                                           <h5 class="text-gray">explain</h5>-->
 +
<!--                                            <div class="number" id="projectsNo">
 +
                                                26.832
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:William_and_Mary/Attributions"> <img alt="..." src="https://static.igem.org/mediawiki/2015/a/aa/WMTUIconColor.png" height= "100" width= "100"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Attributions">
 +
                            Attributions</a></h3>
 +
<!--                                            <h5 class="text-gray">explain</h5>-->
 +
<!--                                            <div class="number" id="citiesNo">
 +
                                                278
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        </div>
 +
                        <!-- End Section "Numbers" example 2: Text & Image -->
 +
 +
 +
<!-- Section "Team" example 1: Title & Full Image -->
 +
<div class="section section-team-1" id="team1">
 +
<div class="container">
 +
<div class="text-area">
 +
<div class="title">
 +
<p class='h2WM'>
 +
<a href="https://2016.igem.org/Team:William_and_Mary/Team">Meet the Team</a>
 +
</p>
 +
<div class="separator-container">
 +
<div class="separator line-separator">✻</div>
 
</div>
 
</div>
 +
<!--p class='large' style='text-align: center !important;'>
 +
text can go here, if necessary.
 +
</p-->
 
</div>
 
</div>
−
</div>
 
−
<hr>
 
−
<div class="copyright">
 
−
2016 William and Mary iGEM
 
 
</div>
 
</div>
 
</div>
 
</div>
−
</footer>
+
<div class="full-image gradient-image">
−
 
+
<img alt="..." src="https://static.igem.org/mediawiki/2016/4/4e/T--William_and_Mary--team3.jpeg">
−
       
+
</div>
−
       
+
</div>
 +
<!-- End Section "Team" example 1: Description & Full Image -->
 
         </div>
 
         </div>
 
          
 
          
 
<!-- END OF WRAPPER DIV-->
 
<!-- END OF WRAPPER DIV-->
−
        <!--  Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id     
 
−
        -->
 
−
       
 
−
        <div class="project-content" id="project_1">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                    <h5>Project Content<span>.</span></h5>
 
−
                    <h2>Example No.1</h2>
 
−
                    <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                </div>
 
−
                <div class="row">
 
−
                  <div class="col-md-4">
 
−
                    <div class="project-text">
 
−
                      <p><span>Detail</span>1</p>
 
−
                      <p><span>Detail</span>2</p>
 
−
                      <p><span>Detail</span>3</p>
 
−
                      <p><span>Detail</span>4</p>
 
−
                      <br>
 
−
                      <p>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 
−
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors. </p>
 
−
                    </div>
 
−
                  </div>
 
−
                  <div class="col-md-8">
 
−
                    <div class="row">
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                          <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="col-md-6">
 
−
                            <div class="project-image">
 
−
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
  
−
        <div class="project-content" id="project_2">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                  <h2>Example No.2</h2>
 
−
                  <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                    <p>We've been working with Kingsman Studios and we are proud that they enjoy our results.</p>
 
−
                </div>
 
−
                <div class="row">
 
−
                  <div class="col-md-10 col-md-offset-1">
 
−
                    <div class="article">
 
−
                      <div class="project-image">
 
−
                        <img alt="..." src="assets/img/rubik_background2.jpg"/>
 
−
                      </div>
 
−
                      <div class="project-text">
 
−
                          <h3>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce<span>.</span></h3>
 
−
                          <p>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 
−
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors<span>.</span></p>
 
−
                      </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
 
−
        <div class="project-content" id="project_3">
 
−
          <div>
 
−
            <div class="project-details">
 
−
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 
−
              <div class="container">
 
−
                <div class="project-title">
 
−
                  <h5 >Project Content</h5>
 
−
                    <h2>Example No.3</h2>
 
−
                    <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                </div>
 
−
                <div class="product">
 
−
                  <div class="row">
 
−
                    <div class="col-md-4">
 
−
                      <div class="project-text text-right">
 
−
                          <p>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 
−
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</p>
 
−
                      </div>
 
−
                    </div>
 
−
                    <div class="col-md-4">
 
−
                        <div class="project-image">
 
−
                          <img alt="..." src="assets/img/rubik_background3.png"/>
 
−
                        </div>
 
−
                    </div>
 
−
                    <div class="col-md-4">
 
−
                      <div class="project-text">
 
−
                          <p>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 
−
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</p>
 
−
                        </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
       
 
 
         <div class="body-layer"></div>
 
         <div class="body-layer"></div>
 
     </body>
 
     </body>
−
   
 
−
   
 
−
   
 
−
    <!--  core js files    -->
 
−
    <script src="https://2016.igem.org/Team:William_and_Mary/jquery1-12?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
−
    <script src="https://2016.igem.org/Team:William_and_Mary/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/bootstrapswitch?action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/jquerybxslider?action=raw&ctype=text/javascript"></script>
 
  
−
    <!--  file for adding vertical points where we activate the elements animation  -->
+
</html>
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/waypoints?action=raw&ctype=text/javascript"></script>
+
  
−
    <!--  js library for devices recognition -->
+
{{Team:William_and_Mary/JS_SOURCE}}
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/modernizr?action=raw&ctype=text/javascript"></script>
+
{{Team:William_and_Mary/FOOTER_LARGE}}
−
 
+
−
    <!--  script for google maps  -->
+
−
    <!--script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script-->
+
−
 
+
−
    <!--  file where we handle all the script from the Rubik page  -->
+
−
<script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/rubikjs?action=raw&ctype=text/javascript"></script>
+
−
   
+
−
</html>
+

Latest revision as of 21:20, 1 December 2016

...

Circuit Control

✻
creating a toolbox allowing for precision circuit control

The Toolbox

Our project aims to provide a modular collection of genetic parts which can specifically and predictably tune the behavior of an arbitrary genetic circuit. This collection, which we have dubbed the “Circuit Control Toolbox,” consists of a suite of parts which can be added to the end of a given genetic circuit; each part provides a specific and independently tunable response which allows direct control over the ultimate output behavior of the circuit.

You can view our project description page here.

RBS

RBS Tuning

Synthetic Enhancer

Synthetic Enhancer Suite

RiboJ

Ribozyme Insulator

Binding Array

Decoy Binding Array

Parts

✻

This year, we submitted 118 parts to the BioBrick Registry.

These are the highlights.

Basic Part

The 85x tetO array

Composite Part

Two-step synthetic enhancer + NRII mutant

Part Collection

The circuit control toolbox

All Parts

All the parts we've made this year

Achievements

✻

Measurement

Medal Requirements

Results

Interlab