Difference between revisions of "Team:Marburg"

Line 1: Line 1:
{{Marburg/bulma.css}}
+
{{Marburg}}
{{Marburg/styles.css}}
+
 
{{Marburg/index.css}}
 
{{Marburg/index.css}}
 
<html>
 
<html>
   <head>
+
   <script>
     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap" rel="stylesheet">
+
     function inViewport(element) {
    <script>
+
      var bb = element.getBoundingClientRect();
      setTimeout(function () {
+
       return !(bb.top > (innerHeight - 150) || bb.bottom < 50);
        $(".glitch").removeClass("glitch");
+
     }
       }, 1500);
+
     document.querySelector(".main").addEventListener("scroll", function (event) {
     </script>
+
      var strain = document.querySelector(".main").querySelector("#strain");
  </head>
+
      var toolbox = document.querySelector(".main").querySelector("#toolbox");
  <body>
+
      var measurement = document.querySelector(".main").querySelector("#measurement");
     <script>
+
       var automation = document.querySelector(".main").querySelector("#automation");
      window.onload = function () {
+
       var awards = document.querySelector(".main").querySelector("#awards");
        $("#container").scroll(function () {
+
      strain.style.opacity = inViewport(strain) ? "1" : "0";
          var scroll = $("#container").scrollTop();
+
      toolbox.style.opacity = inViewport(toolbox) ? "1" : "0";
          if (scroll > 160) {
+
      measurement.style.opacity = inViewport(measurement) ? "1" : "0";
            $("#nav").removeClass("transparent");
+
      automation.style.opacity = inViewport(automation) ? "1" : "0";
          } else {
+
      awards.style.opacity = inViewport(awards) ? "1" : "0";
            $("#nav").addClass("transparent");
+
    })
          }
+
  </script>
        });
+
  <div>
       };
+
    <div class="hero-wrapper">
    </script>
+
      <video playsinline autoplay muted loop>
    <div id="container" class="wrapper" style="max-height: 100vh; overflow: auto;">
+
        <source src="https://static.igem.org/mediawiki/2019/5/5f/T--Marburg--hero_video.mp4" type="video/mp4">
       <div class="as_hero">
+
      </video>
        <div class="video-container">
+
      <div class="words">
          <video playsinline autoplay muted loop>
+
        <p class="word">
            <source src="https://static.igem.org/mediawiki/2019/5/5f/T--Marburg--hero_video.mp4" type="video/mp4">
+
          F A S T E S T .
          </video>
+
        </p>
          <div class="as_hero_content">
+
        <p class="word">
            <div style="color: white;">
+
          P H O T O T R O P H I C .
              <p class="word glitch" data-text="Fastest.">Fastest.</p>
+
         </p>
              <p class="word glitch" data-text="Phototrophic." style="margin-left: 1em;">Phototrophic.</p>
+
         <p class="word">
              <p class="word glitch" data-text="Organism." style="margin-left: 2em;">Organism.</p>
+
           O R G A N I S M .
            </div>
+
          </div>
+
          <div style="display: flex; justify-content: center; position: relative; cursor: pointer; height: 40px;"
+
            onclick="$('#container').animate({ scrollTop: window.innerHeight - 50 }, 500);">
+
            <img src="https://static.igem.org/mediawiki/2019/a/a6/T--Marburg--bobbel.svg" style="height: 100%;">
+
          </div>
+
        </div>
+
        <header
+
          style="background-color: transparent; position: fixed; margin-top: 18px; z-index: 100; padding-right: 15px; user-select: none;">
+
          <nav id="nav" class="navbar transparent" role="navigation" aria-label="main navigation">
+
            <div class="navbar-brand">
+
              <a href="https://2019.igem.org/Team:Marburg" class="navbar-item" style="padding: 0; width: 150px;">
+
                <span class="logo"></span>
+
              </a>
+
              <a id="burger" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
+
                data-target="navbar">
+
                <span aria-hidden="true"></span>
+
                <span aria-hidden="true"></span>
+
                <span aria-hidden="true"></span>
+
              </a>
+
            </div>
+
            <div id="navbar" class="navbar-menu">
+
              <div class="navbar-end">
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Team
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Team">
+
                      Team Members
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Collaborations">
+
                      Collaboration
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Attributions">
+
                      Attribution
+
                    </a>
+
                  </div>
+
                </div>
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Project
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Description">
+
                      Description
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Design">
+
                      Design
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Experiments">
+
                      Experiments
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Notebook">
+
                      Notebook
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Results">
+
                      Results
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Contribution">
+
                      Contribution
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Demonstrate">
+
                      Demonstrate
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Model">
+
                      Model
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Safety">
+
                      Safety
+
                    </a>
+
                  </div>
