Difference between revisions of "Team:William and Mary"

(Prototype team page)
 
Line 1: Line 1:
−
{{William_and_Mary}}
+
<!doctype html>
−
<html>
+
<html lang="en">
−
<h2> Welcome to iGEM 2015! </h2>
+
    <head>
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
        <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>NOISE - W&M iGEM</title>
 +
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 +
        <link href="assets/css/bootstrap.css" rel="stylesheet" />
 +
        <link href="assets/css/rubick.css" rel="stylesheet"/>
 +
        <link href="assets/css/demo.css" rel="stylesheet"/>
 +
        <link href="assets/css/jquery.bxslider.css" rel="stylesheet"/>
 +
        <!--    Fonts and icons    -->
 +
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 +
        <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
 +
        <link href="assets/css/fonts/pe-icon-7-stroke.css" rel="stylesheet">
 +
        <link href="assets/css/fonts/Rubik-Fonts.css" rel="stylesheet" />
 +
       
 +
       
  
−
<h4>Before you start: </h4>
+
    </head>
−
<p> Please read the following pages:</p>
+
    <body class="landing-page">
−
<ul>
+
        <div class="loading ">
−
<li> <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
+
            <div class="loading-container">
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
                <p>Loading...</p>
−
</ul>
+
                <img class="loader" src="assets/img/rubik.svg"/>
 +
            </div>
 +
        </div>
 +
        <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"-->
 +
            <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 href="wmigem.weebly.com" class="navbar-brand">
 +
                    W&M iGEM 2015
 +
                    </a>
 +
                </div>
 +
                <div class="collapse navbar-collapse">
 +
                    <ul class="nav navbar-nav navbar-right navbar-uppercase">
  
−
<div class="highlightBox">
+
                        <li class="social-links">
−
<h4> Styling your wiki </h4>
+
                            <a href="#">
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
                            <i class="fa fa-facebook"></i>
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
                            </a>
−
</div>
+
                            <a href="#">
 +
                            <i class="fa fa-twitter"></i>
 +
                            </a>
 +
                            <a href="#">
 +
                            <i class="fa fa-instagram"></i>
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#home">
 +
                            Home
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#project">
 +
                            Project
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#workflow">
 +
                            Parts
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#projects">
 +
                            Practices
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#clients">
 +
                            Collaboration
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#team">
 +
                            Team
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#numbers">
 +
                            Etc.
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#contact">
 +
                            ??
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <div class="wrapper">
 +
       
 +
       
 +
       
 +
            <!--    replace this line with the code generated with the rubik-builder.html              -->
  
−
<h4> Editing your wiki </h4>
+
                        <div class="section section-header" id="header4">
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
                            <div id="video-container-4" class="full-image pattern-image filter filter-gradient-black" data-color="gold">
−
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:William_and_Mary&action=edit"> Click here to edit this page! </a></p>
+
                               
−
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>  
+
                                <div class="container">
 +
                                    <div class="content">
 +
                                       
 +
                                        <h1>Noise</h1>
  
 +
                                        <h5>Characterization of promoter-derived transcriptional noise in E. coli</h5>
 +
                                    </div>
 +
                                </div>
 +
                            <video class="bgvid" preload="auto" loop="loop" autoplay="false" muted="muted" volume="0"><source src="assets/video/wm15rfpLoop.webm" type="video/webm" responsive-src="assets/img/rubik_responsive.jpg"><source src="assets/video/wm15rfpLoop.mp4" type="video/mp4">Video not supported</video></div>
 +
                           
 +
                            <a href="" data-scroll="true" data-id="#project" class="scroll-arrow hidden-xs hidden-sm">
 +
                                <i class="fa fa-angle-down"></i>
 +
                            </a>
 +
                        </div>
 +
                   
 +
                        <div class="section section-we-are-2">
 +
                        <A NAME="whatis">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="title">
  
−
<h4>Templates </h4>
+
                                                <h2>What is noise?</h2>
−
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
+
<!--                                                <div class="separator-container">
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>  
+
                                                    <div class="separator line-separator">✻</div>
 +
                                                </div>-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="description">
 +
                                                <p>Transcriptional noise is blah blah blah.
 +
                                                <p>Project description button here
 +
                                                </p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="parallax full-image pattern-image">
 +
                                <img alt="..." class="parallax-img" src="assets/img/wm15titlebg.jpg">
 +
                            </div>
 +
                        </div>
 +
                   
  
 +
                   
 +
                        <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                        <div class="section section-we-made-1 section-with-hover" id="projects1">
 +
                            <div class="text-area">
 +
                                <div class="title">
 +
                                    <h2>Our Parts</h2>
 +
