Difference between revisions of "Team:William and Mary"

 
(123 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Team:William_and_Mary/CSS_RESET}}
 
{{Team:William_and_Mary/CSS_RESET}}
 +
{{Team:William_and_Mary/CSS_FIX}}
 +
{{Team:William_and_Mary/SOURCE}}
 +
{{Team:William_and_Mary/HEADER}}
  
 
<html lang="en">
 
<html lang="en">
 
<cfheader name="X-XSS-Protection" value="1">
 
<cfheader name="X-XSS-Protection" value="1">
−
    <head>
 
−
        <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="https://2016.igem.org/Team:William_and_Mary/font-awesome?action=raw&amp;ctype=text/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" />
 
−
       
 
−
<!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 
  
−
<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: 101%;
 
−
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>
 
−
 
−
    </head>
 
 
     <body class="landing-page">
 
     <body class="landing-page">
−
<!--
 
−
        <div class="loading ">
 
−
            <div class="loading-container">
 
−
                <p>loading...</p>
 
−
                <img class="loader" src="assets/img/rubik.svg"/>
 
−
            </div>
 
−
        </div>
 
−
-->
 
−
        <nav class="navbar navbar-default navbar-transparent navbar-fixed-top" role="navigation">
 
−
            <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"-->
 
−
            <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
 
−
                    </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="template.html">
 
−
                            Overview
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="description.html">
 
−
                            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">
 
          
 
          
 
<!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
 
<!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
 +
<!--all source files, header, footer, and CSS resets are now in templates
 +
above and below the html source code on this page.  This serves to make
 +
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="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">
−
<p class="section-header h1WM" style="font-family:Slim-Joe">Circuit Control</p>
+
<p class="section-header h1WM" style="font-family:Slim-Joe; margin: 30px 0 15px;">Circuit Control</p>
 
<div class="separator-container">
 
<div class="separator-container">
 
<div class="separator line-separator">✻</div>
 
<div class="separator line-separator">✻</div>
Line 174: Line 37:
 
</div>
 
</div>
  
−
<div class="section section-we-are-1" 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="title">
+
  <div class="col-md-4">
−
<h2>Project "abstract" here</h2>
+
  <div class="title add-animation-stopped">
−
<div class="separator-container">
+
  <p class="h2WM">The Toolbox</p>
−
<div class="separator line-separator">✻</div>
+
  <div class="separator-container">
−
</div>
+
  <!--div class="separator line-separator">✻</div-->
−
<p class="large">
+
  </div>
−
What have we done this year, + pictures that can be scrolled through
+
  </div>
−
in the 'carousel' below.
+
  </div>
−
</p>
+
  <div class="col-md-7 col-md-offset-1">
−
</div>
+
  <div class="description add-animation-stopped animation-1">
−
</div>
+
  <p class="large">
−
</div>
+
  Our project aims to provide a modular collection of genetic parts which can specifically and predictably tune the
−
</div>
+
  behavior of an arbitrary genetic circuit. This collection, which we have dubbed the “Circuit Control Toolbox,”
−
<div id="carousel">
+
  consists of a suite of parts which can be added to the end of a given genetic circuit; each part provides a specific
−
<div id="section-we-are-1" class="carousel slide add-animation-stopped-1" data-interval="20000">
+
  and independently tunable response which allows direct control over the ultimate output behavior of the circuit.
−
<!-- Wrapper for slides -->
+
  </p>
−
<div class="carousel-inner pattern-image animate">
+
  <p class="large">
−
<div class="item  active">
+
  You can view our project description page <a href='https://2016.igem.org/Team:William_and_Mary/Description'>here</a>.
−
<img alt="..." class="full-image" src="assets/img/builder/projects/project.jpg">
+
  </p>
−
</div>
+
  </div>
−
<div class="item">
+
  </div>
−
<img alt="..." class="full-image" src="assets/img/builder/projects/project.jpg">
+
  </div>
−
</div>
+
  </div>
−
</div>
+
  </div>
−
<!-- Controls -->
+
  </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>    
+
  <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
−
</div>
+
  <div class="section section-we-do-2" id="workflow2">
−
</div>
+
  <div class="container">
−
</div>
+
  <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 214: Line 126:
 
<div class="row">
 
<div class="row">
 
<div class="title">
 
<div class="title">
−
<h5 class="text-gray">Big Title &amp; 4 Columns Icons</h5>
+
<p class='h2WM'>
−
<h2>filler title</h2>
+
Parts
 +
</p>
 
<div class="separator-container">
 
<div class="separator-container">
 
<div class="separator line-separator">✻</div>
 
<div class="separator line-separator">✻</div>
 
</div>
 
</div>
−
<p>
+
<p class='large' style='text-align: center !important;'>
−
I don't know what can go here, something cool I guess
+
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>
−
<div class="col-md-3">
+
<div class="col-md-6">
 
<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>section</h3>
+
<h3>Basic Part</h3>
−
<p>text below that section</p>
+
<p class='large' style='text-align: center !important;'>
 +