+
                </div>
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Parts
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Parts">
+
                      Parts Overview
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Basic_Part">
+
                      Basic Parts
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Composite_Part">
+
                      Composite Part
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Part_Collection">
+
                      Part Collection
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Improve">
+
                      Improve
+
                    </a>
+
                  </div>
+
                </div>
+
                <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Safety">
+
                  Safety
+
                </a>
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Human Practices
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Human_Practices">
+
                      Human Practices
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
+
                      Public Engagement
+
                    </a>
+
                  </div>
+
                </div>
+
                <a class="navbar-item" href="https://igem.org/2019_Judging_Form?team=Marburg">
+
                  Judging Form
+
                </a>
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Labautomation
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Labautomation">
+
                      Story
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Colony_Picking">
+
                      Colony Picking
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Cloning_Protocols">
+
                      Cloning Protocols
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Hardware">
+
                      Hardware
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Miniprep">
+
                      Miniprep
+
                    </a>
+
                  </div>
+
                </div>
+
                <div class="navbar-item has-dropdown is-hoverable">
+
                  <span class="navbar-link">
+
                    Awards
+
                  </span>
+
                  <div class="navbar-dropdown">
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
+
                      Education and Public Engagement
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Model">
+
                      Model
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Measurement">
+
                      Measurement
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Basic_Part">
+
                      Best New Basic Part
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Composite_Part">
+
                      Best New Composite Part
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Part_Collection">
+
                      Best New Part Collection
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Software">
+
                      Software
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Hardware">
+
                      Hardware
+
                    </a>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Plant">
+
                      Best Plant Synthetic Biology
+
                    </a>
+
                  </div>
+
                </div>
+
                <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Measurement">
+
                  Measurement
+
                </a>
+
              </div>
+
            </div>
+
          </nav>
+
         </header>
+
      </div>
+
      <div id="anchor"
+
        style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center; background: #55638e; color: #f2f2f2">
+
         <p style="text-align: center; font-size: 2.5em !important;">
+
           Establishing the fastest growing phototrophic organism with a doubling time of 90 min as a chassis for
+
          synthetic biology
+
          and the iGEM community.
+
 
         </p>
 
         </p>
 
       </div>
 
       </div>
       <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
       <img class="bobbel" src="https://static.igem.org/mediawiki/2019/a/a6/T--Marburg--bobbel.svg"
         <p style="text-align: center; font-size: 2em !important;">
+
        onclick="$('.main').animate({ scrollTop: window.innerHeight - 52 }, 500);">
          We created an easy to use toolbox for Synechococcus elongatus UTEX 2973 to empower rapid design testing,
+
    </div>
          including
+
    <div class="hero-text">
          genome engineering tools, self-replicating plasmid systems, natural competence and a Golden Gate-based part
+
      <p class="hero-first">
          library. By
+
         By providing the fastest growing phototrophic chassis to the community, we are paving the way for other
          providing our fast phototrophic chassis to the community, we are paving the way for other phototrophic
+
        phototrophic organisms in synthetic biology.
           organisms in
+
      </p>
           synthetic biology.
+
      <hr class="line">
 +
      <p class="hero-second">
 +
        We created an easy to use toolbox for <i>Synechococcus elongatus</i> UTEX 2973 to empower rapid design
 +
        testing, including genome engineering tools, self-replicating plasmid systems, natural competence and a Golden
 +
        Gate-based part library. By providing our fast phototrophic chassis to the community, we are paving the way
 +
        for other phototrophic organisms in synthetic biology.
 +
      </p>
 +
    </div>
 +
    <div>
 +
      <div class="box-light">
 +
        <img id="strain" src="https://static.igem.org/mediawiki/2019/9/91/T--Marburg--hero_strain.jpg"
 +
           alt="Strain Engineering Photo" style="margin-top: unset !important;">
 +
      </div>
 +
      <div class="box-dark left">
 +
        <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Marburg--logo_strain.svg" class="logo"
 +
          alt="Strain Engineering Logo">
 +
        <h1 class="heading">
 +
          S T R A I N
 +
          <br><br>
 +
          E N G I N E E R I N G
 +
        </h1>
 +
        <hr class="line">
 +
        <p class="text">
 +
          We created an "easy to use" phototrophic chassis by restoring the natural competence of <i>S.elongatus</i>
 +
          UTEX 2973 in order to enormously simplify the transformation process. We established a genome modification
 +
           system via the CRISPR/Cpf1 and enabled the usage of self-replicating plasmids overcoming the drawbacks of time
 +
          intensive genome integration for genetic design testing.
 
         </p>
 
         </p>
 
       </div>
 
       </div>
      <hr>
+
    </div>
      <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
    <div>
        <div class="grid-wrapper">
+
      <div class="box-light">
          <div class="grid1">