<!--                                    <div class="separator-container">
 +
                                        <div class="separator line-separator">✻</div>
 +
                                    </div>-->
 +
                                    <p>a lil summary of the different parts we wanna submit</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="row" id="projectsLine1">
 +
                                <div class="col-md-4">
 +
                                    <div class="project">
 +
                                        <img alt="..." src="assets/img/wm15integration.jpg">
 +
                                        <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
 +
                                            <div class="content">
 +
                                                <h4>Integrator Suites</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-4">
 +
                                    <div class="project">
 +
                                        <img alt="..." src="assets/img/wm15antibiotic.jpg">
 +
                                        <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                            <div class="content">
 +
                                                <h4>Antibiotic Operons</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-4">
 +
                                    <div class="project">
 +
                                        <img alt="..." src="assets/img/wm15repression.jpg">                                   
 +
                                        <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                            <div class="content">
 +
                                                <h4>dCas9s</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-4">
 +
                                    <div class="project">
 +
                                        <img alt="..." src="assets/img/wm15guide.jpg">
 +
                                        <a class="over-area color-purple" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3">
 +
                                            <div class="content">
 +
                                                <h4>gRNAs</h4>
 +
                                                <p>Click for details.</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>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                       
 +
                    <!-- 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 add-animation animate">
 +
<!--                                    <h5 class="text-gray">Big Title &amp; 4 Columns Icons</h5>-->
 +
                                    <h2>Measurement</h2>
 +
<!--                                    <div class="separator-container">
 +
                                        <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 class="col-md-3">
 +
                                    <div class="card animation-1 add-animation animate">
 +
                                        <div class="icon">
 +
                                            <i class="pe-7s-piggy"></i>
 +
                                        </div>
 +
                                        <h3>Data</h3>
 +
                                        <p>integrated/plasmid</p>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-3">
 +
                                    <div class="card animation-2 add-animation animate">
 +
                                        <div class="icon">
 +
                                            <i class="pe-7s-headphones"></i>
 +
                                        </div>
 +
                                        <h3>analysis</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>
 +
                    </div>
 +
                    <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
                     
 +
                        <!-- Section "Clients" example 1: 3 Columns Logos -->
 +
                        <div class="section section-clients-1" id="clients1">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title">
 +
                                        <h2>Human Practices</h2>
 +
<!--                                        <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 class="list-logos">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="logo">
 +
                                                <a href="#">
 +
                                                <img alt="..." src="assets/img/clients/forbes.svg">
 +
                                                <img alt="..." src="assets/img/clients/forbes_h.svg">
 +
                                                </a>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-4">
 +
                                            <div class="logo">
 +
                                                <a href="#">
 +
                                                <img alt="..." src="assets/img/clients/intel.svg">
 +
                                                <img alt="..." src="assets/img/clients/intel_h.svg">
 +
                                                </a>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-4">
 +
                                            <div class="logo">
 +
                                                <a href="#">
 +
                                                <img alt="..." src="assets/img/clients/apple.svg">
 +
                                                <img alt="..." src="assets/img/clients/apple_h.svg">
 +
                                                </a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Clients" example 1: 3 Columns Logos -->
 +
                   
 +
                    <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                                            <div class="section section-we-made-1 section-with-hover" id="projects1">
 +
                                                <div class="text-area">
 +
                                                    <div class="title">
 +
                                                        <h2>Collaboration</h2>
 +
                    <!--                                    <div class="separator-container">
 +
                                                            <div class="separator line-separator">✻</div>
 +
                                                        </div>-->
 +
                                                        <p>3 parts of collabs</p>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="row" id="projectsLine1">
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="assets/img/wm15integration.jpg">
 +
                                                            <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
 +
                                                                <div class="content">
 +
                                                                    <h4>Interlab Study</h4>
 +
                                                                    <p>Click for details.</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="assets/img/wm15antibiotic.jpg">
 +
                                                            <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                                                <div class="content">
 +
                                                                    <h4>PenPal Program</h4>
 +
                                                                    <p>Click for details.</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="assets/img/wm15repression.jpg">                                   
 +
                                                            <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                                                <div class="content">
 +
                                                                    <h4>Imaging</h4>
 +
                                                                    <p>Click for details. (stuff w/ other teams goes here)</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                </div>
 +
                                            </div>
 +
                                            <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                   
 +
                   
 +
                   
 +
                        <!-- 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">
 +
                                        <h2>Team</h2>
 +
