Difference between revisions of "Team:William and Mary"

 
(202 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
<!doctype html>
+
 
 
<html lang="en">
 
<html lang="en">
 +
<cfheader name="X-XSS-Protection" value="1">
 
     <head>
 
     <head>
 
         <meta charset="utf-8" />
 
         <meta charset="utf-8" />
−
        <link rel="icon" type="image/png" href="https://2015.igem.org/Team:William_and_Mary/favicon.ico">
+
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/e/ea/WMFavicon.png">
 +
 
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
         <title>NOISE - W&M iGEM</title>
 
         <title>NOISE - W&M iGEM</title>
 
         <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
         <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
−
         <link href="https://2015.igem.org/Team:William_and_Mary/bootstrap.css" rel="stylesheet" />
+
         <link href="https://2015.igem.org/Team:William_and_Mary/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
        <link href="https://2015.igem.org/Team:William_and_Mary/rubick.css" rel="stylesheet"/>
+
<link href="https://2015.igem.org/Team:Stockholm/fixbootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
         <link href="https://2015.igem.org/Team:William_and_Mary/demo.css" rel="stylesheet"/>
+
         <link href="https://2015.igem.org/Team:William_and_Mary/rubick?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
         <link href="https://2015.igem.org/Team:William_and_Mary/jquery.bxslider.css" rel="stylesheet"/>
+
         <link href="https://2015.igem.org/Team:William_and_Mary/demo?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:William_and_Mary/jquerybxsliderCSS?action=raw&ctype=text/css" />
 +
 
 
         <!--    Fonts and icons    -->
 
         <!--    Fonts and icons    -->
−
         <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
         <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
 
         <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
 
         <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
−
         <link href="https://2015.igem.org/Team:William_and_Mary/pe-icon-7-stroke.css" rel="stylesheet">
+
         <link href="https://2015.igem.org/Team:William_and_Mary/pe-icon-7-stroke?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
         <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts.css" rel="stylesheet" />
+
         <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
       
+
 
          
 
          
 +
<!-- 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>
 
     </head>
 
     <body class="landing-page">
 
     <body class="landing-page">
−
        <div class="loading ">
 
−
            <div class="loading-container">
 
−
                <p>Loading...</p>
 
−
                <img class="loader" src="https://2015.igem.org/Team:William_and_Mary/rubik.svg"/>
 
−
            </div>
 
−
        </div>
 
 
         <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation">
 
         <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation">
 
             <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"-->
 
             <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"-->
Line 37: Line 79:
 
                     <span class="icon-bar bar3"></span>
 
                     <span class="icon-bar bar3"></span>
 
                     </button>
 
                     </button>
−
                    <a href="wmigem.weebly.com" class="navbar-brand">
+
<a href="https://2015.igem.org/Team:William_and_Mary" class="navbar-brand">W&M iGEM 2015</a>
−
                    W&M iGEM 2015
+
−
                    </a>
+
 
                 </div>
 
                 </div>
 
                 <div class="collapse navbar-collapse">
 
                 <div class="collapse navbar-collapse">
 
                     <ul class="nav navbar-nav navbar-right navbar-uppercase">
 
                     <ul class="nav navbar-nav navbar-right navbar-uppercase">
 +
<p>    </p>
  
−
                         <li class="social-links">
+
                         <li>
−
                             <a href="#">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary">  
−
                             <i class="fa fa-facebook"></i>
+
                             Home
 
                             </a>
 
                             </a>
−
                            <a href="#">
+
                        </li>
−
                            <i class="fa fa-twitter"></i>
+
                        <li>
−
                            </a>
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Description">  
−
                             <a href="#">  
+
                             Project Description
−
                             <i class="fa fa-instagram"></i>
+
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#home">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary#parts">
−
                             Home
+
                             Parts
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#project">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Measurement">  
−
                             Project
+
                             Results
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#workflow">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Modeling">  
−
                             Parts
+
                             Modeling
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#projects">
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Interlab">  
−
                             Practices
+
                             Interlab Study
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#clients">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Collaborations">  
 
                             Collaboration
 
                             Collaboration
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#team">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Software">  
−
                            Team
+
                          Software
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#numbers">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary/Practices">  
−
                             Etc.
+
                             Human Practices
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
−
                             <a href="" data-scroll="true" data-id="#contact">  
+
                             <a href="https://2015.igem.org/Team:William_and_Mary#ref">
−
                             ??
+
                            References
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Medal_Criteria">
 +
                            Medal Criteria
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Team">  
 +
                             Team
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
Line 117: Line 167:
 
                                     <div class="content">
 
                                     <div class="content">
 
                                          
 
                                          
−
                                         <h1>Noise</h1>
+
                                         <p class="h1WM" style="font-family:WMSlim-Joe">NOISE</p>
  
−
                                         <h5>Characterization of promoter-derived transcriptional noise in E. coli</h5>
+
                                         <h5>Characterization of promoter-driven transcriptional noise in E. coli</h5>
 
                                     </div>
 
                                     </div>
 
                                 </div>  
 
                                 </div>  
−
                             <video class="bgvid" preload="auto" loop="loop" autoplay="false" muted="muted" volume="0"><source src="https://2015.igem.org/Team:William_and_Mary/wm15rfpLoop.webm" type="video/webm" responsive-src="https://2015.igem.org/Team:William_and_Mary/rubik_responsive.jpg"><source src="https://2015.igem.org/Team:William_and_Mary/wm15rfpLoop.mp4" type="video/mp4">Video not supported</video></div>
+
                             <video class="bgvid" preload="auto" loop="loop" autoplay="false" muted="muted" volume="0"><source src="https://static.igem.org/mediawiki/2015/3/39/WMCYNoise.webm" type="video/webm" responsive-src="https://2015.igem.org/Team:William_and_Mary/rubik_responsive.jpg"><source src="https://static.igem.org/mediawiki/2015/a/a7/WMCYNoise.mp4" type="video/mp4">Video not supported</video></div>
 
                              
 
                              
−
                             <a href="" data-scroll="true" data-id="#project" class="scroll-arrow hidden-xs hidden-sm">
+
                             <a href="" data-scroll="true" data-id="#projectdesc" class="scroll-arrow hidden-xs hidden-sm">
 
                                 <i class="fa fa-angle-down"></i>
 
                                 <i class="fa fa-angle-down"></i>
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
 
                      
 
                      
−
                         <div class="section section-we-are-2">
+
                         <div class="section section-we-are-2" id="projectdesc">
 
                         <A NAME="whatis">
 
                         <A NAME="whatis">
 
                             <div class="text-area">
 
                             <div class="text-area">
Line 137: Line 187:
 
                                             <div class="title">
 
                                             <div class="title">
  
−
                                                 <h2>What is noise?</h2>
+
                                                 <p class="h2WM">What is noise?</p>
 
<!--                                                <div class="separator-container">
 
<!--                                                <div class="separator-container">
 
                                                     <div class="separator line-separator">✻</div>
 
                                                     <div class="separator line-separator">✻</div>
Line 145: Line 195:
 
                                         <div class="col-md-7 col-md-offset-1">
 
                                         <div class="col-md-7 col-md-offset-1">
 
                                             <div class="description">
 
                                             <div class="description">
−
                                                 <p>Transcriptional noise is blah blah blah.
+
                                                 <p>As synthetic biologists continue to construct increasingly complex gene regulatory networks, the need for accurate quantitative characterization of their regulatory components becomes more pressing. Despite the BioBrick registry's thorough characterization of the average strength of promoters, there is insufficient description of the variability in their expression. Our project aims to characterize this variability, or noise, for the most commonly used promoters in synthetic biology and provide additional tools for the regulation of these promoters.  
−
                                                 <p>Project description button here
+
                                                 <p><a href="https://2015.igem.org/Team:William_and_Mary/Description">Read more on our Project Description page.</a>
 
                                                 </p>
 
                                                 </p>
 
                                             </div>
 
                                             </div>
Line 154: Line 204:
 
                             </div>
 
                             </div>
 
                             <div class="parallax full-image pattern-image">
 
                             <div class="parallax full-image pattern-image">
−
                                 <img alt="..." class="parallax-img" src="https://2015.igem.org/Team:William_and_Mary/wm15titlebg.jpg">
+
                                 <img alt="..." class="parallax-img" src="https://static.igem.org/mediawiki/2015/thumb/a/a8/WMlabBench.jpg/800px-WMlabBench.jpg">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 160: Line 210:
  
 
                      
 
                      
−
                        <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
+
  <!-- Section "Our Projects" example 1: 2 Columns Full Width -->
−
                         <div class="section section-we-made-1 section-with-hover" id="projects1">
+
                         <div class="section section-we-made-1 section-with-hover" id="parts">
 
                             <div class="text-area">
 
                             <div class="text-area">
−
                                 <div class="title">
+
                                 <div class="title animate">
−
                                     <h2>Our Parts</h2>
+
                                     <p class = "h2WM">Parts</p2>
−
<!--                                    <div class="separator-container">
+
<div class = "description">                                   <p>In deciding which parts to submit to the iGEM Registry we focused on three main aspects.</p>
−
                                        <div class="separator line-separator">✻</div>
+
<p><i>First:</i> ensuring our project is as reproducible and extensible as possible. To that end we have submitted all of new composite fluorescent protein parts that we constructed during the project.<br> <i>Second:</i> Making genome integration as straightforward as possible for iGEM teams. In order to accomplish this goal we designed, tested, and validated a new integrator cassette that allows simple genome integration using 3A or Gibson Assembly. <br> <i>Third:</i> Increasing the number of tools available for promoter-mediated regulation in synthetic biology. We created and validated an E. coli codon optimized dCas9 variant and a suite of gRNAs to target the most commonly used promoters in iGEM.  </p>
−
                                    </div>-->
+
</p></div>
−
                                    <p>a lil summary of the different parts we wanna submit</p>
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                             <div class="row" id="projectsLine1">
 
                             <div class="row" id="projectsLine1">
−
                                 <div class="col-md-4">
+
                                 <div class="col-md-3">
−
                                     <div class="project">
+
                                     <div class="project animate">
−
                                         <img alt="..." src="assets/img/wm15integration.jpg">
+
                                         <img alt="..." src="https://static.igem.org/mediawiki/2015/3/3e/Allparts.jpeg">
−
                                         <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
+
                                         <a class="over-area color-black" href="https://2015.igem.org/Team:William_and_Mary/Parts">
 
                                             <div class="content">
 
                                             <div class="content">
−
                                                 <h4>Integrator Suites</h4>
+
                                                 <h5>All Parts</h5>
−
                                                 <p>Click for details.</p>
+
                                                 <p>A categorized list of all parts.</p>
 
                                             </div>
 
                                             </div>
 
                                         </a>
 
                                         </a>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
−
                                 <div class="col-md-4">
+
                                 <div class="col-md-3">
−
                                     <div class="project">
+
                                     <div class="project animate">
−
                                         <img alt="..." src="assets/img/wm15antibiotic.jpg">
+
                                         <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMcollections.jpeg">
−
                                         <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
+
                                         <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Part_Collection">
 
                                             <div class="content">
 
                                             <div class="content">
−
                                                 <h4>Antibiotic Operons</h4>
+
                                                 <h5>Part Collection</h5>
−
                                                 <p>Click for details.</p>
+
                                                 <p>Guide RNAs for iGEMs top promoters. </p>
 
                                             </div>
 
                                             </div>
 
                                         </a>
 
                                         </a>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
−
                                 <div class="col-md-4">
+
                                 <div class="col-md-3">
−
                                     <div class="project">
+
                                     <div class="project animate">
−
                                         <img alt="..." src="assets/img/wm15repression.jpg">                                    
+
                                         <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMbasic.jpeg">
−
                                         <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
+
                                         <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Basic_Part">
 
                                             <div class="content">
 
                                             <div class="content">
−
                                                 <h4>dCas9s</h4>
+
                                                 <h5>Basic Part</h5>
−
                                                 <p>Click for details.</p>
+
                                                 <p>Targeted repression with dCAS9.</p>
 
                                             </div>
 
                                             </div>
 
                                         </a>
 
                                         </a>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
−
                                 <div class="col-md-4">
+
                                 <div class="col-md-3">
−
                                     <div class="project">
+
                                     <div class="project animate">
−
                                         <img alt="..." src="assets/img/wm15guide.jpg">
+
                                         <img alt="..." src="https://static.igem.org/mediawiki/2015/f/f4/WMcomposite.jpeg">
−
                                         <a class="over-area color-purple" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3">
+
                                         <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Composite_Part">
 
                                             <div class="content">
 
                                             <div class="content">
−
                                                 <h4>gRNAs</h4>
+
                                                 <h5>Composite Part</h5>
−
                                                 <p>Click for details.</p>
+
                                                 <p>An original integrator suite for the E. coli chromosome.</p>
−
                                            </div>
+
−
                                        </a>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-4">
+
−
                                    <div class="project">
+
−
                                        <img alt="..." src="assets/img/wm15rfp.jpg">
+
−
                                        <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3">
+
−
                                            <div class="content">
+
−
                                                <h4>XFPs under various promoters</h4>
+
−
                                                <p>Click for details.</p>
+
−
                                            </div>
+
−
                                        </a>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-4">
+
−
                                    <div class="project">
+
−
                                        <img alt="..." src="assets/img/wm15noise.jpg">
+
−
                                        <a class="over-area color-gold" href="#" target="_blank">
+
−
                                            <div class="content">
+
−
                                                <h4>G^2</h4>
+
−
                                                <p>Click for details.</p>
+
 
                                             </div>
 
                                             </div>
 
                                         </a>
 
                                         </a>
Line 240: Line 267:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
+
                         <!-- End Section "Our Projects" example 1: 2 Columns Full Width -->
 
                          
 
                          
−
                     <!-- Section "What We do" example 4: Big Title & 4 columns icons -->
+
                     <!-- Section "What We do" example 4: Big Title & 3 columns icons -->
 +
 
 
                     <div class="section section-we-do-2" id="workflow2">
 
                     <div class="section section-we-do-2" id="workflow2">
 
                         <div class="container">
 
                         <div class="container">
Line 248: Line 276:
 
                                 <div class="title add-animation animate">
 
                                 <div class="title add-animation animate">
 
<!--                                    <h5 class="text-gray">Big Title &amp; 4 Columns Icons</h5>-->
 
<!--                                    <h5 class="text-gray">Big Title &amp; 4 Columns Icons</h5>-->
−
                                     <h2>Measurement</h2>
+
                                     <p class="h2WM">Measurement & Modeling</p>
−
<!--                                    <div class="separator-container">
+
                                     <p>We measured noise in fluorescence data for dual-integrated sets of CFP and YFP under three promoters: BBa_R0010, BBa_R0011, and BBa_R0051. We also developed an analytic model of the impact of plasmid copy number fluctuations on transcriptional noise, which revealed that intrinsic noise cannot be accurately measured from reporters on the pSB1X3 plasmid series.</p>
−
                                        <div class="separator line-separator">✻</div>
+
−
                                    </div>-->
+
−
                                     <p>talk a lil about stuff we measured/math model here. 4 components of math model (each will have an icon: Data, analysis, another model, case study) </p>
+
 
                                 </div>
 
                                 </div>
−
                                 <div class="col-md-3">
+
                                 <div class="col-md-6">
 
                                     <div class="card animation-1 add-animation animate">
 
                                     <div class="card animation-1 add-animation animate">
 
                                         <div class="icon">
 
                                         <div class="icon">
−
                                             <i class="pe-7s-piggy"></i>
+
                                             <a href = "https://2015.igem.org/Team:William_and_Mary/Measurement"><img alt="Click to go to Measurement" src="https://static.igem.org/mediawiki/2015/0/0f/WMRulerIconColor.png" height= "100" width= "150"/></a>
 
                                         </div>
 
                                         </div>
−
                                         <h3>Data</h3>
+
                                         <h3><a href = "https://2015.igem.org/Team:William_and_Mary/Measurement">Data & Analysis</a></h3>
−
                                        <p>integrated/plasmid</p>
+
                                     
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
−
                                 <div class="col-md-3">
+
                                 <div class="col-md-6">
 
                                     <div class="card animation-2 add-animation animate">
 
                                     <div class="card animation-2 add-animation animate">
 
                                         <div class="icon">
 
                                         <div class="icon">
−
                                             <i class="pe-7s-headphones"></i>
+
                                             <a href = "https://2015.igem.org/Team:William_and_Mary/Modeling"><img alt="Click to go to the Model." src="https://static.igem.org/mediawiki/2015/7/72/WMNormalIconColor.png" height= "100" width= "150"/></a>
 
                                         </div>
 
                                         </div>
−
                                         <h3>analysis</h3>
+
                                         <h3><a href = "https://2015.igem.org/Team:William_and_Mary/Modeling">Plasmid Fluctuation Model</a></h3>
−
                                        <p>parameters and stuff.</p>
+
                                     
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-3">
+
−
                                    <div class="card animation-3 add-animation animate">
+
−
                                        <div class="icon">
+
−
                                            <i class="pe-7s-pen"></i>
+
−
                                        </div>
+
−
                                        <h3>Another Model</h3>
+
−
                                        <p>explain from where</p>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="col-md-3">
+
−
                                    <div class="card animation-4 add-animation animate">
+
−
                                        <div class="icon">
+
−
                                            <i class="pe-7s-plugin"></i>
+
−
                                        </div>
+
−
                                        <h3>Case Study</h3>
+
−
                                        <p>applying our model to someone else's stuff</p>
+
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 294: Line 301:
 
                     </div>
 
                     </div>
 
                     <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 
                     <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
−
                     
+
−
                         <!-- Section "Clients" example 1: 3 Columns Logos -->
+
                         <!-- Section "What We do" example 3: Small Title & 3 columns icons -->
−
                         <div class="section section-clients-1" id="clients1">
+
                         <div class="section section-we-do-2" id="workflow2">
 
                             <div class="container">
 
                             <div class="container">
−
                                 <div class="text-area">
+
                                 <div class="row">
 
                                     <div class="title">
 
                                     <div class="title">
−
                                         <h2>Human Practices</h2>
+
                                         <p class = "h2WM">Human practices</p>
−
<!--                                        <div class="separator-container">
+
−
                                            <div class="separator line-separator">✻</div>
+
−
                                        </div>-->
+
−
                                        <p>3 components to human practices: workshops, curriculum, sharing it. adjust logos to fit</p>
+
 
                                     </div>
 
                                     </div>
−
                                </div>
+
<p>Our <a href="https://2015.igem.org/Team:William_and_Mary/Practices">Human Practices effort</a> was a multi-faceted outreach approach to science literacy, focusing specifically on spreading a basic understanding of synthetic biology to the general public. We collaborated with numerous organizations to host nine educational Synthetic Biology workshops for the public (from first graders to adults!) and to implement our <a href="https://2015.igem.org/Team:William_and_Mary/Practices#curriculum">educational 24-activity Synthetic Biology booklet</a> into schools worldwide, to further sustain our efforts for years to come.</p>
−
                                <div class="list-logos">
+
                                    <div class="col-md-10 col-md-offset-1">
−
                                    <div class="row">
+
                                        <div class="row">
−
                                        <div class="col-md-4">
+
                                            <div class="col-md-4">
−
                                            <div class="logo">
+
                                                <div class="card">
−
                                                <a href="#">  
+
                                                    <div class="icon">
−
                                                <img alt="..." src="assets/img/clients/forbes.svg">
+
                                                        <a href="https://2015.igem.org/Team:William_and_Mary/Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/2/28/WMSpeechIconColor.png" height= "100" width= "100"/></a>
−
                                                <img alt="..." src="assets/img/clients/forbes_h.svg">
+
                                                    </div>
−
                                                 </a>
+
                                                    <h3><a href="https://2015.igem.org/Team:William_and_Mary/Practices">Adult Communication</a></h3>
 +
                                                 </div>
 
                                             </div>
 
                                             </div>
−
                                        </div>
+
                                            <div class="col-md-4">
−
                                        <div class="col-md-4">
+
                                                <div class="card">
−
                                            <div class="logo">
+
                                                    <div class="icon">
−
                                                <a href="#">  
+
                                                        <a href="https://2015.igem.org/Team:William_and_Mary/Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/0/07/WMBooksIconColor.png" height= "100" width= "100"/></a>
−
                                                <img alt="..." src="assets/img/clients/intel.svg">
+
                                                    </div>
−
                                                <img alt="..." src="assets/img/clients/intel_h.svg">
+
                                                    <h3><a href="https://2015.igem.org/Team:William_and_Mary/Practices">Youth Education</a></h3>
−
                                                 </a>
+
                                                 </div>
 
                                             </div>
 
                                             </div>
−
                                        </div>
+
                                            <div class="col-md-4">
−
                                        <div class="col-md-4">
+
                                                <div class="card">
−
                                            <div class="logo">
+
                                                    <div class="icon">
−
                                                <a href="#">  
+
                                                        <a href="https://2015.igem.org/Team:William_and_Mary/Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/3/3e/WMTimeIconColor.png" height= "100" width= "100"/></a>
−
                                                <img alt="..." src="assets/img/clients/apple.svg">
+
                                                    </div>
−
                                                <img alt="..." src="assets/img/clients/apple_h.svg">
+
                                                    <h3><a href="https://2015.igem.org/Team:William_and_Mary/Practices">Long-Term Sustainability</a></h3>
−
                                                 </a>
+
                                                 </div>
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 337: Line 341:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <!-- End Section "Clients" example 1: 3 Columns Logos -->
+
                         <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 
                      
 
                      
 
                     <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
 
                     <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
Line 343: Line 347:
 
                                                 <div class="text-area">
 
                                                 <div class="text-area">
 
                                                     <div class="title">
 
                                                     <div class="title">
−
                                                         <h2>Collaboration</h2>
+
                                                         <p class="h2WM">Collaboration</p>
 
                     <!--                                    <div class="separator-container">
 
                     <!--                                    <div class="separator-container">
 
                                                             <div class="separator line-separator">✻</div>
 
                                                             <div class="separator line-separator">✻</div>
 
                                                         </div>-->
 
                                                         </div>-->
−
                                                         <p>3 parts of collabs</p>
+
                                                         <p>W&M iGEM met and exceeded iGEM's collaboration requirements by collaborating with other researchers in four main ways: creating a pen pal program to connect teams with similar projects, participating in the interlab measurement study, interviewing the general public to provide data to future teams about how to communicate synthetic biology, and collaborating on individual research projects with iGEM teams from University of Georgia, University of Maryland, and Cambridge. </p>
 
                                                     </div>
 
                                                     </div>
 
                                                 </div>
 
                                                 </div>
Line 353: Line 357:
 
                                                     <div class="col-md-4">
 
                                                     <div class="col-md-4">
 
                                                         <div class="project">
 
                                                         <div class="project">
−
                                                             <img alt="..." src="assets/img/wm15integration.jpg">
+
                                                             <img alt="..." src="https://static.igem.org/mediawiki/2015/c/c8/WmInter.jpg">
−
                                                             <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
+
                                                             <a class="over-area color-green" href="https://2015.igem.org/Team:William_and_Mary/Interlab">
 
                                                                 <div class="content">
 
                                                                 <div class="content">
 
                                                                     <h4>Interlab Study</h4>
 
                                                                     <h4>Interlab Study</h4>
Line 364: Line 368:
 
                                                     <div class="col-md-4">
 
                                                     <div class="col-md-4">
 
                                                         <div class="project">
 
                                                         <div class="project">
−
                                                             <img alt="..." src="assets/img/wm15antibiotic.jpg">
+
                                                             <img alt="..." src="https://static.igem.org/mediawiki/2015/6/6f/Wmpenpal.jpg">
−
                                                             <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
+
                                                             <a class="over-area color-black" href="https://2015.igem.org/Team:William_and_Mary/Collaborations#penpals">
 
                                                                 <div class="content">
 
                                                                 <div class="content">
 
                                                                     <h4>PenPal Program</h4>
 
                                                                     <h4>PenPal Program</h4>
Line 375: Line 379:
 
                                                     <div class="col-md-4">
 
                                                     <div class="col-md-4">
 
                                                         <div class="project">
 
                                                         <div class="project">
−
                                                             <img alt="..." src="assets/img/wm15repression.jpg">                                     
+
                                                             <img alt="..." src="https://static.igem.org/mediawiki/2015/a/af/WmCollCam.png">                                     
−
                                                             <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
+
                                                             <a class="over-area color-blue " href="https://2015.igem.org/Team:William_and_Mary/Collaborations#otherteams">
 
                                                                 <div class="content">
 
                                                                 <div class="content">
−
                                                                     <h4>Imaging</h4>
+
                                                                     <h4>With Other Teams</h4>
−
                                                                     <p>Click for details. (stuff w/ other teams goes here)</p>
+
                                                                     <p>Click for details.</p>
 
                                                                 </div>
 
                                                                 </div>
 
                                                             </a>
 
                                                             </a>
Line 388: Line 392:
 
                                             <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 
                                             <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 
                      
 
                      
−
                   
+
<!-- MEDAL CRITERIA HERE -->
 +
 
 +
<div class="section section-we-are-2">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="title">
 +
                                                <p class="h2WM">Medal Criteria</p>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="content">
 +
                                                <p><a href="https://2015.igem.org/Team:William_and_Mary/Medal_Criteria">We're very proud of all of our accomplishments from over the summer! Click here to learn more about what we did to reach our goals.</a></p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
<!--End Medal Criteria -->                   
 +
 
 +
<!--Software starts here! -->
 +
<div class="section section-we-are-2">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="content">
 +
                                                <p><a href="https://2015.igem.org/Team:William_and_Mary/Software">Click here to check out the software we made to help us make sense of sequencing results of complex parts!</a> </p>
 +
                                            </div>
 +
                                        </div>
 +
<div class="col-md-4">
 +
                                            <div class="title">
 +
                                                <p class="h2WM">Software</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
<!--End software -->
 +
 
 +
 
 +
 
 +
 
 
                      
 
                      
 
                         <!-- Section "Team" example 1: Title & Full Image -->
 
                         <!-- Section "Team" example 1: Title & Full Image -->
Line 395: Line 445:
 
                                 <div class="text-area">
 
                                 <div class="text-area">
 
                                     <div class="title">
 
                                     <div class="title">
−
                                         <h2>Team</h2>
+
                                         <p class="h2WM">Team</p>
 
<!--                                        <div class="separator-container">
 
<!--                                        <div class="separator-container">
 
                                             <div class="separator line-separator">✻</div>
 
                                             <div class="separator line-separator">✻</div>
 
                                         </div>-->
 
                                         </div>-->
−
                                         <p>a short blurb about our team here.</p>
+
<div class="content">
 +
                                         <a href="https://2015.igem.org/Team:William_and_Mary/Team"><p>Click here to learn more about our team.</p></a>
 +
</div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                             <div class="full-image gradient-image">
 
                             <div class="full-image gradient-image">
−
                                 <img alt="..." src="assets/img/wmTeam15a.png">
+
                                 <img alt="..." src="https://static.igem.org/mediawiki/2015/f/f5/WmTeam15a.png">
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <!-- End Section "Team" example 1: Description & Full Image -->
 
                         <!-- End Section "Team" example 1: Description & Full Image -->
 
                      
 
                      
−
                         <!-- Section "Numbers" example 2: Text & Icons -->
+
 
−
                         <div class="section section-numbers-1" id="numbers3">
+
 
 +
<!--Software starts here! -->
 +
<div class="section section-we-are-2">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
<div class="title">
 +
<p class="h2WM">2015 Jamboree Results</p>
 +
</div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="content">
 +
                                                <p><img src="https://static.igem.org/mediawiki/2015/b/b7/WM_Wins.jpg" width=600px> </p>
 +
                                            </div>
 +
                                        </div>
 +
<div class="col-md-4">
 +
                                            <div class="content" style="vertical-align:middle;">
 +
                                                <p>Undergraduate Grand Prize Winner<br><br>Best in Track: Measurement<br><br>Best Education & Public Engagement<br><br>Best Presentation<br><br>Nominee: Best Mathematical Model</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
<!--End software -->
 +
 
 +
                         <!-- Section "ref" example 2: Text & Icons -->
 +
                         <div class="section section-numbers-1" id="ref">
 
                             <div class="container">
 
                             <div class="container">
 
                                 <div class="text-area">
 
                                 <div class="text-area">
 
                                     <div class="title">
 
                                     <div class="title">
−
                                         <h2>References</h2>
+
                                         <p class="h2WM">References</p>
 
  <!--                                      <div class="separator-container">
 
  <!--                                      <div class="separator-container">
 
                                             <div class="separator line-separator">✻</div>
 
                                             <div class="separator line-separator">✻</div>
Line 426: Line 504:
 
                                         <div class="card">
 
                                         <div class="card">
 
                                             <div class="icon">
 
                                             <div class="icon">
−
                                                 <i class="pe-7s-users"></i>
+
                                                 <a href="https://2015.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>
 
                                             </div>
−
                                             <h3>Notebook</h3>
+
                                             <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Notebook">
 +
                            Notebook</a></h3>
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
  <!--                                          <div class="number" id="customersNo">
 
  <!--                                          <div class="number" id="customersNo">
Line 438: Line 518:
 
                                         <div class="card">
 
                                         <div class="card">
 
                                             <div class="icon">
 
                                             <div class="icon">
−
                                                 <i class="pe-7s-box1"></i>
+
                                                 <a href="https://2015.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>
 
                                             </div>
−
                                             <h3>Safety</h3>
+
                                             <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Safety">
 +
                            Safety</a></h3>
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
<!--                                            <div class="number" id="projectsNo">
 
<!--                                            <div class="number" id="projectsNo">
Line 450: Line 532:
 
                                         <div class="card">
 
                                         <div class="card">
 
                                             <div class="icon">
 
                                             <div class="icon">
−
                                                 <i class="pe-7s-global"></i>
+
                                                 <a href="https://2015.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>
 
                                             </div>
−
                                             <h3>Attributions</h3>
+
                                             <h3>
 +
<a href="https://2015.igem.org/Team:William_and_Mary/Attributions">
 +
                            Attributions</a></h3>
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
<!--                                            <h5 class="text-gray">explain</h5>-->
 
<!--                                            <div class="number" id="citiesNo">
 
<!--                                            <div class="number" id="citiesNo">
Line 466: Line 550:
 
                      
 
                      
 
                      
 
                      
−
                        <footer class="footer footer-color-black" data-color="black">
+
                      <footer class="footer footer-color-black" data-color="black">
 
                             <div class="container">
 
                             <div class="container">
 
                                 <nav class="pull-left navbar-burger">
 
                                 <nav class="pull-left navbar-burger">
 
                                     <ul>
 
                                     <ul>
 
                                         <li>
 
                                         <li>
−
                                             <a href="#">
+
                                             <a href="https://2015.igem.org/Team:William_and_Mary">
 
                                                 Home
 
                                                 Home
 
                                             </a>
 
                                             </a>
 
                                         </li>
 
                                         </li>
 
                                         <li>
 
                                         <li>
−
                                             <a href="#">
+
                                             <a href="mailto:igem@wm.edu">
 
                                                 Contact
 
                                                 Contact
−
                                            </a>
 
−
                                        </li>
 
−
                                        <li>
 
−
                                            <a href="#">
 
−
                                              Blog
 
 
                                             </a>
 
                                             </a>
 
                                         </li>
 
                                         </li>
Line 488: Line 567:
 
                                 </nav>
 
                                 </nav>
 
                                 <div class="social-area pull-right">                 
 
                                 <div class="social-area pull-right">                 
−
                                     <a class="btn btn-social btn-facebook btn-simple">
+
                                     <a href="https://www.facebook.com/wmigem2015">
 
                                         <i class="fa fa-facebook-square"></i>
 
                                         <i class="fa fa-facebook-square"></i>
 
                                     </a>
 
                                     </a>
−
                                     <a class="btn btn-social btn-twitter btn-simple">
+
                                     <a href="https://twitter.com/wmigem">
 
                                         <i class="fa fa-twitter"></i>
 
                                         <i class="fa fa-twitter"></i>
 
                                     </a>
 
                                     </a>
Line 499: Line 578:
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
−
                         </footer>
+
                         </footer>  
−
                   
+
 
         </div>
 
         </div>
 
          
 
          
Line 511: Line 589:
 
         -->
 
         -->
 
          
 
          
−
        <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>title</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>text</p>
 
−
                      <p>text</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>title</h2>
 
−
                  <div class="separator-container">
 
−
                      <div class="separator line-separator">✻</div>
 
−
                    </div>
 
−
                    <p>text</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>text</p>
 
−
                      <p>etc<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>title here</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>text here</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>text here</p>
 
−
                        </div>
 
−
                    </div>
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
 
          
 
          
 
         <div class="body-layer"></div>
 
         <div class="body-layer"></div>
Line 637: Line 596:
 
      
 
      
 
      
 
      
−
    <!--  core js files    -->
+
     <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquery1112minJS?
−
     <script src="assets/js/jquery-1.11.2.min.js" type="text/javascript"></script>
+
action=raw&ctype=text/javascript"></script>
−
    <script src="assets/js/bootstrap.js" type="text/javascript"></script>
+
   
−
     <script type="text/javascript" src="assets/js/gsdk-bootstrapswitch.js"></script>
+
     <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/bootstrapJS?
−
    <script type="text/javascript" src="assets/js/jquery.bxslider.js"></script>
+
action=raw&ctype=text/javascript"></script>
 +
 
  
−
    <!--  file for adding vertical points where we activate the elements animation  -->
+
     <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquerywaypointsminJS?
−
     <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
+
action=raw&ctype=text/javascript"></script>
  
−
    <!--  js library for devices recognition -->
+
     <script type="text/javascript" src="http://presentation.paperplane.io/assets/js/modernizr.js"></script>
−
     <script type="text/javascript" src="assets/js/modernizr.js"></script>
+
  
−
    <!--  script for google maps  -->
+
     <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/rubick2JS?
−
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
+
action=raw&ctype=text/javascript"></script>
−
 
+
−
    <!--  file where we handle all the script from the Rubik page  -->
+
−
    <script type="text/javascript" src="assets/js/rubick.js"></script>
+
−
   
+
 
</html>
 
</html>

Latest revision as of 03:18, 23 November 2015

NOISE - W&M iGEM

NOISE

Characterization of promoter-driven transcriptional noise in E. coli

Parts

In deciding which parts to submit to the iGEM Registry we focused on three main aspects.

First: ensuring our project is as reproducible and extensible as possible. To that end we have submitted all of new composite fluorescent protein parts that we constructed during the project.
Second: Making genome integration as straightforward as possible for iGEM teams. In order to accomplish this goal we designed, tested, and validated a new integrator cassette that allows simple genome integration using 3A or Gibson Assembly.
Third: Increasing the number of tools available for promoter-mediated regulation in synthetic biology. We created and validated an E. coli codon optimized dCas9 variant and a suite of gRNAs to target the most commonly used promoters in iGEM.

Measurement & Modeling

We measured noise in fluorescence data for dual-integrated sets of CFP and YFP under three promoters: BBa_R0010, BBa_R0011, and BBa_R0051. We also developed an analytic model of the impact of plasmid copy number fluctuations on transcriptional noise, which revealed that intrinsic noise cannot be accurately measured from reporters on the pSB1X3 plasmid series.

Click to go to Measurement

Data & Analysis

Click to go to the Model.

Plasmid Fluctuation Model

Human practices

Our Human Practices effort was a multi-faceted outreach approach to science literacy, focusing specifically on spreading a basic understanding of synthetic biology to the general public. We collaborated with numerous organizations to host nine educational Synthetic Biology workshops for the public (from first graders to adults!) and to implement our educational 24-activity Synthetic Biology booklet into schools worldwide, to further sustain our efforts for years to come.

...

Adult Communication

...

Youth Education

...

Long-Term Sustainability

Collaboration

W&M iGEM met and exceeded iGEM's collaboration requirements by collaborating with other researchers in four main ways: creating a pen pal program to connect teams with similar projects, participating in the interlab measurement study, interviewing the general public to provide data to future teams about how to communicate synthetic biology, and collaborating on individual research projects with iGEM teams from University of Georgia, University of Maryland, and Cambridge.

Medal Criteria

We're very proud of all of our accomplishments from over the summer! Click here to learn more about what we did to reach our goals.

Click here to check out the software we made to help us make sense of sequencing results of complex parts!

Software

2015 Jamboree Results

Undergraduate Grand Prize Winner

Best in Track: Measurement

Best Education & Public Engagement

Best Presentation

Nominee: Best Mathematical Model