+
        <img id="toolbox" src="https://static.igem.org/mediawiki/2019/c/ca/T--Marburg--hero_toolbox.jpg" alt="Toolbox Photo">
            <img id="img1" />
+
            <img id="img2" />
+
            <img id="img3" />
+
          </div>
+
          <div class="text1">
+
            <h1 style="font-size: 2.5em;">Strain engineering</h1>
+
            <p style="font-size: 2em !important;">
+
              We created an “easy to use” phototrophic chassis by restoring the natural competence of S. elongatus UTEX
+
              2973 in order
+
              to enormously simplify the transformation process. We established a genome modification system via the
+
              CRISPR/Cpf1 and
+
              enabled the usage of self-replicating plasmids overcoming the drawbacks of time intensive genome
+
              integration for genetic
+
              design testing.
+
            </p>
+
          </div>
+
        </div>
+
 
       </div>
 
       </div>
       <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
       <div class="box-dark right">
         <div class="grid-wrapper">
+
         <img src="https://static.igem.org/mediawiki/2019/a/a9/T--Marburg--logo_toolbox.svg" class="logo" alt="Toolbox Logo">
          <div>
+
        <h1 class="heading">
            <h1 style="font-size: 2.5em;">The Toolbox</h1>
+
          T O O L B O X
            <p style="font-size: 2em !important;">
+
        </h1>
              <!--TODO abstract toolbox-->
+
        <hr class="line">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+
        <p class="text">
              dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+
          We constructed the green expansion, a set of Biobricks to accompany our new chassis. It contains the first
              ex ea commodo consequat.
+
          MoClo compatible shuttle vector for cyanobacteria. Additionally users can design plasmids for genomic
            </p>
+
          integrations using novel rationally designed integration sites. To improve standardization in phototrophic
           </div>
+
           research we additionally deliver standardized measurement entry vectors to test BioBricks in cyanobacteria.
         </div>
+
         </p>
 
       </div>
 
       </div>
      <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
    </div>
        <div class="grid-wrapper">
+
    <div>
          <div>
+
      <div class="box-light">
            <h1 style="font-size: 2.5em;">Drylab</h1>
+
        <img id="measurement" src="https://static.igem.org/mediawiki/2019/c/c3/T--Marburg--hero_measurement.jpg"
            <p style="font-size: 2em !important;">
+
           alt="Measurement Photo">
              <!--TODO abstract drylab-->
+
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+
              dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+
              ex ea commodo consequat.
+
            </p>
+
           </div>
+
        </div>
+
 
       </div>
 
       </div>
       <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
       <div class="box-dark left">
         <div class="grid-wrapper">
+
         <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Marburg--logo_measurement.svg" class="logo"
           <div>
+
           alt="Measurement Logo">
            <h1 style="font-size: 2.5em;">Measurement</h1>
+
        <h1 class="heading">
            <p style="font-size: 2em !important;">
+
          M E A S U R E M E N T
              <!--TODO abstract measurement-->
+
        </h1>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+
        <hr class="line">
              dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+
        <p class="text">
              ex ea commodo consequat.
+
          Following the call for long needed standardization in the cyanobacterial community we ventured out to
            </p>
+
          rationalize important measurements, such as those of light intensities, hugely affecting the growth of our
           </div>
+
          cultures. As using fluorescence for part characterization proves difficult in self-fluorescent cyanobacteria,
         </div>
+
          we showed that the use of bioluminescence reporters offers promising alternatives to improve these
 +
          characterizations. In order to show that for these measurements clear parameters have to be set, we measured
 +
          gene expression levels under different conditions using FACS. We additionally employed FACS measurements with
 +
           accurate cell counts to redefine the way growth curves are done.
 +
         </p>
 
       </div>
 
       </div>
      <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
    </div>
        <div class="grid-wrapper">
+
    <div>
          <div>
+
      <div class="box-light">
            <h1 style="font-size: 2.5em;">Metabolic Engineering</h1>
+
        <img id="automation" src="https://static.igem.org/mediawiki/2019/f/f9/T--Marburg--hero_automation.jpg"
            <p style="font-size: 2em !important;">
+
           alt="Automation Photo">
              <!--TODO abstract metabolic-->
+
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+
              dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+
              ex ea commodo consequat.
+
            </p>
+
           </div>
+
        </div>
+
 
       </div>
 
       </div>
       <hr>
+
       <div class="box-dark right">
      <footer>
+
        <img src="https://static.igem.org/mediawiki/2019/3/3f/T--Marburg--logo_automation.svg" class="logo"
        <div class="container is-flex footer-container" style="justify-content: space-between;">
+
          alt="Automation Logo">
          <div style="width: max-content;">
+
        <h1 class="heading">
            <div style="display: inline; margin-right: .5em;">
+
          A U T O M A T I O N
              <img src="https://static.igem.org/mediawiki/2019/f/f5/T--Marburg--logo_thm.svg" alt="THM"