<!--                                        <div class="separator-container">
 +
                                            <div class="separator line-separator">✻</div>
 +
                                        </div>-->
 +
                                        <p>a short blurb about our team here.</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="full-image gradient-image">
 +
                                <img alt="..." src="assets/img/wmTeam15a.png">
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Team" example 1: Description & Full Image -->
 +
                   
 +
                        <!-- Section "Numbers" example 2: Text & Icons -->
 +
                        <div class="section section-numbers-1" id="numbers3">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title">
 +
                                        <h2>References</h2>
 +
<!--                                      <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">
 +
                                                <i class="pe-7s-users"></i>
 +
                                            </div>
 +
                                            <h3>Notebook</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">
 +
                                                <i class="pe-7s-box1"></i>
 +
                                            </div>
 +
                                            <h3>Safety</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">
 +
                                                <i class="pe-7s-global"></i>
 +
                                            </div>
 +
                                            <h3>Attributions</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 -->
 +
                   
 +
                   
 +
                        <footer class="footer footer-color-black" data-color="black">
 +
                            <div class="container">
 +
                                <nav class="pull-left navbar-burger">
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                                Home
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                                Contact
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                              Blog
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </nav>
 +
                                <div class="social-area pull-right">               
 +
                                    <a class="btn btn-social btn-facebook btn-simple">
 +
                                        <i class="fa fa-facebook-square"></i>
 +
                                    </a>
 +
                                    <a class="btn btn-social btn-twitter btn-simple">
 +
                                        <i class="fa fa-twitter"></i>
 +
                                    </a>
 +
                                </div>
 +
                                <div class="copyright">
 +
                                    © 2015 William & Mary iGEM
 +
                                </div>
 +
                            </div>
 +
                        </footer>
 +
                   
 +
        </div>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <!--  Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id     
 +
        -->
 +
       
 +
        <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>Example No.1</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>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 +
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors. </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>
  
−
<h4>Tips</h4>
+
        <div class="project-content" id="project_2">
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
          <div>
−
<ul>
+
            <div class="project-details">
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
              <div class="container">
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
                <div class="project-title">
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
                  <h2>Example No.2</h2>
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
                  <div class="separator-container">
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
+
                      <div class="separator line-separator">✻</div>
−
<li>Have lots of fun! </li>
+
                    </div>
−
</ul>  
+
                    <p>We've been working with Kingsman Studios and we are proud that they enjoy our results.</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>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 +
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors<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>Example No.3</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>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 +
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</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>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 +
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</p>
 +
                        </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
       
 +
        <div class="body-layer"></div>
 +
    </body>
 +
   
 +
   
 +
   
 +
    <!--  core js files    -->
 +
    <script src="assets/js/jquery-1.11.2.min.js" type="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="assets/js/jquery.bxslider.js"></script>
  
−
<h4>Inspiration</h4>
+
    <!--   file for adding vertical points where we activate the elements animation  -->
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
    <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
  
−
<h4> Uploading pictures and files </h4>
+
    <!--  js library for devices recognition -->
−
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
    <script type="text/javascript" src="assets/js/modernizr.js"></script>
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
  
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
+
    <!--  script for google maps  -->
−
 
+
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
−
 
+
−
 
+
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
  
 +
    <!--  file where we handle all the script from the Rubik page  -->
 +
    <script type="text/javascript" src="assets/js/rubick.js"></script>
 +
   
 
</html>
 
</html>

Revision as of 00:13, 13 September 2015

<!doctype html> NOISE - W&M iGEM

Loading...

Noise

Characterization of promoter-derived transcriptional noise in E. coli

What is noise?

Transcriptional noise is blah blah blah.

Project description button here

...

Measurement

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)

Data

integrated/plasmid

analysis

parameters and stuff.

Another Model

explain from where

Case Study

applying our model to someone else's stuff

Human Practices

3 components to human practices: workshops, curriculum, sharing it. adjust logos to fit

Team

a short blurb about our team here.

...

References

Notebook

Safety

Attributions

Project Content.

Example No.1

✻

Detail1

Detail2

Detail3

Detail4


Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.

Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.

...
...
...
...

Example No.2

✻

We've been working with Kingsman Studios and we are proud that they enjoy our results.

...

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.

Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.

Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.

Project Content

Example No.3

✻

Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation

Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.

...

Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation

Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.