Difference between revisions of "Team:William and Mary"

 
(24 intermediate revisions by 2 users not shown)
Line 37: Line 37:
 
</div>
 
</div>
  
−
  <div class="section section-we-are-2" id="description">
+
  <div class="section section-we-are-2" id="description" style='padding-bottom: 0px !important;'>
 
  <div class="text-area">
 
  <div class="text-area">
 
  <div class="container">
 
  <div class="container">
Line 43: Line 43:
 
  <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">Project Description</p>
+
  <p class="h2WM">The Toolbox</p>
 
  <div class="separator-container">
 
  <div class="separator-container">
 
  <!--div class="separator line-separator">✻</div-->
 
  <!--div class="separator line-separator">✻</div-->
Line 52: Line 52:
 
  <div class="description add-animation-stopped animation-1">
 
  <div class="description add-animation-stopped animation-1">
 
  <p class="large">
 
  <p class="large">
−
  Here we will put the description of our project. This is only
+
  Our project aims to provide a modular collection of genetic parts which can specifically and predictably tune the  
−
  a short summary - the whole overview will go on the description
+
  behavior of an arbitrary genetic circuit. This collection, which we have dubbed the “Circuit Control Toolbox,”
−
  page.  We will link to that page here and at the top in the navbar.
+
  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>
 
  <p class="large">
 
  <p class="large">
−
  More paragraphs can be made here, if necessary.
+
  You can view our project description page <a href='https://2016.igem.org/Team:William_and_Mary/Description'>here</a>.
 
  </p>
 
  </p>
 
  </div>
 
  </div>
Line 64: Line 65:
 
  </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="container">
 
  <div class="row">
 
  <div class="row">
−
  <div class="col-md-10 col-md-offset-1">
+
  <div class="col-md-3">
−
  <div class="row">
+
  <div class="card add-animation-stopped animation-1">
−
  <div class="col-md-4">
+
  <div class="icon">
−
  <div class="card add-animation-stopped animation-1">
+
  <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>
−
  <img alt="..." src="https://static.igem.org/mediawiki/2016/6/67/T--William_and_Mary--Carouseldefault.jpeg" />
+
−
  </div>
+
 
  </div>
 
  </div>
−
  <div class="col-md-4">
+
  <h3>RBS</h3>
−
  <div class="card add-animation-stopped animation-2">
+
  <p class='large' style='text-align: center !important;'>
−
  <img alt="..." src="https://static.igem.org/mediawiki/2016/6/67/T--William_and_Mary--Carouseldefault.jpeg"/>
+
  RBS Tuning
−
  </div>
+
  </p>
−
  </div>
+
  </div>
−
  <div class="col-md-4">
+
  </div>
−
  <div class="card add-animation-stopped animation-3">
+
  <div class="col-md-3">
−
  <img alt="..." src="https://static.igem.org/mediawiki/2016/6/67/T--William_and_Mary--Carouseldefault.jpeg"/>
+
  <div class="card add-animation-stopped animation-2">
−
  </div>
+
  <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>
 
  </div>
 +
  <h3>Synthetic Enhancer</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Synthetic Enhancer Suite
 +
  </p>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
−
  </div>
+
  <div class="col-md-3">
−
  </div>
+
  <div class="card add-animation-stopped animation-3">
−
  </div>
+
  <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>
−
  <!-- Section "Our Projects" example 1: 2 Columns Full Width -->
+
−
                        <div class="section section-we-made-1 section-with-hover" id="parts">
+
−
                            <div class="text-area">
+
−
                                <div class="title animate">
+
−
                                    <p class = "h2WM">Parts</p>
+
−
<div class = "description">
+
−
<p class='large'>
+
−
These are the parts we submitted this year.
+
−
</p>
+
−
</div>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="row" id="projectsLine1">
+
−
                                <div class="col-md-3">
+
−
                                    <div class="project animate">
+
−
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMcollections.jpeg">
+
−
                                        <a class="over-area color-black " href="https://2016.igem.org/Team:William_and_Mary/Part_Collection">
+
−
                                            <div class="content">
+
−
                                                <h5>Part Collection</h5>
+
−
                                                <p>Guide RNAs for iGEMs top promoters. </p>
+
−
                                            </div>
+
−
                                        </a>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-3">
+
−
                                    <div class="project animate">
+
−
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMbasic.jpeg">
+
−
                                        <a class="over-area color-black " href="https://2016.igem.org/Team:William_and_Mary/Basic_Part">
+
−
                                            <div class="content">
+
−
                                                <h5>Basic Part</h5>
+
−
                                                <p>Targeted repression with dCAS9.</p>
+
−
                                            </div>
+
−
                                        </a>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-3">
+
−
                                    <div class="project animate">
+
−
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/f/f4/WMcomposite.jpeg">
+
−
                                        <a class="over-area color-black " href="https://2016.igem.org/Team:William_and_Mary/Composite_Part">
+
−
                                            <div class="content">
+
−
                                                <h5>Composite Part</h5>
+
−
                                                <p>An original integrator suite for the E. coli chromosome.</p>
+
−
                                            </div>
+
−
                                        </a>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <!-- End Section "Our Projects" example 1: 2 Columns Full Width -->
