Difference between revisions of "Team:Marburg"

 
(204 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Marburg/bulma.css}}
+
{{Marburg}}
{{Marburg/styles.css}}
+
{{Marburg/index.css}}
 
<html>
 
<html>
  <style>
 
    .as_hero {
 
      position: relative;
 
      background-color: #333;
 
      background-image: url('https://source.unsplash.com/random');
 
      -webkit-background-size: cover;
 
      -moz-background-size: cover;
 
      -o-background-size: cover;
 
      background-size: cover;
 
      background-repeat: no-repeat;
 
      background-attachment: fixed;
 
      background-position: top;
 
      height: 100vh;
 
    }
 
 
    .as_hero::before {
 
      content: '';
 
      width: 100%;
 
      position: absolute;
 
      height: 100%;
 
      background: rgba(50, 2, 50, .5);
 
    }
 
 
    .as_hero .as_hero_content {
 
      position: relative;
 
      z-index: 99;
 
      display: flex;
 
      align-items: center;
 
      background: transparent;
 
      border-radius: 0;
 
      min-height: calc(100vh - 52px);
 
    }
 
 
    .transparent {
 
      background-color: transparent;
 
    }
 
 
    .transparent .navbar-link {
 
      color: white;
 
    }
 
 
    .transparent .navbar-item {
 
      color: white;
 
    }
 
 
    .transparent .navbar-menu a:visited {
 
      color: white;
 
    }
 
 
    .transparent .navbar-dropdown {
 
      background: rgba(2, 2, 2, .5);
 
    }
 
 
    .transparent .navbar-item.has-dropdown:hover .navbar-link {
 
      background: rgba(2, 2, 2, .5);
 
    }
 
 
    .transparent .navbar-menu.is-active .navbar-link {
 
      background: rgba(2, 2, 2, .5);
 
    }
 
 
    .transparent .navbar-menu.is-active .navbar-item {
 
      background: rgba(2, 2, 2, .5);
 
    }
 
  </style>
 
 
 
   <script>
 
   <script>
     window.onload = function () {
+
     setTimeout(function () {
      $("#container").scroll(function () {
+
        $(".glitch").removeClass("glitch");
        var scroll = $("#container").scrollTop();
+
      }, 1500);
        if (scroll > 160) {
+
    function inViewport(element) {
          $("#nav").removeClass("transparent");
+
      var bb = element.getBoundingClientRect();
        } else {
+
      return !(bb.top > (innerHeight - 150) || bb.bottom < 50);
          $("#nav").addClass("transparent");
+
        }
+
      });
+
 
     }
 
     }
 +
    document.querySelector(".main").addEventListener("scroll", function (event) {
 +
      var strain = document.querySelector(".main").querySelector("#strain");
 +
      var toolbox = document.querySelector(".main").querySelector("#toolbox");
 +
      var measurement = document.querySelector(".main").querySelector("#measurement");
 +
      var automation = document.querySelector(".main").querySelector("#automation");
 +
      var awards = document.querySelector(".main").querySelector("#awards");
 +
      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";
 +
      awards.style.opacity = inViewport(awards) ? "1" : "0";
 +
    })
 
   </script>
 
   </script>
 
+
   <div>
   <div id="container" class="foo" style="max-height: 100vh; overflow: auto;">
+
     <div class="hero-wrapper">
     <div class="as_hero">
+
       <video playsinline autoplay muted loop>
       <header style="box-shadow: none; background-color: transparent; position: fixed; margin-top: 16px; z-index: 100; padding-right: 16px;">
+
         <source src="https://static.igem.org/mediawiki/2019/5/5f/T--Marburg--hero_video.mp4" type="video/mp4">
         <nav id="nav" class="navbar transparent" role="navigation" aria-label="main navigation">
+
      </video>
          <div class="navbar-brand">
+
      <div class="words">
            <a href="https://2019.igem.org/Team:Marburg" class="navbar-item" style="padding: 0; width: 150px;">
+
        <p class="word glitch" data-text="F A S T E S T .">
              <img src="https://static.igem.org/mediawiki/2019/3/3f/T--Marburg--header_logo.svg" style="min-height: 100%; width: fit-content;">
+
          F A S T E S T .
            </a>
+
        </p>
            <a id="burger" role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbar">
+
        <p class="word glitch" data-text="P H O T O T R O P H I C .">
              <span aria-hidden="true"></span>
+
          P H O T O T R O P H I C .
              <span aria-hidden="true"></span>
+
         </p>
              <span aria-hidden="true"></span>
+
         <p class="word glitch" data-text="O R G A N I S M .">
            </a>
+
          O R G A N I S M .
          </div>
+
         </p>
          <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/Contribution">
+
                    Contribution
+
                  </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/Demonstrate">
+
                    Demonstrate
+
                  </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/Model">
+
                    Model
+
                  </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/Integrated_Human_Practices">
+
                    Integrated Human Practice
+
                  </a>
+
                  <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Public_Engagement">
+
                    Public Engagement
+
                  </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/Synthetic_Biology">
+
                    Best Plant Synthetic Biology
+
                  </a>
+
                </div>
+
              </div>
+
              <a class="navbar-item" href="https://igem.org/2019_Judging_Form?team=Marburg">
+
                Judging Form
+
              </a>
+
              <a class="navbar-item" href="https://2019.igem.org/Team:Marburg/Labautomation">
+
                Labautomation
+
              </a>
+
            </div>
+
          </div>
+
         </nav>
+
      </header>
+
      <div class="main">
+
         <main>
+
          <div class="as_hero_content">
+
 
+
            <div class="columns" style="width: 100%; height: 100%;margin: 0!important;">
