Difference between revisions of "Team:WashU StLouis"

Line 1: Line 1:
{{:Team:WashU_StLouis/Header}}
+
<body id="page-top" class="index">
<html>
+
<body>
+
  <div id=""page-content-wrapper"">
+
  
    <div class="splash" id="mainsplash">
+
  <!-- Navigation -->
       <div class="row splashyla">
+
  <nav class="navbar navbar-default navbar-fixed-top">
         <div class="col-md-12">
+
    <div class="container">
           <a href="https://2015.igem.org/"><img src="https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png" class="img-responsive igem-logo"></a>
+
      <!-- Brand and toggle get grouped for better mobile display -->
         </div>
+
       <div class="navbar-header page-scroll">
 +
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
           <span class="sr-only">Toggle navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
         </button>
 +
        <a class="navbar-brand page-scroll" href="#page-top">Nitrogenius</a>
 
       </div>
 
       </div>
  
       <div class= "row splashesittely">
+
      <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="col-md-3">
+
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
        <ul class="nav navbar-nav navbar-right">
 +
          <li class="hidden">
 +
            <a href="#page-top"></a>
 +
          </li>
 +
          <li>
 +
            <a class="page-scroll" href="#Overview">Overview</a>
 +
          </li>
 +
          <li>
 +
            <a class="page-scroll" href="#Team">Team</a>
 +
          </li>
 +
          <li>
 +
            <a class="page-scroll" href="#collaboration">Collaboration</a>
 +
          </li>
 +
          <li>
 +
            <a class="page-scroll" href="#sponsors">sponsors</a>
 +
          </li>
 +
          <li>
 +
            <a class="page-scroll" href="#contact">Contact</a>
 +
          </li>
 +
          <li>
 +
            <a href="mailto:ayekedavidr@wustl.edu?subject=Bug">Report Bugs</a>
 +
          </li>
 +
        </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
    </div>
 +
    <!-- /.container-fluid -->
 +
  </nav>
 +
 
 +
  <!-- Header -->
 +
  <header>
 +
    <div class="container">
 +
      <div class="intro-text">
 +
        <div class="intro-lead-in">Welcome To Our Website!</div>
 +
        <div class="intro-heading">It's Nice To Meet You</div>
 +
        <a href="#contact" class="page-scroll btn btn-xl">It's Nice To Meet You Too</a>
 +
      </div>
 +
    </div>
 +
  </header>
 +
 
 +
  <!-- Background Canvas -->
 +
  <div id = "background-canvas"></div>
 +
 
 +
 
 +
 
 +
  <!-- Project Overview -->
 +
  <!-- Main container -->
 +
  <div class="container">
 +
    <section id="overview" class="bg-light-gray row sectionNum1">
 +
      <div class="container">
 +
         <div class="row">
 +
          <div class="col-lg-12 text-center">
 +
            <h2 class="section-heading">Project Overview</h2>
 +
            <h3 class="section-subheading text-muted">Washington University and Penn State IGEM</h3>
 +
          </div>
 
         </div>
 
         </div>
         <div class="col-md-9">
+
         <div class="row">
          <h1>Washington University<br>
+
          <!-- Previously on Wustl Igem -->
            <img src="https://static.igem.org/mediawiki/2015/4/48/Nitrogenius.jpg" class="img-responsive omalogo center-block">
+
          <div class="col-md-4 col-sm-6 overview-item">
             <p class="bigsplashtext">
+
            <a href="#overviewModal1" class="overview-link" data-toggle="modal">
               Engineering Nitrogen Fixation
+
              <div class="overview-hover">
            </p>
+
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
 
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
             </a>
 +
            <div class="overview-caption">
 +
               <h4>Last Year</h4>
 +
              <p class="text-muted">Learn from History</p>
 +
            </div>
 
           </div>
 
           </div>
           <div class="col-md-3">
+
          <!-- Mission statement -->
 +
           <div class="col-md-4 col-sm-6 overview-item">
 +
            <a href="#overviewModal2" class="overview-link" data-toggle="modal">
 +
              <div class="overview-hover">
 +
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
            </a>
 +
            <div class="overview-caption">
 +
              <h4>Mission Statement</h4>
 +
              <p class="text-muted">The Goal in a sentance</p>
 +
            </div>
 +
          </div>
 +
          <!-- Nitrogen Project -->
 +
          <div class="col-md-4 col-sm-6 overview-item">
 +
            <a href="#overviewModal3" class="overview-link" data-toggle="modal">
 +
              <div class="overview-hover">
 +
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
            </a>
 +
            <div class="overview-caption">
 +
              <h4>Nitrogen Project</h4>
 +
              <p class="text-muted">Ain't broke, but we got to fix it.</p>
 +
            </div>
 +
          </div>
 +
          <!-- The Big picture -->
 +
          <div class="col-md-4 col-sm-6 overview-item">
 +
            <a href="#overviewModal4" class="overview-link" data-toggle="modal">
 +
              <div class="overview-hover">
 +
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
            </a>
 +
            <div class="overview-caption">
 +
              <h4>The Big Picture</h4>
 +
              <p class="text-muted">Why did we do this?</p>
 +
            </div>
 +
          </div>
 +
          <!-- Methods and Materials -->
 +
          <div class="col-md-4 col-sm-6 overview-item">
 +
            <a href="#overviewModal5" class="overview-link" data-toggle="modal">
 +
              <div class="overview-hover">
 +
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
            </a>
 +
            <div class="overview-caption">
 +
              <h4>Methods and Materials</h4>
 +
              <p class="text-muted">Immitation is the best form of flattery.</p>
 +
            </div>
 +
          </div>
 +
          <!-- Discussion -->
 +
          <div class="col-md-4 col-sm-6 overview-item">
 +
            <a href="#overviewModal6" class="overview-link" data-toggle="modal">
 +
              <div class="overview-hover">
 +
                <div class="overview-hover-content">
 +
                  <i class="fa fa-plus fa-3x"></i>
 +
                </div>
 +
              </div>
 +
              <img src="http://placehold.it/400x300" class="img-responsive" alt="">
 +
            </a>
 +
            <div class="overview-caption">
 +
              <h4>Discussion</h4>
 +
              <p class="text-muted">Explaining the Results</p>
 +
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
      </div>
 +
    </section>
  
         <div class= "row splashala">
