Jhmitchell (Talk | contribs) |
|||
(71 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"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<body class="landing-page"> | <body class="landing-page"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="wrapper"> | <div class="wrapper"> | ||
− | <!-- | + | <!--PRESENTATION PAGE INFORMATION BEGINS HERE--> |
− | <div class="section section-header | + | <!--all source files, header, footer, and CSS resets are now in templates |
− | <div class=" | + | above and below the html source code on this page. This serves to make |
− | <img alt="..." src=" | + | 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"> | ||
− | < | + | <p class="section-header h1WM" style="font-family:Slim-Joe; margin: 30px 0 15px;">Circuit Control</p> |
− | < | + | <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="text-area"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-4"> | |
− | + | <div class="title add-animation-stopped"> | |
− | + | <p class="h2WM">The Toolbox</p> | |
− | + | <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> | |
− | + | <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> | </div> | ||
− | + | <h3>Composite Part</h3> | |
− | + | <p class='large' style='text-align: center !important;'> | |
− | <p style= | + | Two-step synthetic enhancer + NRII mutant |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
</div> | </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=" | + | </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> | </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="title"> | |
− | < | + | <p class='h2WM'> |
− | + | Achievements | |
− | + | </p> | |
− | + | <div class="separator-container"> | |
− | + | <div class="separator line-separator">✻</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <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/Measurement'><img src="https://static.igem.org/mediawiki/2015/0/0f/WMRulerIconColor.png" height= "100" width= "150"/></a> | |
− | + | </div> | |
− | + | <h3>Measurement</h3> | |
− | + | </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/Medal_Requirements'><i class="pe-7s-medal"></i></a> | |
− | + | </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> | |
− | + | <!-- 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 --> | ||
+ | <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> | </div> | ||
</div> | </div> | ||
− | + | <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--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="body-layer"></div> | <div class="body-layer"></div> | ||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </html> | |
− | + | ||
− | + | {{Team:William_and_Mary/JS_SOURCE}} | |
− | + | {{Team:William_and_Mary/FOOTER_LARGE}} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Latest revision as of 21:20, 1 December 2016
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.
References
creating a toolbox allowing for precision circuit control