+
              <div class="column"></div>
+
              <div class="column" style="color: white; display: flex; align-items: center;">
+
                <div>
+
                  <p style="font-size: 4em; line-height: 1em;">Foo.</p>
+
                  <p style="font-size: 4em; line-height: 1em;">Bar.</p>
+
                  <p style="font-size: 4em; line-height: 1em;">Baz.</p>
+
                </div>
+
              </div>
+
            </div>
+
          </div>
+
         </main>
+
 
+
 
       </div>
 
       </div>
 +
      <img class="bobbel" src="https://static.igem.org/mediawiki/2019/a/a6/T--Marburg--bobbel.svg"
 +
        onclick="$('.main').animate({ scrollTop: window.innerHeight - 52 }, 500);">
 
     </div>
 
     </div>
     <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
     <div class="hero-text">
       <p>
+
       <p class="hero-first">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
         By providing the fastest growing phototrophic chassis to the community, we are paving the way for other
 +
        phototrophic organisms in Synthetic Biology.
 
       </p>
 
       </p>
    </div>
+
      <hr class="line" style="transform: unset;">
    <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
       <p class="hero-second">
       <p>
+
         We created an easy to use toolbox for <i>Synechococcus elongatus</i> UTEX 2973 to empower rapid design
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+
        testing, including genome engineering tools, self-replicating plasmid systems, natural competence and a Golden
         minim
+
         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
        veniam,
+
         for other phototrophic organisms in Synthetic Biology.
         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
 
       </p>
 
       </p>
 
     </div>
 
     </div>
     <footer class="footer is-unselectable" style="padding: 3rem 1.5rem;">
+
     <div>
       <div class="container is-flex">
+
       <div class="box-light">
         <a href="https://www.facebook.com/IGEMMarburg2019/">
+
         <img id="strain" src="https://static.igem.org/mediawiki/2019/9/91/T--Marburg--hero_strain.jpg"
          <img src="https://static.igem.org/mediawiki/2019/b/b1/T--Marburg--m_icon_fa.svg" alt="Facbook" style="height: 100px;" />
+
           alt="Strain Engineering Photo" style="margin-top: unset !important;">
        </a>
+
        <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: 100px;" />
+
        </a>
+
        <a href="https://www.instagram.com/igem.marburg.2019">
+
           <img src="https://static.igem.org/mediawiki/2019/e/e7/T--Marburg--m_icon_in.svg" alt="Instagram" style="height: 100px;" />
+
        </a>
+
        <a href="mailto:igem2019@synmikro.uni-marburg.de">
+
          <img src="https://static.igem.org/mediawiki/2019/2/2c/T--Marburg--m_icon_ma.svg" alt="Mail" style="height: 100px;" />
+
        </a>
+
 
       </div>
 
       </div>
     </footer>
+
      <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>
 +
      </div>
 +
    </div>
 +
    <div>
 +
      <div class="box-light">
 +
        <img id="toolbox" src="https://static.igem.org/mediawiki/2019/c/ca/T--Marburg--hero_toolbox.jpg" alt="Toolbox Photo">
 +
      </div>
 +
      <div class="box-dark right">
 +
        <img src="https://static.igem.org/mediawiki/2019/a/a9/T--Marburg--logo_toolbox.svg" class="logo" alt="Toolbox Logo">
 +
        <h1 class="heading">
 +
          T O O L B O X
 +
        </h1>
 +
        <hr class="line">
 +
        <p class="text">
 +
          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.
 +
        </p>
 +
      </div>
 +
    </div>
 +
    <div>
 +
      <div class="box-light">
 +
        <img id="measurement" src="https://static.igem.org/mediawiki/2019/c/c3/T--Marburg--hero_measurement.jpg"
 +
          alt="Measurement Photo">
 +
      </div>
 +
      <div class="box-dark left">
 +
        <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Marburg--logo_measurement.svg" class="logo"
 +
          alt="Measurement Logo">
 +
        <h1 class="heading" style="margin-top: 3em;">
 +
          M E A S U R E M E N T
 +
        </h1>
 +
        <hr class="line">
 +
        <p class="text">
 +
          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>
 +
      </div>
 +
    </div>
 +
    <div>
 +
      <div class="box-light">
 +
        <img id="automation" src="https://static.igem.org/mediawiki/2019/f/f9/T--Marburg--hero_automation.jpg"
 +
          alt="Automation Photo">
 +
      </div>
 +
      <div class="box-dark right">
 +
        <img src="https://static.igem.org/mediawiki/2019/3/3f/T--Marburg--logo_automation.svg" class="logo"
 +
          alt="Automation Logo">
 +
        <h1 class="heading">
 +
          A U T O M A T I O N
 +
        </h1>
 +
        <hr class="line">
 +
        <p class="text">
 +
          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.
 +
        </p>
 +
      </div>
 +
    </div>
 +
    <div id="awards" class="box-light awards" onclick="window.location.href = '/Team:Marburg/MedalCriteria'">
 +
      <h1 class="award-title title">Achievements</h1>
 +
      <img class="award" src="https://static.igem.org/mediawiki/2019/a/ae/T--Marburg--medal_bronze.svg">
 +
      <img class="award" src="https://static.igem.org/mediawiki/2019/c/cc/T--Marburg--medal_silver.svg">
 +
      <img class="award" src="https://static.igem.org/mediawiki/2019/6/6f/T--Marburg--medal_gold.svg">
 +
      <img class="award" src="https://static.igem.org/mediawiki/2019/b/bd/T--Marburg--medal_special.svg">
 +
     </div>
 
   </div>
 
   </div>
  </body>
 
 
 
</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