+
        </h1>
                style="height: 100px;" />
+
        <hr class="line">
            </div>
+
        <p class="text">
            <div style="display: inline;">
+
          The goal of the automation lab was to completely automate the process of cloning using OT-2 Pipetting robots.
              <img src="https://static.igem.org/mediawiki/2019/d/d6/T--Marburg--logo_marburg.svg" alt="Marburg"
+
          This was achieved using a state of the art faster-RCNN neural network and a self made camera module for colony
                style="height: 100px;" />
+
          picking as well as a self made light table. We also automated large scale purification of plasmids. Our
            </div>
+
          software as well as hardware blueprints are published for the scientific community to give everybody access to
          </div>
+
          scalable and affordable automation.
          <div style="display: flex; align-items: center; justify-content: center;">
+
        </p>
            <a href="mailto:igem2019@synmikro.uni-marburg.de">
+
      </div>
              <img src="https://static.igem.org/mediawiki/2019/2/2c/T--Marburg--m_icon_ma.svg" alt="Mail"
+
    </div>
                style="height: 50px;" />
+
    <div class="box-light awards" onclick="window.location.href = '/Team:Marburg/MedalCriteria'">
            </a>
+
      <h1 class="award-title title">Achievements</h1>
            <a href="https://www.instagram.com/igem.marburg.2019">
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/a/ae/T--Marburg--medal_bronze.svg">
              <img src="https://static.igem.org/mediawiki/2019/e/e7/T--Marburg--m_icon_in.svg" alt="Instagram"
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/c/cc/T--Marburg--medal_silver.svg">
                style="height: 50px;" />
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/6/6f/T--Marburg--medal_gold.svg">
            </a>
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/b/bd/T--Marburg--medal_special.svg">
            <a href="https://twitter.com/igemmarburg2019">
+
              <img src="https://static.igem.org/mediawiki/2019/4/43/T--Marburg--m_icon_tw.svg" alt="Twitter"
+
                style="height: 50px;" />
+
            </a>
+
            <a href="https://www.facebook.com/IGEMMarburg2019/">
+
              <img src="https://static.igem.org/mediawiki/2019/b/b1/T--Marburg--m_icon_fa.svg" alt="Facbook"
+
                style="height: 50px;" />
+
            </a>
+
          </div>
+
        </div>
+
      </footer>
+
 
     </div>
 
     </div>
   </body>
+
   </div>
 
</html>
 
</html>
{{Marburg/scripts.js}}
+
{{Marburg/footer}}

Revision as of 09:51, 20 October 2019

F A S T E S T .

P H O T O T R O P H I C .

O R G A N I S M .

By providing the fastest growing phototrophic chassis to the community, we are paving the way for other phototrophic organisms in synthetic biology.


We created an easy to use toolbox for Synechococcus elongatus UTEX 2973 to empower rapid design testing, including genome engineering tools, self-replicating plasmid systems, natural competence and a Golden Gate-based part library. By providing our fast phototrophic chassis to the community, we are paving the way for other phototrophic organisms in synthetic biology.

Strain Engineering Photo

S T R A I N

E N G I N E E R I N G


We created an "easy to use" phototrophic chassis by restoring the natural competence of S.elongatus UTEX 2973 in order to enormously simplify the transformation process. We established a genome modification system via the CRISPR/Cpf1 and enabled the usage of self-replicating plasmids overcoming the drawbacks of time intensive genome integration for genetic design testing.

Toolbox Photo

T O O L B O X


We constructed the green expansion, a set of Biobricks to accompany our new chassis. It contains the first MoClo compatible shuttle vector for cyanobacteria. Additionally users can design plasmids for genomic integrations using novel rationally designed integration sites. To improve standardization in phototrophic research we additionally deliver standardized measurement entry vectors to test BioBricks in cyanobacteria.

Measurement Photo

M E A S U R E M E N T


Following the call for long needed standardization in the cyanobacterial community we ventured out to rationalize important measurements, such as those of light intensities, hugely affecting the growth of our cultures. As using fluorescence for part characterization proves difficult in self-fluorescent cyanobacteria, we showed that the use of bioluminescence reporters offers promising alternatives to improve these characterizations. In order to show that for these measurements clear parameters have to be set, we measured gene expression levels under different conditions using FACS. We additionally employed FACS measurements with accurate cell counts to redefine the way growth curves are done.

Automation Photo

A U T O M A T I O N


The goal of the automation lab was to completely automate the process of cloning using OT-2 Pipetting robots. This was achieved using a state of the art faster-RCNN neural network and a self made camera module for colony picking as well as a self made light table. We also automated large scale purification of plasmids. Our software as well as hardware blueprints are published for the scientific community to give everybody access to scalable and affordable automation.

Achievements