+
    <!-- Team Section -->
           <div class ="col-md-12 transp scroller">
+
    <section id="team"  class="bg-white row sectionNum2">
             <a href="#Abstract">
+
      <div class="container">
              Scroll down to read more
+
         <div class="row">
              <img src="https://static.igem.org/mediawiki/2014/3/3e/Aalto_Helsinki_Nuoli.png" class="img-responsive center-block transp nuoli">
+
           <div class="col-lg-12 text-center">
            </a>
+
             <h2 class="section-heading">Team</h2>
 +
            <h3 class="section-subheading text-muted">NitroGeniuses</h3>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
        <div class="row">
 +
          <div class="col-lg-12">
 +
            <ul class="timeline">
 +
              <li class="row">
 +
                <div class="timeline-image">
 +
                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
 +
                </div>
 +
                <div class="timeline-panel">
 +
                  <div class="timeline-heading">
 +
                    <h4>Jessica O'Callaghan</h4>
 +
                    <h4 class="subheading">Chemical Engineering</h4>
 +
                  </div>
 +
                  <div class="timeline-body">
 +
                    <!-- lead -->
 +
                    <p class="text-muted">Penn State</p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="row timeline-inverted">
 +
                <div class="timeline-image">
 +
                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
 +
                </div>
 +
                <div class="timeline-panel">
 +
                  <div class="timeline-heading">
 +
                    <h4>Laura Beebe</h4>
 +
                    <h4 class="subheading">Biochemistry and Molecular Biology</h4>
 +
                  </div>
 +
                  <div class="timeline-body">
 +
                    <!-- Lead -->
 +
                    <p class="text-muted">Penn State</p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="row ">
 +
                <div class="row timeline-image">
 +
                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
 +
                </div>
 +
                <div class="timeline-panel">
 +
                  <div class="timeline-heading">
 +
                    <h4>Blake Atckinson</h4>
 +
                    <h4 class="subheading">Biomedical Engineering</h4>
 +
                  </div>
 +
                  <div class="timeline-body">
 +
                    <p class="text-muted">Washington University in St. Louis</p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="row timeline-inverted">
 +
                <div class="row timeline-image">
 +
                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
 +
                </div>
 +
                <div class="timeline-panel">
 +
                  <div class="timeline-heading">
 +
                    <h4>Charlotte Bourg</h4>
 +
                    <h4 class="subheading">Biochemistry and Spanish</h4>
 +
                  </div>
 +
                  <div class="timeline-body">
 +
                    <p class="text-muted">Washington University in St. Louis</p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="row ">
 +
                <div class="row timeline-image">
 +
                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
 +
                </div>
 +
                <div class="timeline-panel">
 +
                  <div class="timeline-heading">
 +
                    <h4>David Ayeke</h4>
 +
                    <h4 class="subheading">Computer Engineering</h4>
 +
                  </div>
 +
                  <div class="timeline-body">
 +
                    <p class="text-muted">Washington University in St. Louis</p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="row">
 +
                <div class=" timeline-image" style="left: 45%;">
 +
                  <br>
 +
                  <h4>Be Part
 +
                    <br>Of Our
 +
                    <br>Story!</h4>
 +
                    <a href="Team" class="page-scroll btn btn-sm btn-warning">Collaboration</a>
 +
                  </div>
  
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </section>
  
       </div>
+
       <!-- Collaboration Section -->
       <article>
+
       <section id="collaborations" class="bg-light-gray row  sectionNum3">
        <div class="link" id="Abstract"></div>
+
         <div class="container">
         <h2>Washington University in St. Louis<br>
+
          <small>Engineering Nitrogen Fixation</small></h2>
+
 
+
          <h3>Project Description</h3>
+
          <p>
+
            Some cyanobacteria fix nitrogen for nutritional needs, while most organisms can only acquire it from the food it consumes. Synthetic biology allows us to transfer this ability to fix nitrogen to a heterologous host that has many genetic tools, Escherichia coli, so that we can learn how to give single cell organisms, and eventually chloroplasts the ability to create their own nitrogen fertilizer.
+
          </p>
+
          <p>
