Difference between revisions of "Team:William and Mary"

 
(45 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{{Team:William_and_Mary/SOURCE}}
 
{{Team:William_and_Mary/SOURCE}}
 
{{Team:William_and_Mary/HEADER}}
 
{{Team:William_and_Mary/HEADER}}
 
<!--website by John Mitchell, iGEM 2016
 
Bootstrap template by creative-tim-->
 
  
 
<html lang="en">
 
<html lang="en">
Line 23: Line 20:
 
<div class="section section-header" id="overview">
 
<div class="section section-header" id="overview">
 
<div class="parallax pattern-image filter filter-gradient-purple" data-color="gold">
 
<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/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">
Line 39: 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">
                  <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">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-->
                              </div>
+
  </div>
                          </div>
+
  </div>
                      </div>
+
  </div>
                      <div class="col-md-7 col-md-offset-1">
+
  <div class="col-md-7 col-md-offset-1">
                          <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
  </p>
+
  and independently tunable response which allows direct control over the ultimate output behavior of the circuit.
  <p class="large">
+
  </p>
  More paragraphs can be made here, if necessary.
+
  <p class="large">
  </p>
+
  You can view our project description page <a href='https://2016.igem.org/Team:William_and_Mary/Description'>here</a>.
                          </div>
+
  </p>
                      </div>
+
  </div>
                  </div>
+
  </div>
              </div>
+
  </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 -->
 
<!-- Section "What We do" example 4: Big Title & 4 columns icons -->
Line 74: Line 127:
 
<div class="title">
 
<div class="title">
 
<p class='h2WM'>
 
<p class='h2WM'>
section 2 title
+
Parts
 
</p>
 
</p>
 
<div class="separator-container">
 
<div class="separator-container">
Line 80: Line 133:
 
</div>
 
</div>
 
<p class='large' style='text-align: center !important;'>
 
<p class='large' style='text-align: center !important;'>
Here is where 4 links can go to other pages, or a description of 4 aspects of the project.
+
This year, we submitted 118 parts to the BioBrick Registry.
 +
</p>
 +
<p class='large' style='text-align: center !important;'>
 +
These are the highlights.
 
</p>
 
</p>
 
</div>
 
</div>
Line 86: Line 142:
 
<div class="card">
 
<div class="card">
 
<div class="icon">
 
<div class="icon">
<i class="pe-7s-piggy"></i>
+
<a href='https://2016.igem.org/Team:William_and_Mary/Basic_Part'><i class="pe-7s-plugin"></i></a>
 
</div>
 
</div>
<h3>Thing 1</h3>
+
<h3>Basic Part</h3>
 
<p class='large' style='text-align: center !important;'>
 
<p class='large' style='text-align: center !important;'>
brief description
+
The 85x tetO array
 
</p>
 
</p>
 
</div>
 
</div>
Line 97: Line 153:
 
<div class="card">
 
<div class="card">
 
<div class="icon">
 
<div class="icon">
<i class="pe-7s-headphones"></i>
+
<a href='https://2016.igem.org/Team:William_and_Mary/Composite_Part'><i class="pe-7s-network"></i></a>
 
</div>
 
</div>
<h3>Thing 2</h3>
+
<h3>Composite Part</h3>
 
<p class='large' style='text-align: center !important;'>
 
<p class='large' style='text-align: center !important;'>
brief description
+
Two-step synthetic enhancer + NRII mutant
 
</p>
 
</p>
 
</div>
 
</div>
Line 110: Line 166:
 
<div class="card">
 
<div class="card">
 
<div class="icon">
 
<div class="icon">
<i class="pe-7s-pen"></i>
+
<a href='https://2016.igem.org/Team:William_and_Mary/Part_Collection'><i class="pe-7s-portfolio"></i></a>
 
</div>
 
</div>
<h3>Thing 3</h3>
+
<h3>Part Collection</h3>
 
<p class='large' style='text-align: center !important;'>
 
<p class='large' style='text-align: center !important;'>
brief description
+
The circuit control toolbox
 
</p>
 
</p>
 
</div>
 
</div>
Line 121: Line 177:
 
<div class="card">
 
<div class="card">
 
<div class="icon">
 
<div class="icon">
<i class="pe-7s-plugin"></i>
+
<a href='https://2016.igem.org/Team:William_and_Mary/Parts'><i class="pe-7s-box1"></i></a>
 
</div>
 
</div>
<h3>Thing 4</h3>
+
<h3>All Parts</h3>
 
<p class='large' style='text-align: center !important;'>
 
<p class='large' style='text-align: center !important;'>
brief description
+
All the parts we've made this year
 
</p>
 
</p>
 
</div>
 
</div>
Line 132: Line 188:
 
</div>
 
</div>
 
</div>
 
</div>
<!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
+
 
+
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
<!-- Section "Our Projects" example 5: Single Line Photos -->
+
  <div class="section section-we-do-2" id="workflow2">
<div class="section section-we-made-2 section-with-hover" id="projects2">
+
  <div class="container">
<div class="projects" style="overflow: hidden;">
+
  <div class="row">
<div class="text-area">
+
  <div class="title">
<div class="title">
+
<p class='h2WM'>
<h5 class="text-gray">Example No.5</h5>
+
Achievements
<h2>Projects section</h2>
+
</p>
 
<div class="separator-container">
 
<div class="separator-container">
 
<div class="separator line-separator">✻</div>
 
<div class="separator line-separator">✻</div>
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
  <div class="col-md-3">
<div class="info">
+
  <div class="card add-animation-stopped animation-1">
<p class="text-center text-gray">more project stuff yay</p>
+
  <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 class="row scroller" style="transform: translateX(-597px);">
+
  </div>
<div class="col-lg-3 col-md-6 col-sm-6">
+
  <h3>Measurement</h3>
<div class="project">
+
  </div>
<img alt="..." src="assets/img/builder/projects/project.jpg">
+
  </div>
</div>
+
  <div class="col-md-3">
</div>
+
  <div class="card add-animation-stopped animation-2">
<div class="col-lg-3 col-md-6 col-sm-6">
+
  <div class="icon">
<div class="project">
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Medal_Requirements'><i class="pe-7s-medal"></i></a>
<img alt="..." src="assets/img/builder/projects/project.jpg">
+
  </div>
</div>
+
  <h3>Medal Requirements</h3>
</div>
+
  </div>
<div class="col-lg-3 col-md-6 col-sm-6">
+
  </div>
<div class="project">
+
  <div class="col-md-3">
<img alt="..." src="assets/img/builder/projects/project.jpg">
+
  <div class="card add-animation-stopped animation-3">
</div>
+
  <div class="icon">
</div>
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Results'><i class="pe-7s-graph1"></i></a>
<div class="col-lg-3 col-md-6 col-sm-6">
+
  </div>
<div class="project">
+
  <h3>Results</h3>
<img alt="..." src="assets/img/builder/projects/project.jpg">
+
  </div>
<a class="over-area color-black" href="#" target="_blank">
+
  </div>
<div class="content">
+
  <div class="col-md-3">
<h4>this is</h4>
+
  <div class="card add-animation-stopped animation-4">
<p>a really cool website I think</p>
+
  <div class="icon">
</div>
+
  <a href='https://2016.igem.org/Team:William_and_Mary/Interlab'><i class="pe-7s-mail-open-file"></i></a>
</a>
+
  </div>
</div>
+
  <h3>Interlab</h3>
</div>
+
  </div>
</div>
+
  </div>
</div>
+
  </div>
</div>
+
  </div>
<!-- End Section "Our Projects" example 5: Single Line Photos -->
+
  </div>
 
+
  <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
<!-- END SECTIONS WHAT WE DO -->
 +
 +
                        <!-- Section "ref" example 2: Text & Icons -->
 +
                        <div class="section section-numbers-1" id="ref">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title">
 +
                                        <p class="h2WM">References</p>
 +
<!--                                      <div class="separator-container">
 +
                                            <div class="separator line-separator">✻</div>
 +
                                        </div>-->
 +
                                    </div>
 +
                                </div>
 +
                                <div class="clearfix"></div>
 +
                                <div class="row">
 +
                                <div class="title add-animation animate">
 +
                                    <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 -->
 
<!-- Section "Team" example 1: Title & Full Image -->
 
<div class="section section-team-1" id="team1">
 
<div class="section section-team-1" id="team1">
Line 187: 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">
Line 213: Line 334:
  
 
{{Team:William_and_Mary/JS_SOURCE}}
 
{{Team:William_and_Mary/JS_SOURCE}}
{{Team:William_and_Mary/FOOTER_SMALL}}
+
{{Team:William_and_Mary/FOOTER_LARGE}}

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