The 85x tetO array
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-md-3">
+
<div class="col-md-6">
 
<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>ugh</h3>
+
<h3>Composite Part</h3>
−
<p>so much filler text wow</p>
+
<p class='large' style='text-align: center !important;'>
 +
Two-step synthetic enhancer + NRII mutant
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-md-3">
+
</div>
 +
<div class="row">
 +
<div class="col-md-6">
 
<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>kvndkvkldsv</h3>
+
<h3>Part Collection</h3>
−
<p>ipsum lorem dolor</p>
+
<p class='large' style='text-align: center !important;'>
 +
The circuit control toolbox
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-md-3">
+
<div class="col-md-6">
 
<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>:(</h3>
+
<h3>All Parts</h3>
−
<p>:-) :-) :-)</p>
+
<p class='large' style='text-align: center !important;'>
 +
All the parts we've made this year
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 262: 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 316: Line 307:
 
<div class="text-area">
 
<div class="text-area">
 
<div class="title">
 
<div class="title">
−
<h2>Meet the Team</h2>
+
<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-container">
 
<div class="separator line-separator">✻</div>
 
<div class="separator line-separator">✻</div>
 
</div>
 
</div>
−
<p>insert text here about our team, image will go below like this one I stole :-)</p>
+
<!--p class='large' style='text-align: center !important;'>
 +
text can go here, if necessary.
 +
</p-->
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="full-image gradient-image">
 
<div class="full-image gradient-image">
−
<img alt="..." src="assets/img/team/team1.jpg">
+
<img alt="..." src="https://static.igem.org/mediawiki/2016/4/4e/T--William_and_Mary--team3.jpeg">
 
</div>
 
</div>
 
</div>
 
</div>
 
<!-- End Section "Team" example 1: Description & Full Image -->
 
<!-- End Section "Team" example 1: Description & Full Image -->
−
 
−
<!-- BEGIN FOOTER-->
 
−
<footer class="footer footer-big footer-color-black" data-color="black">
 
−
<div class="container">
 
−
<div class="row">
 
−
<div class="col-md-2 col-sm-3">
 
−
<div class="info animation-1 add-animation animate">
 
−
<h5 class="title">Company</h5>
 
−
<nav>
 
−
<ul>
 
−
<li>
 
−
<a href="#" data-scroll="true" data-id="#overview">
 
−
Top
 
−
</a>
 
−
</li>
 
−
<li>
 
−
<a href="#">
 
−
something
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3 col-md-offset-1 col-sm-3">
 
−
<div class="info animation-2 add-animation animate">
 
−
<h5 class="title"> category</h5>
 
−
<nav>
 
−
<ul>
 
−
<li>
 
−
<a href="#">
 
−
Contact Us
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3 col-sm-3">
 
−
<div class="info animation-3 add-animation animate">
 
−
<h5 class="title add-animation animate">Latest News</h5>
 
−
<nav>
 
−
<ul>
 
−
<li>
 
−
<a href="#">
 
−
<i class="fa fa-twitter"></i> <b>Experiment</b>
 
−
Curious what our project is about?  Check out this short video...
 
−
<hr class="hr-small">
 
−
</a>
 
−
</li>
 
−
<li>
 
−
<a href="#">
 
−
<i class="fa fa-twitter"></i>
 
−
Looking to collaborate this year?  Sign up for our <b>pen pal</b> program...
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-2 col-md-offset-1 col-sm-3">
 
−
<div class="info animation-4 add-animation animate">
 
−
<h5 class="title add-animation animate">Follow us on</h5>
 
−
<nav>
 
−
<ul>
 
−
<li>
 
−
<a href="#" class="btn btn-social btn-facebook btn-simple">
 
−
<i class="fa fa-facebook-square"></i> Facebook
 
−
</a>
 
−
</li>
 
−
<li>
 
−
<a href="#" class="btn btn-social btn-twitter btn-simple">
 
−
<i class="fa fa-twitter"></i> Twitter
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<hr>
 
−
<div class="copyright">
 
−
2016 William and Mary iGEM
 
−
</div>
 
−
</div>
 
−
</footer>
 
−
 
−
       
 
−
       
 
 
         </div>
 
         </div>
 
          
 
          
Line 424: Line 330:
 
         <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&amp;" type="text/javascript"></script>
 
−
    <script src="https://2016.igem.org/Team:William_and_Mary/bootstrapjs?action=raw&amp;" type="text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/bootstrapswitch?action=raw&amp;"></script>
 
−
    <script type="text/javascript" src="https://2016.igem.org/Team:William_and_Mary/jquerybxsliderjs?action=raw&amp;"></script>
 
  
−
    <!--  file for adding vertical points where we activate the elements animation  -->
+
</html>
−
    <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
+
  
−
    <!--  js library for devices recognition -->
+
{{Team:William_and_Mary/JS_SOURCE}}
−
    <script type="text/javascript" src="assets/js/modernizr.js"></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&amp;"></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