+
−
+
−
<div class="section section-we-are-1">
+
−
  <div class="parallax full-image pattern-image">
+
−
  <img alt="..." class="parallax-img" src="https://static.igem.org/mediawiki/2016/c/ce/T--William_and_Mary--rubik-background.jpg">
+
−
  </div>
+
−
</div>
+
−
 
+
−
<div class="section section-we-are-2" id="description">
+
−
  <div class="text-area">
+
−
  <div class="container">
+
−
  <div class="row">
+
−
  <div class="col-md-4">
+
−
  <div class="title add-animation-stopped">
+
−
  <p class="h2WM">Results</p>
+
−
  <div class="separator-container">
+
−
  <!--div class="separator line-separator">✻</div-->
+
−
  </div>
+
 
  </div>
 
  </div>
 +
  <h3>RiboJ</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Ribozyme Insulator
 +
  </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-3">
−
  <p class="large">
+
  <div class="card add-animation-stopped animation-4">
−
  Here is another category of our project. Another aspect of the project
+
  <div class="icon">
−
  can go in this location. I will just keep adding sections until the
+
  <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>
−
  desired number is met.
+
−
  </p>
+
−
  <p class="large">
+
−
  More paragraphs can be made here, if necessary.
+
−
  </p>
+
 
  </div>
 
  </div>
 +
  <h3>Binding Array</h3>
 +
  <p class='large' style='text-align: center !important;'>
 +
  Decoy Binding Array
 +
  </p>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </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>
 +
<h3>Basic Part</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
The 85x tetO array
 +
</p>
 +
</div>
 +
</div>
 +
<div class="col-md-6">
 +
<div class="card">
 +
<div class="icon">
 +
<a href='https://2016.igem.org/Team:William_and_Mary/Composite_Part'><i class="pe-7s-network"></i></a>
 +
</div>
 +
<h3>Composite Part</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
Two-step synthetic enhancer + NRII mutant
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-6">
 +
<div class="card">
 +
<div class="icon">
 +
<a href='https://2016.igem.org/Team:William_and_Mary/Part_Collection'><i class="pe-7s-portfolio"></i></a>
 +
</div>
 +
<h3>Part Collection</h3>
 +
<p class='large' style='text-align: center !important;'>
 +
The circuit control toolbox
 +
</p>
 +
</div>
 +
</div>
 +
<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>
 
</div>
 
</div>
 
 
−
<div class="section section-we-are-1">
+
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
−
  <div class="parallax full-image pattern-image">
+
  <div class="section section-we-do-2" id="workflow2">
−
  <img alt="..." class="parallax-img" src="https://static.igem.org/mediawiki/2016/c/ce/T--William_and_Mary--rubik-background.jpg">
+
  <div class="container">
−
  </div>
+
  <div class="row">
−
</div>
+
  <div class="title">
−
+
<p class='h2WM'>
−
<div class="section section-we-are-2" id="description">
+
Achievements
−
  <div class="text-area">
+
</p>
−
  <div class="container">
+
<div class="separator-container">
−
  <div class="row">
+
<div class="separator line-separator">✻</div>
−
  <div class="col-md-4">
+
</div>
−
  <div class="title add-animation-stopped">
+
</div>
−
  <p class="h2WM">Collaboration</p>
+
  <div class="col-md-3">
−
  <div class="separator-container">
+
  <div class="card add-animation-stopped animation-1">
−
  <!--div class="separator line-separator">✻</div-->
+
  <div class="icon">
−
  </div>
+
  <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>
 
  </div>
 
  </div>
 +
  <h3>Measurement</h3>
 
  </div>
 
  </div>
−
  <div class="col-md-7 col-md-offset-1">
+
  </div>
−
  <div class="description add-animation-stopped animation-1">
+
  <div class="col-md-3">
−
  <p class="large">
+
  <div class="card add-animation-stopped animation-2">
−
  Here is another category of our project. Another aspect of the project
+
  <div class="icon">
−
  can go in this location. I will just keep adding sections until the
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Medal_Requirements'><i class="pe-7s-medal"></i></a>
−
  desired number is met.
+
−
  </p>
+
−
  <p class="large">
+
−
  More paragraphs can be made here, if necessary.
+
−
  </p>
+
 
  </div>
 
  </div>
 +
  <h3>Medal Requirements</h3>
 +
  </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/Results'><i class="pe-7s-graph1"></i></a>
 +
  </div>
 +
  <h3>Results</h3>
 +
  </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/Interlab'><i class="pe-7s-mail-open-file"></i></a>
 +
  </div>
 +
  <h3>Interlab</h3>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
−
</div>
+
  </div>
−
 
+
  <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
<!-- END SECTIONS WHAT WE DO -->
 
 
 
                        <!-- Section "ref" example 2: Text & Icons -->
 
                        <!-- Section "ref" example 2: Text & Icons -->
Line 279: Line 308:
 
<div class="title">
 
<div class="title">
 
<p class='h2WM'>
 
<p class='h2WM'>
−
Meet the Team
+
<a href="https://2016.igem.org/Team:William_and_Mary/Team">Meet the Team</a>
 
</p>
 
</p>
 
<div class="separator-container">
 
<div class="separator-container">

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