+
            Diazotrophic (organisms that fix nitrogen) cyanobacteria such Nostoc Punctiforme or Anabaena use heterocysts (specialized nitrogen fixing cells) to create a mini-anaerobic environment to aid nitrogen fixation. However, Cyanothece 51142, a non-heterocyst, fixes nitrogen in the same cell as photosynthesis by relying on a circadian metabolic process, when there is less oxygen byproduct from photosynthesis. This process is both fascinating and necessary since the key enzyme in nitrogen fixation, nitrogenase, is poisoned by oxygen. Our goal this summer is to engineer the regulation of the proteins necessary for nitrogen fixation so that they are highly repressed when activated by broad spectrum light (such as the sun), and are highly active when there is no light around, mimicking the cycle where photosynthesis occurs during the day and nitrogen fixation occurs at night.
+
          </p>
+
 
           <div class="row">
 
           <div class="row">
             <div class="img-center">
+
             <div class="col-lg-12 text-center">
               <p class="kuvateksti">
+
               <h2 class="section-heading">Collaboration</h2>
                 Our pitch video.
+
              <h3 class="section-subheading text-muted"><a class="page-scroll" href="#contact">:{ Looking for Collaborators</a></h3>
               </p>
+
 
 +
              </div>
 +
            </div>
 +
            <div class="row text-center">
 +
              <div class="col-lg-12">
 +
                 <span class="fa-stack fa-4x">
 +
                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
 +
                  <i class="fa fa-gears fa-stack-1x fa-inverse"></i>
 +
                </span>
 +
                <h4 class="collaboration-heading">Nothing</h4>
 +
                <p class="text-muted"><sup data-text="Remove this!"></sup>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
 +
               </div>
 +
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
           <div align="center" class="embed-responsive embed-responsive-16by9">
+
        </section>
             <video controls class="embed-responsive-item">
+
 
               <source src="https://static.igem.org/mediawiki/2015/7/7f/Nitrogenius_intro.mp4" type=video/mp4>
+
        <!-- Team Section aka grad students-->
             </video>
+
        <section id="advisors" class="bg-white row sectionNum4">
 +
           <div class="container">
 +
            <div class="row">
 +
              <div class="col-lg-12 text-center">
 +
                <h2 class="section-heading">Our Amazing P.I's</h2>
 +
                <h3 class="section-subheading text-muted">The people that made it all possible</h3>
 +
              </div>
 +
             </div>
 +
            <div class="row">
 +
              <div class="col-sm-4">
 +
                <div class="team-member">
 +
                  <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">
 +
                  <h4>Tae Seok Moon</h4>
 +
                  <p class="text-muted">Faculty Advisors</p>
 +
                  <ul class="list-inline social-buttons">
 +
 
 +
                    <li><a href="http://moon.eece.wustl.edu/"><i class="fa fa-mail-forward"></i></a>
 +
                    </li>
 +
                  </ul>
 +
                </div>
 +
               </div>
 +
              <div class="col-sm-4">
 +
                <div class="team-member">
 +
                  <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">
 +
                  <h4>Fuzhong Zhang</h4>
 +
                  <p class="text-muted">Faculty Advisor</p>
 +
                  <ul class="list-inline social-buttons">
 +
                    <li><a href="http://zhang.eece.wustl.edu/"><i class="fa fa-mail-forward"></i></a>
 +
                    </li>
 +
                  </ul>
 +
                </div>
 +
              </div>
 +
            </div>
 +
            <hr>
 +
            <div class="row">
 +
              <div class="col-sm-4">
 +
                <div class="team-member">
 +
                  <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">
 +
                  <h4>Cheryl Immethun</h4>
 +
                  <p class="text-muted">Washington University IGEM Advisor</p>
 +
                </div>
 +
              </div>
 +
              <div class="col-sm-4">
 +
                <div class="team-member">
 +
                  <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">
 +
                  <h4>Thomas Mueller</h4>
 +
                  <p class="text-muted">Penn State IGEM Advisor</p>
 +
                </div>
 +
              </div>
 +
             </div>
 +
            <div class="row">
 +
              <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
 +
              </div>
 +
            </div>
 
           </div>
 
           </div>
         </article>
+
         </section>
        <article class="abg-pcb">
+
  
           <div class="row">
+
        <!-- Contact Section -->
             <div class="col-md-9 text-col-left">
+
        <section id="contact"  class="bg-white row  sectionNum6">
              <h3>How does our project work?</h3>
+
           <div class="container">
               <p>
+
             <div class="row">
                 Our team worked this summer on two projects towards a common purpose.
+
              <div class="col-lg-12 text-center">
Richard and Caroline worked in the Pakrasi lab under Dr. Pakrasi, with Andrew Ng, Bert Berla, and Deng Liu as advisors on the getting nitrogen fixation working in E. coli.
+
                <h2 class="section-heading">Contact Us</h2>
Benjamin and Jeffrey worked in the Moon lab under Dr. Moon, with Cheryl Immethun as an advisor, and created a repressor system to turn off transcription of a reporter protein in the light.
+
                <h3 class="section-subheading text-muted">We can't do this alone</h3>
              </p>
+
               </div>
              <h3>What did we accomplish?</h3>
+
            </div>
              <p>
+
            <div class="row">
              There are two key components of our project:
+
              <div class="col-lg-12">
              </p>
+
                 <form action="mailto:ayekedavidr@wustl.edu" method="post" enctype="text/plain" name="sentMessage" id="contactForm" novalidate>
              <p>
+
                  <div class="row">
              Richard and Caroline have been working in the Pakrasi lab, and have been using genes from cyanobacteria to get nitrogen fixation working in E. coli . They are testing nitrogen fixation by running acetylene reduction assays and designing experiments to test the optimal criteria (ie. E. coli strains, temperature, pH, nitrogen source) to get maximum results. For more info, visit the
+
                    <div class="col-md-6">
              <a href=""></a> nitrogenase tab.
+
                      <div class="form-group">
              </p>
+
                        <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
              <h3>Who will our project help?</h3>
+
                        <p class="help-block text-danger"></p>
              <p>
+
                      </div>
              Our project is the first step of a much larger, much more complex endeavor. Nitrogen overabundance and nitrogen depletion are simultaneously big stumbling blocks in modern agriculture. The solution to both of these problems would be to endow plants themselves with the ability to fix nitrogen so that they could autonomously supply their own nitrogen for proteins, DNA, etc. We are taking the first step towards this ambitious goal by studying how the genes for nitrogen fixation from cyanobacteria work in different environments and constructing an artificial transcriptional system. We are currently working in E. coli because it is easy to engineer, but the next step would be to move into a cyanobacteria more closely related to chloroplasts. We hope that by making these initial steps that we may be helping to pave the way for future research that may put an end to world hunger.
+
                      <div class="form-group">
               </p>
+
                        <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
 +
                        <p class="help-block text-danger"></p>
 +
                      </div>
 +
                      <div class="form-group">
 +
                        <input type="tel" class="form-control" placeholder="Your Team" id="igemTeam" required data-validation-required-message="Please enter your Igem Team">
 +
                        <p class="help-block text-danger"></p>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col-md-6">
 +
                      <div class="form-group">
 +
                        <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
 +
                        <p class="help-block text-danger"></p>
 +
                      </div>
 +
                    </div>
 +
                    <div class="clearfix"></div>
 +
                    <div class="col-lg-12 text-center">
 +
                      <div id="success"></div>
 +
                      <input type="submit" class="btn btn-xl" value="Send Message"/>
 +
                    </div>
 +
                  </div>
 +
                </form>
 +
               </div>
 +
            </div>
 +
          </div>
 +
        </section>
 +
      </div>
 +
 
 +
  <!-- overview Modals -->
 +
      <!-- Use the modals below to showcase details team your overview projects! -->
  
 +
      <!-- overview Modal 1 -->
 +
      <div class="overview-modal modal fade" id="overviewModal1" tabindex="-1" role="dialog" aria-hidden="true">
 +
        <div class="modal-content">
 +
          <div class="close-modal" data-dismiss="modal">
 +
            <div class="lr">
 +
              <div class="rl">
 +
              </div>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 +
          <div class="container">
 +
            <div class="row">
 +
              <div class="col-lg-8 col-lg-offset-2">
 +
                <div class="modal-body">
 +
                  <!-- Project Details Go Here -->
 +
                  <h2>2014 Igem Project</h2>
 +
                  <p class="item-intro text-muted">Fixing Nitrogen and Sensing Light</p>
 +
                  <img class="img-responsive img-centered" src="http://placehold.it/1200x1200" alt="">
 +
                  <h4> What was our goal?</h4>
 +
                  <p>There were two key components of our project: </p>
 +
                  <p>Richard and Caroline were working in the <a href="https://pages.wustl.edu/photo.synth.bio">Pakrasi </a> lab, and had been using genes from cyanobacteria to get nitrogen fixation working in <em> E. coli</em>. They were testing nitrogen fixation by running acetylene reduction assays and designing experiments to test the optimal criteria (ie. <em> E. coli</em> strains, temperature, pH, nitrogen source) to get maximal results.
 +
                  </p>
 +
                  <strong> Read more <a href="https://2014.igem.org/Team:WashU_StLouis/Project/nif"> here </a> </strong>
  
 +
                  <p>Ben and Jeffery have been working in the <a href="http://moon.eece.wustl.edu/"> Moon </a> lab, and have been busy cloning plasmids to create a system that represses and expresses a fluorescent protein with the presence and absense of light, and were running experiments to test the induction levels compared to various positive and negative controls.</p>
  
        </article>
+
                  <strong> Read more <a href="https://2014.igem.org/Team:WashU_StLouis/Project/light"> here </a> </strong>
          
+
                  <br>
 +
                  <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
         </div>
 
       </div>
 
       </div>
  
 +
      <!-- overview Modal 2 -->
 +
      <div class="overview-modal modal fade" id="overviewModal2" tabindex="-1" role="dialog" aria-hidden="true">
 +
        <div class="modal-content">
 +
          <div class="close-modal" data-dismiss="modal">
 +
            <div class="lr">
 +
              <div class="rl">
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <div class="container">
 +
            <div class="row">
 +
              <div class="col-lg-8 col-lg-offset-2">
 +
                <div class="modal-body">
 +
                  <h2>Mission Statement</h2>
 +
                  <p class="item-intro text-muted">tl;dr Fix Nitrogen</p>
 +
                  <div class="embed-responsive embed-responsive-16by9">
 +
                    <video controls class="embed-responsive-item">
 +
                      <source src="https://static.igem.org/mediawiki/2015/7/7f/Nitrogenius_intro.mp4" type=video/mp4>
 +
                      </video>
 +
                    </div>
 +
                    <p> The goal of this year's project is to take the nitrogen fixing nif cluster from cyanotheses, a cyanobacteria, minify it, and make it work in E. Coli. </p>
 +
                    <ul style="text-align:left;">
 +
                      <li><a href="#">Designing the plasmid </a>
 +
                        <li><a href="#">Making it work in E. Coli</a>
 +
                        </ul>
 +
                        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
 +
            <!-- overview Modal 3 -->
 +
            <div class="overview-modal modal fade" id="overviewModal3" tabindex="-1" role="dialog" aria-hidden="true">
 +
              <div class="modal-content">
 +
                <div class="close-modal" data-dismiss="modal">
 +
                  <div class="lr">
 +
                    <div class="rl">
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="container">
 +
                  <div class="row">
 +
                    <div class="col-lg-8 col-lg-offset-2">
 +
                      <div class="modal-body">
 +
                        <!-- Project Details Go Here -->
 +
                        <h2>Summary of the project to date</h2>
 +
                        <h3> Phase 1: Electro-Transformation of plasmid pNif51142 into E. Coli strains</h3><em> - 2014 </em>
 +
                        <img class="img-responsive img-centered" src="img/overview/WashU_nifcluster_size.png" alt="Nif Cluster"/>
 +
                        <p>To successfully transform pNif51142, we used Electro-Transformation, also known as Electroporation.  Electroporation provides a method of transforming E. coli to efficiencies greater than are possible with the best chemical methods. By subjecting mixtures of cells and DNA to exponentially decaying fields of very high initial amplitude, we were able to deliver the plasmid into all of E. coli strains that were tested in the project.</p>
 +
                        <strong>Results</strong><p>According to the gel running and antibiotic testing, bands in the gel and the survival of all strains transformed in antibiotic Kanamycin (there was an cluster of Kanamycin-resistant marker gene in sequence of pNif51142) both prove that the Electro-Transformation was successful.</p>
 +
                        <h3> Phase 2: Determine the optimal conditions for cell survival with plasmid pNif51142 in <em>E. Coli</em></h3><em> - 2014</em>
 +
                        <p>Due to the oxidative properties of oxygen, most nitrogenases are irreversibly inhibited by dioxygen, which degradatively oxidizes the Fe-S cofactors. This requires mechanisms for nitrogen fixers to protect nitrogenase from oxygen in vivo. Hence in our experiment, we firstly selected anaerobic condition as part of preparation step for the nitrogenase activity testing</p>
 +
                        <ul>
 +
                          <li><strong>Testing Media</strong>: Minimal M9</li>
 +
 +
                          <li> <strong> Carbon Source:</strong> Glucose(1mM, 10mM, 100mM)</li>
 +
                          <li><strong> Nitrogen Source:</strong> Glutamine(1mM, 10mM, 100mM), Glutamate(1mM, 10mM, 100mM), NH4Cl(1mM, 10mM, 100mM)</li>
 +
                          <li><strong> Temperature:</strong> 30&#176;C, 37&#176;C, 40&#176;C</li>
 +
                          <li><strong>pH:</strong>6,7,8</li>
 +
                          <li><strong>O<sub>2</sub> level:</strong>Anaerobic or Aerobic </li>
 +
                          <li><strong>Strains of <em>e. Coli</em>:</strong> JM109, BL21(DE3), WM1788, Top 10 DH5&#913;</li>
 +
 +
 +
                        </ul>
 +
 +
                        <table class="table table-bordered table-hover table-responsive">
 +
                          <tbody>
 +
                            <tr>
 +
                              <th>Target Strain</th>
 +
                              <th>JM109</th>
 +
                              <th>BL21(DE3)</th>
 +
                              <th>WM1788</th>
 +
                              <th>Top 10 </th>
 +
                              <th>DH5&#913;</th>
 +
                            </tr>
 +
                            <tr>
 +
 +
                              <td>Experimental Plates <br>
 +
                              </td>
 +
                              <td>JM 109 strain w/ plasmid<br>
 +
                                <br>
 +
                                Antibiotic <br>
 +
                              </td>
 +
                              <td>BL21(DE3) strain w/ plasmid<br>
 +
                                <br>
 +
                                Antibiotic
 +
                              </td>
 +
                              <td>WM1788 strain w/ plasmid<br>
 +
                                <br>
 +
                                Antibiotic <br>
 +
                              </td>
 +
                              <td>Top 10 strain w/ plasmid<br>
 +
                                <br>
 +
                                Antibiotic<br>
 +
                              </td>
 +
                              <td>DH5α strain w/ plasmid<br>
 +
                                <br>
 +
                                Antibiotic
 +
                              </td>
 +
                            </tr>
 +
                            <tr>
 +
                              <td>Positive Control</td>
 +
                              <td>JM 109 strain w/o plasmid<br>
 +
                                <br>
 +
                                No antibiotic
 +
                              </td>
 +
                              <td>BL21(DE3) strain w/o plasmid<br>
 +
                                <br>
 +
                                No antibiotic
 +
                              </td>
 +
                              <td> WM1788 strain w/o plasmid<br>
 +
                                <br>
 +
                                No antibiotic
 +
                              </td>
 +
                              <td>Top 10 straing w/o plasmid<br>
 +
                                <br>
 +
                                No Antibiotic<br>
 +
                              </td>
 +
                              <td>DH5α strain w/o plasmid<br>
 +
                                <br>
 +
                                No antibiotic</td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td>Negative Control <br>
 +
                                </td>
 +
                                <td> JM 109 strain w/o plasmid<br>
 +
                                  <br>
 +
                                  Antibiotic
 +
                                </td>
 +
                                <td>BL21(DE3) strain w/o
 +
                                  plasmid <br>
 +
                                  <br>
 +
                                  Antibiotic
 +
                                </td>
 +
                                <td>WM1788 strain w/o plasmid<br>
 +
                                  <br>
 +
                                  Antibiotic
 +
                                </td>
 +
                                <td>Top 10 strain w/o plasmid<br>
 +
                                  <br>
 +
                                  Antibiotic<br>
 +
                                </td>
 +
                                <td>DH5α strain w/out plasmid<br>
 +
                                  <br>
 +
                                  Antibiotic
 +
                                </td>
 +
                              </tr>
 +
                            </tbody>
 +
                          </table>
 +
                          <strong>Results</strong>
 +
                          <p>In the minimal M9 media, all possible combinations of parameters listed above were tested.
 +
                            None of the concentrations of glucose had any affect on the growth of E. coli. It was expected that as the concentration of glucose increased, the growth of E. coli also increased. However, the variation between the concentrations of glucose may have been too small for a noticeable increase in E. coli growth as the concentration of glucose increased. Also, even the maximum concentration of glucose tested, 100mM, may have been too low to affect the growth of E. coli to an observable extent. Eventually, 10mM was determined to be the optimal glucose concentration for the purpose of least interference possible in solution.
 +
                            NH4Cl as minimal nitrogen source was proven to be not suitable for E. coli growth at any concentration as the OD600 testing results showed that cell density didn’t change throughout the time. It was probably due to the permeability of cell membrane was limited for NH4+ and Cl- ions. Eventually Glutamate at concentration of 10mM supported cell growth the best and thus chosen as part of optimal environment condition.
 +
 +
                            With CASAmino solution’s buffering utility, the pH was controlled little bit below 7 but close to 7.
 +
 +
                            To protect the iron core of the nitrogenase, temperature of 30°C and Anaerobic were both determined not for cell growth but for nitrogenase activity testing, which is the next phase.
 +
                          </p>
 +
                          <h3>Phase 3: Measurign nitrogen fixation activity under determined optimal conditions in <em>E. Coli</em> Strains. </h3><em>-2014</em>
 +
                          <p>
 +
                            We used  an Acetylene Reduction Assay to examine the nitrogenase activity for JM109, BL21(DE3), Top10, DH5α at different cell density referred by OD600 values.
 +
 +
                            Acetylene (C2H2) has an triple bond similar to that of atmospheric nitrogen (N2). Because of this structural similarity, the nitrogenase enzyme can cleave the triple bond in acetylene just as it would cleave the triple bond in N2. Ethylene (C2H4) is produced from this enzymatic activity, so a gas chromatograph can be used to detect the presence of ethylene and, consequently, nitrogenase activity.
 +
                          </p>
 +
                          <strong>Results</strong>
 +
                          <ol>
 +
                            <li>Of the five E. coli strains tested, JM109 and WM1788 showed strongest nitrogenase activity.</li>
 +
                            <li>The linear relationship between nitrogen fixation activity and time matches that seen in nature. </li>
 +
                            <li>Optimal conditions determined:
 +
                              <ul>
 +
                                <li>Glucose as carbon-source</li>
 +
                                <li>glutamate as nitrogen source </li>
 +
                                <li>LB as inoculating media </li>
 +
                                <li>minimal M9 as testing media for GC assay</li>
 +
                                <li>anaerobic enviornment</li>
 +
                                <li> 30&#176;C during the overnight preperation<li>
 +
 +
                                </ul>
 +
                              </li>
 +
                            </ol>
 +
 +
                            <h3> Phase 4/5 Computationally Modelling an E. Coli system that has Nitrogen Fixation (Penn) and Targeting Nif genes for Overexpression and Silencing (WashU)</h3><em>-2015</em>
 +
                            TODO write up this section.
 +
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
 +
                <!-- overview Modal 4 -->
 +
                <div class="overview-modal modal fade" id="overviewModal4" tabindex="-1" role="dialog" aria-hidden="true">
 +
                  <div class="modal-content">
 +
                    <div class="close-modal" data-dismiss="modal">
 +
                      <div class="lr">
 +
                        <div class="rl">
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="container">
 +
                      <div class="row">
 +
                        <div class="col-lg-8 col-lg-offset-2">
 +
                          <div class="modal-body">
 +
                            <!-- Project Details Go Here -->
 +
                            <h2>The Big Picture</h2>
 +
                            <p class="item-intro text-muted">Haber-Bosch is so 1909</p>
 +
                            <img class="img-responsive img-centered" src="http://placehold.it/1200x1200" alt="">
 +
                            <h3>Why are we doing this project</h3>
 +
                            Synthetic biology is an exciting area of research that aims to genetically improve organisms to make them more efficient and hopefully more useful to us as well. The human population in 1950 was 2.5 billion, yet it is predicted to surpass 9 billion by 2050. Even with population growth slowing, increasing life spans and standards of living will soon tax our natural resources. One of the most concerning is our food supply. The agriculture industry needs a revolution in order to keep up with our expected growth rates. Currently about 80% of chemically fixated nitrogen is used as agricultural fertilizers, the majority in developed lands [1]. Intracellular nitrogen fixation in crops could help to sustain the burgeoning world population, especially in areas with less fertile soil without taxing the planet’s waterways. The exponential increase in nitrogen fertilizer has led to more runoff into rivers and oceans. Fertilizers then provide nutrition for algal blooms that result in hypoxia and form oceanic dead zones. These dead zones lead to the death of marine species and have potentially large economic consequences.
 +
 +
                            The ramifications of nitrogen fertilizer runoff can be averted by genetically engineering plant crops to fix their own nitrogen. Some cyanobacteria fix nitrogen for nutritional needs, while most organisms can only acquire it from the food it consumes. Synthetic biology allows us to transfer this ability to fix nitrogen to a heterologous host that has many genetic tools, Escherichia coli, so that we can learn how to give single cell organisms, and eventually chloroplasts the ability to create their own nitrogen fertilizer.
 +
 +
                            Diazotrophic (organisms that fix nitrogen) cyanobacteria such Nostoc Punctiforme or Anabaena use heterocysts (specialized nitrogen fixing cells) to create a mini-anaerobic environment to aid nitrogen fixation. However, Cyanothece 51142, a non-heterocyst, fixes nitrogen in the same cell as photosynthesis by relying on a circadian metabolic process, when there is less oxygen byproduct from photosynthesis. This process is both fascinating and necessary since the key enzyme in nitrogen fixation, nitrogenase, is poisoned by oxygen. Our goal this summer is to engineer the regulation of the proteins necessary for nitrogen fixation so that they are highly repressed when activated by broad spectrum light (such as the sun), and are highly active when there is no light around, mimicking the cycle where photosynthesis occurs during the day and nitrogen fixation occurs at night.
  
<script>
+
                            <div class="embed-responsive embed-responsive-16by9">
$(document).ready(function() {
+
                              <video controls class="embed-responsive-item">
 +
                                <source src="https://static.igem.org/mediawiki/2015/7/7f/Nitrogenius_intro.mp4" type=video/mp4>
 +
                                </video>
 +
                              </div>
 +
                              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
  
  if(location.pathname != "/Team:WashU_StLouis") {
+
                  <!-- overview Modal 5 -->
    $('#navigation a[href^="https://2015.igem.org' + location.pathname + '"]').addClass('active');
+
                  <div class="overview-modal modal fade" id="overviewModal5" tabindex="-1" role="dialog" aria-hidden="true">
  } else $('#navigation a.home').addClass('active');
+
                    <div class="modal-content">
});
+
                      <div class="close-modal" data-dismiss="modal">
</script>
+
                        <div class="lr">
<script type="text/javascript">
+
                          <div class="rl">
// Picture reference script
+
                          </div>
/*
+
                        </div>
USAGE:
+
                      </div>
tag img with a ref that is connected to the image, such as:
+
                      <div class="container">
<img src="aaltohelsinki.com/testikuva.png" ref="varioskan" />
+
                        <div class="row">
When you insert a reference in text, put a tag with a ref attribute:
+
                          <div class="col-lg-8 col-lg-offset-2">
<a ref="varioskan"></a>
+
                            <div class="modal-body">
Do not put href attribute, it will be replaced with a link to the image.
+
                              <!-- Project Details Go Here -->
Moreover, inner html of the anchor tag will be "figure x" where x is the
+
                              <h2>Methods and Materials</h2>
correct figure number. If span or anchor has "." as the inner html, the
+
                              <p class="item-intro text-muted">How we did what we did</p>
caption will be capitalized.
+
                              <img class="img-responsive img-centered" src="http://placehold.it/1200x1200" alt="">
*/
+
                              TODO impement this page
var images = $('img[ref]');
+
                              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
$.each(images, function(index, e){
+
                            </div>
  var referenceName = e.getAttribute("ref");
+
                          </div>
  if (!e.id){
+
                        </div>
    e.setAttribute("id","figure"+(index+1));
+
                      </div>
  }
+
                    </div>
  $.each($('a[ref="'+referenceName+'"]'), function(j, e2){
+
                  </div>
    e2.setAttribute("href","#"+e.id);
+
    if (e2.innerHTML == "."){
+
      e2.innerHTML = "Figure " + (index+1);
+
    } else {
+
      e2.innerHTML = "figure " + (index+1);
+
    }
+
  });
+
  $.each($('span[ref="'+referenceName+'"]'), function(j, e2){
+
    e2.setAttribute("href","#"+e.id);
+
    if (e2.innerHTML == "."){
+
      e2.innerHTML = "Figure " + (index+1);
+
    } else {
+
      e2.innerHTML = "figure " + (index+1);
+
    }
+
  });
+
}
+
);
+
  
// Table reference script
+
                  <!-- overview Modal 6 -->
/*
+
                  <div class="overview-modal modal fade" id="overviewModal6" tabindex="-1" role="dialog" aria-hidden="true">
USAGE:
+
                    <div class="modal-content">
tag table with a tab that is connected to the table, such as:
+
                      <div class="close-modal" data-dismiss="modal">
<table ref="intensities" />
+
                        <div class="lr">
When you insert a reference in text, put a tag with a ref attribute:
+
                          <div class="rl">
<a tab="intensities"></a>
+
                          </div>
Do not put href attribute, it will be replaced with a link to the image.
+
                        </div>
Moreover, inner html of the anchor tag will be "table x" where x is the
+
                      </div>
correct table number. If span or anchor has "." as the inner html, the
+
                      <div class="container">
caption will be capitalized.
+
                        <div class="row">
*/
+
                          <div class="col-lg-8 col-lg-offset-2">
var tables = $('table[tab], img[tab]');
+
                            <div class="modal-body">
$.each(tables, function(index, e){
+
                              <!-- Project Details Go Here -->
var tableName = e.getAttribute("tab");
+
                              <h2>Discussion</h2>
if (!e.id){
+
                              <p class="item-intro text-muted">Where do we go from here</p>
  e.setAttribute("id","table"+(index+1));
+
                              <img class="img-responsive img-centered" src="img/overview/dreams-preview.png" alt="">
}
+
                              TODO implement this
$.each($('a[tab="'+tableName+'"]'), function(j, e2){
+
                              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
  e2.setAttribute("href","#"+e.id);
+
                            </div>
  if (e2.innerHTML == "."){
+
                          </div>
    e2.innerHTML = "Table " + (index+1);
+
                        </div>
  } else {
+
                      </div>
    e2.innerHTML = "table " + (index+1);
+
                    </div>
  }
+
                  </div>
});
+
$.each($('span[tab="'+tableName+'"]'), function(j, e2){
+
  e2.setAttribute("href","#"+e.id);
+
  if (e2.innerHTML == "."){
+
    e2.innerHTML = "Table " + (index+1);
+
  } else {
+
    e2.innerHTML = "table " + (index+1);
+
  }
+
});
+
}
+
);
+
</script>
+
</html>
+
{{:Team:WashU_StLouis/Footer}}
+

Revision as of 04:36, 7 July 2015

<body id="page-top" class="index">

 <nav class="navbar navbar-default navbar-fixed-top">
 </nav>
 <header>
Welcome To Our Website!
It's Nice To Meet You
       <a href="#contact" class="page-scroll btn btn-xl">It's Nice To Meet You Too</a>
 </header>


   <section id="overview" class="bg-light-gray row sectionNum1">
           <a href="#overviewModal1" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Last Year

Learn from History

           <a href="#overviewModal2" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Mission Statement

The Goal in a sentance

           <a href="#overviewModal3" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Nitrogen Project

Ain't broke, but we got to fix it.

           <a href="#overviewModal4" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

The Big Picture

Why did we do this?

           <a href="#overviewModal5" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Methods and Materials

Immitation is the best form of flattery.

           <a href="#overviewModal6" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Discussion

Explaining the Results

   </section>
   <section id="team"  class="bg-white row sectionNum2">

Team

NitroGeniuses

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Jessica O'Callaghan

    Chemical Engineering

    Penn State

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Laura Beebe

    Biochemistry and Molecular Biology

    Penn State

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Blake Atckinson

    Biomedical Engineering

    Washington University in St. Louis

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Charlotte Bourg

    Biochemistry and Spanish

    Washington University in St. Louis

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    David Ayeke

    Computer Engineering

    Washington University in St. Louis

  •                  

    Be Part
    Of Our
    Story!

                       <a href="Team" class="page-scroll btn btn-sm btn-warning">Collaboration</a>
    
     </section>
     <section id="collaborations" class="bg-light-gray row  sectionNum3">

Collaboration

<a class="page-scroll" href="#contact">:{ Looking for Collaborators</a>

               
                 
                 
               

Nothing

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

       </section>
       <section id="advisors" class="bg-white row sectionNum4">

Our Amazing P.I's

The people that made it all possible

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Tae Seok Moon

Faculty Advisors

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Fuzhong Zhang

Faculty Advisor


                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Cheryl Immethun

Washington University IGEM Advisor

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Thomas Mueller

Penn State IGEM Advisor

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.

       </section>
       <section id="contact"  class="bg-white row  sectionNum6">

Contact Us

We can't do this alone

               <form action="mailto:ayekedavidr@wustl.edu" method="post" enctype="text/plain" name="sentMessage" id="contactForm" novalidate>
                       <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">

                       <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">

                       <input type="tel" class="form-control" placeholder="Your Team" id="igemTeam" required data-validation-required-message="Please enter your Igem Team">

                       <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>

                     <input type="submit" class="btn btn-xl" value="Send Message"/>
               </form>
       </section>