Difference between revisions of "Team:Marburg"

Line 50: Line 50:
 
   position: relative;
 
   position: relative;
 
   color: white;
 
   color: white;
−
   letter-spacing: .2em;
+
   letter-spacing: .15em;
 
}
 
}
 
.glitch::before {
 
.glitch::before {
Line 61: Line 61:
 
   left: 2px;
 
   left: 2px;
 
   text-shadow: -2px 0 #ff00c1;
 
   text-shadow: -2px 0 #ff00c1;
−
  /* Creates an initial clip for our glitch. This works in
 
−
  a typical top,right,bottom,left fashion and creates a mask
 
−
  to only show a certain part of the glitch at a time. */
 
 
   clip: rect(44px, 450px, 56px, 0);
 
   clip: rect(44px, 450px, 56px, 0);
−
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
 
−
  with an alternating animation to keep things fresh. */
 
 
   animation: glitch-anim 5s infinite linear alternate-reverse;
 
   animation: glitch-anim 5s infinite linear alternate-reverse;
 
}
 
}
Line 81: Line 76:
 
}
 
}
  
−
/* Creates an animation with 20 steps. For each step, it calculates
 
−
a percentage for the specific step. It then generates a random clip
 
−
box to be used for the random glitch effect. Also adds a very subtle
 
−
skew to change the 'thickness' of the glitch.*/
 
 
@keyframes glitch-anim {
 
@keyframes glitch-anim {
 
   0% {
 
   0% {
Line 424: Line 415:
 
<div class="as_hero_content">
 
<div class="as_hero_content">
 
             <div style="color: white;">
 
             <div style="color: white;">
−
                   <p class="glitch" data-text="Fastest." style="font-size: 4em; line-height: 1em; letter-spacing: .2em;">Fastest.</p>
+
                   <p class="glitch" data-text="Fastest." style="font-size: 4em; line-height: 1em; letter-spacing: .15em;">Fastest.</p>
−
                   <p class="glitch" data-text="Phototrophic." style="font-size: 4em; line-height: 1em; letter-spacing: .2em; margin-left: 1em;">Phototrophic.</p>
+
                   <p class="glitch" data-text="Phototrophic." style="font-size: 4em; line-height: 1em; letter-spacing: .15em; margin-left: 1em;">Phototrophic.</p>
−
                   <p class="glitch" data-text="Organism." style="font-size: 4em; line-height: 1em; letter-spacing: .2em;; margin-left: 2em;">Organism.</p>
+
                   <p class="glitch" data-text="Organism." style="font-size: 4em; line-height: 1em; letter-spacing: .15em; margin-left: 2em;">Organism.</p>
 
             </div>
 
             </div>
 
           </div>
 
           </div>

Revision as of 09:52, 8 September 2019

Fastest.

Phototrophic.

Organism.

Establishing the fastest growing phototrophic organism with a doubling time of 90 min as a chassis for synthetic biology and the iGEM community.

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

With the help of our MoClo compatible CRISPR/cpf1 system we were able to restore the natural competence of S. elongatus UTEX 2973. Curing it of its endogenous plasmid enabled us to use its origin of replication for self-replicating plasmids.