Difference between revisions of "Team:Marburg"

 
(20 intermediate revisions by 3 users not shown)
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">
+
     setTimeout(function () {
    <script>
+
      setTimeout(function () {
+
 
         $(".glitch").removeClass("glitch");
 
         $(".glitch").removeClass("glitch");
 
       }, 1500);
 
       }, 1500);
     </script>
+
     function inViewport(element) {
  </head>
+
      var bb = element.getBoundingClientRect();
  <body>
+
      return !(bb.top > (innerHeight - 150) || bb.bottom < 50);
    <script>
+
    }
      window.onload = function () {
+
    document.querySelector(".main").addEventListener("scroll", function (event) {
        $("#container").scroll(function () {
+
       var strain = document.querySelector(".main").querySelector("#strain");
          var scroll = $("#container").scrollTop();
+
       var toolbox = document.querySelector(".main").querySelector("#toolbox");
          if (scroll > 160) {
+
      var measurement = document.querySelector(".main").querySelector("#measurement");
            $("#nav").removeClass("transparent");
+
      var automation = document.querySelector(".main").querySelector("#automation");
          } else {
+
      var awards = document.querySelector(".main").querySelector("#awards");
            $("#nav").addClass("transparent");
+
      strain.style.opacity = inViewport(strain) ? "1" : "0";
          }
+
      toolbox.style.opacity = inViewport(toolbox) ? "1" : "0";
        });
+
      measurement.style.opacity = inViewport(measurement) ? "1" : "0";
       };
+
      automation.style.opacity = inViewport(automation) ? "1" : "0";
    </script>
+
      awards.style.opacity = inViewport(awards) ? "1" : "0";
    <div id="container" class="wrapper" style="max-height: 100vh; overflow: auto;">
+
    })
       <div class="as_hero">
+
  </script>
        <div class="video-container">
+
  <div>
          <video playsinline autoplay muted loop>
+
    <div class="hero-wrapper">
            <source src="https://static.igem.org/mediawiki/2019/5/5f/T--Marburg--hero_video.mp4" type="video/mp4">
+
      <video playsinline autoplay muted loop>
          </video>
+
        <source src="https://static.igem.org/mediawiki/2019/5/5f/T--Marburg--hero_video.mp4" type="video/mp4">
          <div class="as_hero_content">
+
      </video>
            <div style="color: white;">
+
      <div class="words">
              <p class="word glitch" data-text="Fastest.">Fastest.</p>
+
        <p class="word glitch" data-text="F A S T E S T .">
              <p class="word glitch" data-text="Phototrophic." style="margin-left: 1em;">Phototrophic.</p>
+
          F A S T E S T .
              <p class="word glitch" data-text="Organism." style="margin-left: 2em;">Organism.</p>
+
        </p>
            </div>
+
        <p class="word glitch" data-text="P H O T O T R O P H I C .">
          </div>
+
          P H O T O T R O P H I C .
        </div>
+
        </p>
        <header style="background-color: transparent; position: fixed; margin-top: 18px; z-index: 100; padding-right: 15px; user-select: none;">
+
        <p class="word glitch" data-text="O R G A N I S M .">
          <nav id="nav" class="navbar transparent" role="navigation" aria-label="main navigation">
+
           O R G A N I S M .
            <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>
+
                    <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Integrated_Human_Practices">
+
                      Integrated Human Practice
+
                    </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/Integrated_Human_Practices">
+
                      Integrated Human Practice
+
                    </a>
+
                    <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/Synthetic_Biology">
+
                      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 style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
        <p style="text-align: center; font-size: 1.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: 1em !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, including
+
    </div>
          genome engineering tools, self-replicating plasmid systems, natural competence and a Golden Gate-based part library. By
+
    <div class="hero-text">
          providing our fast phototrophic chassis to the community, we are paving the way for other phototrophic organisms in
+
      <p class="hero-first">
           synthetic biology.
+
         By providing the fastest growing phototrophic chassis to the community, we are paving the way for other
 +
        phototrophic organisms in Synthetic Biology.
 +
      </p>
 +
      <hr class="line" style="transform: unset;">
 +
      <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 the fastest growing phototrophic chassis with a doubling time of <b>under 80 minutes</b> 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/Cas12a 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;">
+
              To create an “easy to use” phototrophic chassis we restored the natural competence of S. elongatus UTEX 2973,
+
              established a genome engineering system and enabled the usage of self-replicating plasmids overcoming the drawbacks of
+
              time intensive genome integration.
+
            </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: 1.5em;">The Toolbox</h1>
+
          T O O L B O X
            <p style="font-size: 1em !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 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: 1.5em;">Drylab</h1>
+
        <img id="measurement" src="https://static.igem.org/mediawiki/2019/c/c3/T--Marburg--hero_measurement.jpg"
            <p style="font-size: 1em !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: 1.5em;">Measurement</h1>
+
        <h1 class="heading" style="margin-top: 3em;">
            <p style="font-size: 1em !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 rationalize important measurements 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 as well as the use of flow cytometry offer promising alternatives to improve these characterizations.
            </p>
+
         </p>
          </div>
+
         </div>
+
 
       </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: 1.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: 1em !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" style="height: 100px;" />
+
        </h1>
            </div>
+
        <hr class="line">
            <div style="display: inline;">
+
        <p class="text">
              <img src="https://static.igem.org/mediawiki/2019/d/d6/T--Marburg--logo_marburg.svg" alt="Marburg" style="height: 100px;" />
+
          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 and light table for colony picking. We also automated large scale purification of plasmids. Our
            </div>
+
          software as well as the hardware blueprints are published on GitHub to give everybody access to scalable and affordable automation.
          </div>
+
        </p>
          <div style="display: flex; align-items: center; justify-content: center;">
+
      </div>
            <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" style="height: 50px;" />
+
    <div id="awards" 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" style="height: 50px;" />
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/c/cc/T--Marburg--medal_silver.svg">
            </a>
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/6/6f/T--Marburg--medal_gold.svg">
            <a href="https://twitter.com/igemmarburg2019">
+
      <img class="award" src="https://static.igem.org/mediawiki/2019/b/bd/T--Marburg--medal_special.svg">
              <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}}

Latest revision as of 17:00, 11 December 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 the fastest growing phototrophic chassis with a doubling time of under 80 minutes 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/Cas12a 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 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 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 as well as the use of flow cytometry offer promising alternatives to improve these characterizations.

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 and light table for colony picking. We also automated large scale purification of plasmids. Our software as well as the hardware blueprints are published on GitHub to give everybody access to scalable and affordable automation.

Achievements