Difference between revisions of "Team:Marburg/test"

 
(81 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Marburg}}
 
{{Marburg}}
 
<html>
 
<html>
   <style>
+
   <div>
     .box-dark {
+
     <div class="box-dark">
      background-color: #3d404d;
+
      min-height: 30vh;
+
      box-shadow: 1px 1px 40px black;
+
      margin-left: -10vw;
+
      width: 120vw;
+
      position: relative;
+
      z-index: 2;
+
      display: flex;
+
      flex-direction: column;
+
      align-items: center;
+
      transform: rotate(355deg);
+
      justify-content: center;
+
      margin-top: -12vh;
+
    }
+
  
    .heading {
+
    <h1 class="heading" style="
      color: #f5f5f5;
+
    line-height: 1;
       text-align: center;
+
">
       font-size: 1.75em;
+
     
       width: fit-content;
+
        G I A N T<br> J A M B O R E E
      margin-top: 25px;
+
       </h1>
       margin-bottom: unset !important;
+
       <hr class="line">
       transform: rotate(-355deg);
+
       <img src="https://static.igem.org/mediawiki/2019/a/ac/T--Marburg--logo.svg" class="logo" alt="Syntex Logo">
    }
+
    </div>
 +
    <div style="margin-top: 10vh;">
 +
       <section class="section">
 +
       <div style="display: flex; flex-direction: row;">
  
    .line {
+
<p style="margin-bottom: 1em;">
      border-top: 2px solid #f5f5f5;
+
        Traditionally, we presented our project at the Giant Jamboree in Boston. It was a lot of fun to meet all the other iGEM teams and to talk and discuss with like-minded people. We loved watching the other team's presentations and listening to their detailed explanations at their posters. Thereby, we realised once again how broad the field of Synthetic Biology is and how big of an impact this field already is and how it will be even bigger in the future. With our presentation, poster and a booth at the Exhibition Space we showed what we were able to achieve in the last year.
      background-color: #f5f5f5;
+
      border-width: 2px;
+
      display: block;
+
      width: 100px;
+
      margin-top: 25px;
+
      margin-bottom: unset;
+
      transform: rotate(-355deg);
+
    }
+
  
    .logo {
+
</p>
      width: 100px;
+
      height: 100px;
+
      position: absolute;
+
      bottom: -50px;
+
      transform: rotate(-355deg);
+
      margin-left: -10px;
+
    }
+
  
    .main {
+
                        <figure style="text-align: center; margin-left: 25px; max-width: 42000px">
      overflow-x: hidden;
+
                          <img src="https://static.igem.org/mediawiki/2019/5/53/T--Marburg--GiantJamboree_2019_Grouppicture.jpg"
    }
+
            alt="Our team at the Giant Jamboree">
 +
          <figcaption style="text-align: center;">
 +
            Our team at the Giant Jamboree
 +
          </figcaption>
 +
                        </figure>
  
    hr {
+
                        </div>
      display: block;
+
      height: 1px;
+
      border: 0;
+
      border-top: 2px solid #3d404d;
+
      padding: 0;
+
      margin: 1em auto;
+
      width: 50vw;
+
    }
+
  
    .media {
 
      align-items: center !important;
 
      max-width: 80vw;
 
      min-width: 80vw;
 
    }
 
  
    @media (max-width: 810px) {
 
  
      .logo,
 
      .line,
 
      .heading {
 
        margin-left: -30px;
 
      }
 
    }
 
  
    .media:hover {
+
<p style="margin-bottom: 1em;">
      filter: drop-shadow(2px 4px 6px black);
+
<br> <br> Our presentation was one of the first on the first day. The room was so crowded, people were even standing in the doorway to watch our presentation! Here you have the possibility to see the presentation of our team at the Giant Jamboree.
     }
+
</p>
 +
<div style="
 +
    position: relative;
 +
    height: 0;
 +
    width: 100%;
 +
    padding-bottom: 56.25%;
 +
">
 +
     <iframe src="https://www.youtube.com/embed/CwasIzE0R8o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;"></iframe>
 +
</div>
  
    .sub {
+
<br>
      cursor: pointer;
+
      display: flex;
+
      justify-content: center;
+
      margin-bottom: 3em;
+
    }
+
  
    .media {
 
      flex-direction: column;
 
    }
 
  
    .media-content {
+
<br>
      width: 100%;
+
<p style="margin-bottom: 1em;">       
      align-items: center;
+
<br> Afterwards, most of the time we had to stay with three or more people near our
      display: flex;
+
<a style="padding: 0" href="https://static.igem.org/mediawiki/2019/2/2a/T--Marburg--Poster_2019_Marburg.pdf" target="_blank">poster</a>, because so many people were interested in our project.
      flex-direction: column;
+
Additionally, Keoni Gandall and Kristin Ellis paid us a visit at our Exhibition Space booth. They were really impressed by our custom-made hardware.
    }
+
</p>
 +
<figure style="float:right; margin-left: 25px; text-align: center;">
 +
          <img style="height: 500px; mix-blend-mode: multiply;" src="https://static.igem.org/mediawiki/2019/9/93/T--Marburg--OpentronsVisitinNY_Grouppicture.jpg"
 +
            alt="Our team at the roof of the Opentrons building, during our visit in New York City">
 +
          <figcaption style="text-align: center;">
 +
            Our team at the roof of the Opentrons building, during our visit in New York City
 +
          </figcaption>
 +
                        </figure>
 +
<p style="margin-bottom: 1em;">
 +
Kristin was so happy about our work on the OT-2 Colony Picker Unit that she invited us to their company headquarters in New York City! When we went to Opentrons in New York City Kristin showed us their offices and labs, explained us how they work at Opentrons and we presented our Colony Picker Unit to several staff members, sharing our thoughts and ideas.
 +
</p>
  
    .content {
 
      width: fit-content;
 
      max-width: 80%;
 
    }
 
  
    .media span {
 
      font-weight: bold;
 
      text-align: center !important;
 
      width: fit-content;
 
      min-width: 150px;
 
      font-size: 2rem !important;
 
      margin-bottom: 15px;
 
    }
 
  
    .media hr {
+
<p style="margin-bottom: 1em;">
      width: 150px;
+
Working independently and in collaborations on our own project, joining the Giant Jamboree together as a team and getting in touch with all these different, amazing people meant a lot to us and we are really thankful to have made these experiences! Finally we want to thank everybody who helped us gain a silver medal in this awesome competition! We are happy for this amazing time and to be a part of this great community!
      margin: .5em 0;
+
        </p>
    }
+
       
 +
<br><br><br>
  
    .sub-heading {
 
      width: fit-content;
 
      text-align: center;
 
      display: flex;
 
      flex-direction: column;
 
      align-items: center;
 
      margin-bottom: 15px;
 
    }
 
  
    .media p {
 
      text-align: center;
 
      text-align-last: center;
 
    }
 
  
  </style>
+
 
  <div>
+
        <figure style="float:right; margin-left: 25px; text-align: center;">
    <div class="box-dark">
+
          <img style="height: 500px; mix-blend-mode: multiply;" src="https://static.igem.org/mediawiki/2019/7/7d/T--Marburg--Metabolic--MEP-pathway.png"
      <h1 class="heading">
+
            alt="Metabolic MEP Pathway">
        M E A S U R E M E N T
+
          <figcaption style="text-align: center;">
      </h1>
+
            Fig. 1- Overview of the MEP-Pathway.<br>
      <hr class="line">
+
            Enzymes are marked blue and Green.<br>
      <img src="https://static.igem.org/mediawiki/2019/a/ac/T--Marburg--logo.svg"
+
            Limonene and farnesene Synthase are summarised as TPS.<br>
        class="logo"
+
            Modified after Lin et al 2016
        alt="Syntex Logo">
+
          </figcaption>
    </div>
+
        </figure>
    <div style="margin-top: 10vh;">
+
         <p style="margin-bottom: 1em;">
      <section class="section">
+
           Farnesene and limonene are both terpenoids, deriving from the so called 2-C-methyl-D-erythritol 4-phosphate (MEP) pathway (figure 3).
        <h1 class="title">Amplifying new standards in measurement</h1>
+
          The MEP pathway is a conserved pathway in bacteria and in photrophic organisms, it uses C3-bodies deriving from the Calvin-Cycle (directly
         <p style="text-align: justify;">
+
          as glyceraldehyde 3-phosphate and indirectly as pyruvate) as substrate. The resulting C5-bodiess, isopentenyl pyrophosphate (IPP) and it´s
           Vielleicht noch ein allgemeinem abstract zu Messung (vergleiche andere WIKIS)
+
          isomere dimethylallyl pyrophosphate (DAMPP) is used to build longer geranyl pyrophosphate (GPP) and Farnesyl pyrophosphate (FPP). GPP serves
 +
          as the basis for a heterologous expressed limonene synthase to form D-Limonene, whereas FPP is a substrate for the plant derived Farnesene
 +
          synthase.
 +
          Because isoprenoids are interesting platform chemicals for various products, a lot of effort has been done to improve this pathway in
 +
          cyanobacteria (<a style="padding: 0" href="https://link.springer.com/article/10.1007/s00425-018-3047-y" target="_blank">Lin<i> et al.</i>,
 +
            2016</a>).
 
         </p>
 
         </p>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<figure style="float:right; margin-left: 25px; text-align: center;">
 +
          <img style="height: 500px; mix-blend-mode: multiply;" src="https://static.igem.org/mediawiki/2019/9/93/T--Marburg--OpentronsVisitinNY_Grouppicture.jpg"
 +
            alt="Our team at the roof of the Opentrons building, during our visit in New York City">
 +
          <figcaption style="text-align: center;">
 +
            Our team at the roof of the Opentrons building, during our visit in New York City
 +
          </figcaption>
 +
        </figure>
 +
        <p  style="margin-bottom: 1em;">
 +
 +
        <p style="margin-bottom: 1em;">
 +
        Traditionally, we presented our project at the Giant Jamboree in Boston. It was a lot of fun to meet all the other iGEM teams and to talk and discuss with like-minded people. With our presentation, poster and a booth at the Exhibition Space we showed what we were able to achieve in the last year.
 +
 +
</p>
 +
 +
 +
 +
 
       </section>
 
       </section>
 
       <section class="section">
 
       <section class="section">
Line 162: Line 142:
 
             microbiology and necessary to compare results with other scientists and reproduce their data.
 
             microbiology and necessary to compare results with other scientists and reproduce their data.
 
           </p>
 
           </p>
 +
          <figure style="float:right; margin-left: 25px;">
 +
            <img style="height: 719px; width: 1001px;" src="https://2019.igem.org/File:T--Marburg--Metabolic--MEP-pathway.png" alt="asas">
 +
            <figcaption style="max-width: 550px; text-align: center">
 +
              Fig.1 - Comparison of NanoLuc and teLuc Luminescence Spectra in comparison with Synechococcus elongatus
 +
              UTEX
 +
              2973 Absorption spectra.
 +
            </figcaption>
 +
          </figure>
 
           <p style="text-align: justify; margin-bottom: 1em;">
 
           <p style="text-align: justify; margin-bottom: 1em;">
 
             While we wanted to establish Syn. elong. as a new chassis for the iGEM community and scientists we wanted to
 
             While we wanted to establish Syn. elong. as a new chassis for the iGEM community and scientists we wanted to
Line 208: Line 196:
 
           </div>
 
           </div>
 
           <div class="sub-content">
 
           <div class="sub-content">
             <p>
+
             <div>
 
               Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
               Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
             </p>
+
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div id="rbn1"
+
         <div id="rbn1" class="popup">
          class="popup">
+
 
           <div class="popup-container">
 
           <div class="popup-container">
 
             <div class="popup-header">
 
             <div class="popup-header">
 
               <h1 class="title">Light Measurement</h1>
 
               <h1 class="title">Light Measurement</h1>
               <button type="button"
+
               <button type="button" onclick="hide('rbn1')">X</button>
                onclick="hide('rbn1')">X</button>
+
 
             </div>
 
             </div>
             <div class="popup-content"
+
             <div class="popup-content" style="text-align: justify; text-align-last: justify;">
              style="text-align: justify; text-align-last: justify;">
+
 
               <section class="section">
 
               <section class="section">
 
                 Abstract?
 
                 Abstract?
Line 228: Line 213:
 
               <section class="section">
 
               <section class="section">
 
                 <div class="wrap-collabsible" style="margin-bottom: 25px;">
 
                 <div class="wrap-collabsible" style="margin-bottom: 25px;">
                   <input id="collapsible1_1"
+
                   <input id="collapsible1_1" class="toggle" type="checkbox">
                    class="toggle"
+
                   <label for="collapsible1_1" class="lbl-toggle">
                    type="checkbox">
+
                    Unterprojekt1
                   <label for="collapsible1_1"
+
                    <hr style="width: unset;">
                    class="lbl-toggle">Unterprojekt1</label>
+
                  </label>
 
                   <div class="collapsible-content">
 
                   <div class="collapsible-content">
                     <div class="content-inner"
+
                     <div class="content-inner" style="text-align: left; text-align-last: left;">
                      style="text-align: left; text-align-last: left;">
+
 
                       <p>
 
                       <p>
 
                         Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                         Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 243: Line 227:
 
                 </div>
 
                 </div>
 
                 <div class="wrap-collabsible">
 
                 <div class="wrap-collabsible">
                   <input id="collapsible1_2"
+
                   <input id="collapsible1_2" class="toggle" type="checkbox">
                    class="toggle"
+
                   <label for="collapsible1_2" class="lbl-toggle">
                    type="checkbox">
+
                    Unterprojekt2
                   <label for="collapsible1_2"
+
                    <hr style="width: unset;">
                    class="lbl-toggle">Unterprojekt2</label>
+
                  </label>
 
                   <div class="collapsible-content">
 
                   <div class="collapsible-content">
                     <div class="content-inner"
+
                     <div class="content-inner" style="text-align: left; text-align-last: left;">
                      style="text-align: left; text-align-last: left;">
+
 
                       <p>
 
                       <p>
 
                         Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                         Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 261: Line 244:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="sub "
+
         <div class="sub" onclick="popup('rbn2')">
          onclick="popup('rbn2')">
+
           <div class="sub-header">
           <article class="media">
+
            <h1>
            <div class="media-content">
+
              R E P O R T E R S
              <div class="sub-heading">
+
            </h1>
                <span>
+
            <hr>
                  R E P O R T E R S
+
          </div>
                </span>
+
          <div class="sub-content">
                <hr>
+
            <div>
              </div>
+
              Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
              <div class="content">
+
                <p>
+
                  Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
           </article>
+
           </div>
 
         </div>
 
         </div>
         <div id="rbn2"
+
         <div id="rbn2" class="popup">
          class="popup">
+
 
           <div class="popup-container">
 
           <div class="popup-container">
 
             <div class="popup-header">
 
             <div class="popup-header">
 
               <h1 class="title">Reporter</h1>
 
               <h1 class="title">Reporter</h1>
               <button type="button"
+
               <button type="button" onclick="hide('rbn2')">X</button>
                onclick="hide('rbn2')">X</button>
+
 
             </div>
 
             </div>
             <div class="popup-content"
+
             <div class="popup-content" style="text-align: justify; text-align-last: justify;">
              style="text-align: justify; text-align-last: justify;">
+
 
               <p>
 
               <p>
 
                 Abstract?
 
                 Abstract?
Line 295: Line 270:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible2_1"
+
                 <input id="collapsible2_1" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible2_1" class="lbl-toggle">
                  type="checkbox">
+
                 <label for="collapsible2_1"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt1</h3>
 
                   <h3 class="title">Unterprojekt1</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 313: Line 284:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible2_2"
+
                 <input id="collapsible2_2" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible2_2" class="lbl-toggle">
                  type="checkbox">
+
                 <label for="collapsible2_2"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt2</h3>
 
                   <h3 class="title">Unterprojekt2</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 332: Line 299:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="sub"
+
         <div class="sub" onclick="popup('rbn3')">
          onclick="popup('rbn3')">
+
           <div class="sub-header">
           <article class="media">
+
            <h1>
            <div class="media-content">
+
              F A C S
              <div class="sub-heading">
+
            </h1>
                <span>
+
            <hr>
                  F L U O R E S C E N C E - A C T I V A T E D<br><br>
+
          </div>
                  C E L L <span style="visibility: hidden;">A</span>S O R T I N G <span
+
          <div class="sub-content">
                    style="visibility: hidden;">A</span> ( F A C S )
+
            <div>
                </span>
+
              Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
                <hr>
+
              </div>
+
              <div class="content">
+
                <p>
+
                  Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
           </article>
+
           </div>
 
         </div>
 
         </div>
         <div id="rbn3"
+
         <div id="rbn3" class="popup">
          class="popup">
+
 
           <div class="popup-container">
 
           <div class="popup-container">
 
             <div class="popup-header">
 
             <div class="popup-header">
 
               <h1 class="title">Fluorescence-Activated Cell Sorting (FACS)</h1>
 
               <h1 class="title">Fluorescence-Activated Cell Sorting (FACS)</h1>
               <button type="button"
+
               <button type="button" onclick="hide('rbn3')">X</button>
                onclick="hide('rbn3')">X</button>
+
 
             </div>
 
             </div>
             <div class="popup-content"
+
             <div class="popup-content" style="text-align: justify; text-align-last: justify;">
              style="text-align: justify; text-align-last: justify;">
+
 
               <p>
 
               <p>
 
                 Abstract?
 
                 Abstract?
Line 368: Line 325:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible3_1"
+
                 <input id="collapsible3_1" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible3_1" class="lbl-toggle">
                  type="checkbox">
+
                 <label for="collapsible3_1"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt1</h3>
 
                   <h3 class="title">Unterprojekt1</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 386: Line 339:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible3_2"
+
                 <input id="collapsible3_2" class="toggle" ype="checkbox">
                  class="toggle"
+
                 <label for="collapsible3_2" class="lbl-toggle">
                  ype="checkbox">
+
                 <label for="collapsible3_2"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt2</h3>
 
                   <h3 class="title">Unterprojekt2</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 405: Line 354:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="sub "
+
         <div class="sub" onclick="popup('rbn4')">
          onclick="popup('rbn4')">
+
           <div class="sub-header">
           <article class="media">
+
            <h1>
            <div class="media-content">
+
              P A R T<br>
              <div class="sub-heading">
+
              M E A S U R E M E N T
                <span>
+
            </h1>
                  P A R T<br><br>
+
            <hr>
                  M E A S U R E M E N T
+
          </div>
                </span>
+
          <div class="sub-content">
                <hr>
+
            <div>
              </div>
+
              For our project it was indispensable to establish a measurement workflow that is not only applicable
              <div class="content"
+
              to UTEX 2973 and other cyanobacteria but also has a high throughput.
                style="text-align: left; text-align-last: left;">
+
                <p>
+
                  For our project it was indispensable to establish a measurement workflow that is not only applicable
+
                  to UTEX 2973 and other cyanobacteria but also has a high throughput.
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
           </article>
+
           </div>
 
         </div>
 
         </div>
         <div id="rbn4"
+
         <div id="rbn4" class="popup">
          class="popup">
+
 
           <div class="popup-container">
 
           <div class="popup-container">
 
             <div class="popup-header">
 
             <div class="popup-header">
 
               <h1 class="title">Part Measurement</h1>
 
               <h1 class="title">Part Measurement</h1>
               <button type="button"
+
               <button type="button" onclick="hide('rbn4')">X</button>
                onclick="hide('rbn4')">X</button>
+
 
             </div>
 
             </div>
 
             <div class="popup-content">
 
             <div class="popup-content">
Line 445: Line 386:
 
               </p>
 
               </p>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible4_1"
+
                 <input id="collapsible4_1" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible4_1" class="lbl-toggle">
                  type="checkbox">
+
                   <h3 class="title" style="text-align: left; text-align-last: left;">
                 <label for="collapsible4_1"
+
                  class="lbl-toggle">
+
                   <h3 class="title"
+
                    style="text-align: left; text-align-last: left;">
+
 
                     Experimental Procedure
 
                     Experimental Procedure
 
                   </h3>
 
                   </h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       The results of our part characterization were obtained by fluorescence and luminescence
 
                       The results of our part characterization were obtained by fluorescence and luminescence
Line 544: Line 480:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible4_2"
+
                 <input id="collapsible4_2" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible4_2" class="lbl-toggle">
                  type="checkbox">
+
                   <h3 class="title" tyle="text-align: left; text-align-last: left;">Data analysis and evaluation
                 <label for="collapsible4_2"
+
                  class="lbl-toggle">
+
                   <h3 class="title"
+
                    tyle="text-align: left; text-align-last: left;">Data analysis and evaluation
+
 
                   </h3>
 
                   </h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       kein plan was man hier schreiben soll zum jetzigen standpunkt...
 
                       kein plan was man hier schreiben soll zum jetzigen standpunkt...
Line 569: Line 500:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="sub"
+
         <div class="sub" onclick="popup('rbn5')">
          onclick="popup('rbn4')">
+
           <div class="sub-header">
           <article class="media">
+
            <h1>
            <div class="media-content">
+
              G R O W T H<br>
              <div class="sub-heading">
+
              C U R V E S
                <span>
+
            </h1>
                  G R O W T H<br><br>
+
            <hr>
                  C U R V E S
+
          </div>
                </span>
+
          <div class="sub-content">
                <hr>
+
            <div>
              </div>
+
              Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
              <div class="content">
+
                <p>
+
                  Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
           </article>
+
           </div>
 
         </div>
 
         </div>
         <div id="rbn4"
+
         <div id="rbn5" class="popup">
          class="popup">
+
 
           <div class="popup-container">
 
           <div class="popup-container">
 
             <div class="popup-header">
 
             <div class="popup-header">
 
               <h1 class="title">Growth Curves</h1>
 
               <h1 class="title">Growth Curves</h1>
               <button type="button"
+
               <button type="button" onclick="hide('rbn5')">X</button>
                onclick="hide('rbn4')">X</button>
+
 
             </div>
 
             </div>
             <div class="popup-content"
+
             <div class="popup-content" style="text-align: justify; text-align-last: justify;">
              style="text-align: justify; text-align-last: justify;">
+
 
               <p>
 
               <p>
 
                 Abstract?
 
                 Abstract?
Line 604: Line 527:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible5_1"
+
                 <input id="collapsible5_1" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible5_1" class="lbl-toggle">
                  type="checkbox">
+
                 <label for="collapsible5_1"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt1</h3>
 
                   <h3 class="title">Unterprojekt1</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
Line 622: Line 541:
 
               <br>
 
               <br>
 
               <div class="wrap-collabsible">
 
               <div class="wrap-collabsible">
                 <input id="collapsible5_2"
+
                 <input id="collapsible5_2" class="toggle" type="checkbox">
                  class="toggle"
+
                 <label for="collapsible5_2" class="lbl-toggle">
                  type="checkbox">
+
                 <label for="collapsible5_2"
+
                  class="lbl-toggle">
+
 
                   <h3 class="title">Unterprojekt2</h3>
 
                   <h3 class="title">Unterprojekt2</h3>
 
                 </label>
 
                 </label>
 
                 <div class="collapsible-content">
 
                 <div class="collapsible-content">
                   <div class="content-inner"
+
                   <div class="content-inner" style="text-align: left; text-align-last: left;">
                    style="text-align: left; text-align-last: left;">
+
 
                     <p>
 
                     <p>
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                       Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.
 
                     </p>
 
                     </p>
 
                   </div>
 
                   </div>
 +
                  <p>
 +
                    One mayor criteria to evaluate a chassis is its potential for an application project. To showcase these potential applications,
 +
                    our team decided to redirect the metabolic flux of Synechococcus elongatus UTEX 2973 in order to synthesize add-value compounds
 +
                    with CO<sub>2</sub> and light as a resource. As a target, we thought about molecules, which also tackle one of the most important
 +
                    topic: the climate change.
 +
                  </p>
 +
                  <br>
 +
                  <p>
 +
                    Planes are considered to be one of the most environmentally damaging transport devices commonly used (<a style="padding: 0"
 +
                      href=" https://pubs.acs.org/doi/full/10.1021/es9039693" target="_blank">Borken-Kleefeld<i> et al.</i>, 2010</a>). A quick
 +
                    estimation suggests, yet only for the Giant Jamboree in Boston 2018, 14.000.000 tons CO<sub>2</sub> was released from the flights.
 +
                    To encounter this problem, we chose to set our focus on farnesene and limonene, which make up 90 % of the biojetfuel AMJ700t (50%
 +
                    limonene, 40% farnesene) from Amyris (<a style="padding: 0" href=" https://aem.asm.org/content/aem/81/10/3316.full.pdf"
 +
                      target="_blank">Brennan<i> et al.</i>, 2015</a>). This fuel has proven to be a suitable alternative to chemically produced, oil
 +
                    based <a style="padding: 0"
 +
                      href="
 +
https://investors.amyris.com/2012-06-19-Photo-Release-Azul-Brazilian-Airlines-Makes-Successful-Demonstration-Flight-With-Amyris-Renewable-Jet-Fuel-Produced-From-Sugarcane"
 +
                      target="_blank">jet fuels</a>
 +
                  </p>
 +
                  <br>
 +
 +
                  <figure style="float:right; margin-left: 25px;">
 +
                    <img style="height: 500px; width: 750px;" src="https://2019.igem.org/File:T--Marburg--Metabolic--MEP-pathway.png"
 +
                      alt="Metabolic MEP Pathway">
 +
                    <figcaption style="max-width: 550px; text-align: center">
 +
                      Fig. 1- Overview of the MEP-Pathway. Enzymes are marked blue and Green. Limonene and farnesene Synthase are summarised as TPS.
 +
                      Modified after Lin et al 2016
 +
                    </figcaption>
 +
                  </figure>
 +
 +
                  <p>
 +
                    Farnesene and limonene are both terpenoids, deriving from the so called 2-C-methyl-D-erythritol 4-phosphate (MEP) pathway (figure
 +
                    3).
 +
 +
                    The MEP pathway is a conserved pathway in bacteria and in photrophic organisms, it uses C3-bodies deriving from the Calvin-Cycle
 +
                    (directly as glyceraldehyde 3-phosphate and indirectly as pyruvate) as substrate. The resulting C5-bodiess, isopentenyl
 +
                    pyrophosphate (IPP) and it´s isomere dimethylallyl pyrophosphate (DAMPP) is used to build longer geranyl pyrophosphate (GPP) and
 +
                    Farnesyl pyrophosphate (FPP). GPP serves as the basis for a heterologous expressed limonene synthase to form D-Limonene, whereas
 +
                    FPP is a substrate for the plant derived Farnesene synthase.
 +
                    Because isoprenoids are interesting platform chemicals for various products, a lot of effort has been done to improve this pathway
 +
                    in cyanobacteria (<a style="padding: 0" href=" https://link.springer.com/article/10.1007/s00425-018-3047-y" target="_blank">Lin<i>
 +
                        et al.</i>, 2016</a>).
 +
                  </p>
 +
                  <br>
 +
                  <p>
 +
                    As a the first step we decided to heterologous express the limonene and the farnesene synthase to establish overexpression
 +
                    strains. We used the limonene synthase from <i>Lavandula angustifolia</i> and the Farnesen synthase from <i>Actinidia
 +
                      deliciosa</i> and codon optimised both enzymes.
 +
                    To redirect the flux into the MEP-Pathway we decided to overexpress the <i>E.Coli</i> proteins DXS, IDI and IspA. These targets
 +
                    were chosen on based previous results, which showed enhancement the production of amorpha-4,11-diene to 19.8 mg/L in PCC 7942
 +
                    without significant impairing the growth rate (<a style="padding: 0"
 +
                      href=" https://biotechnologyforbiofuels.biomedcentral.com/articles/10.1186/s13068-016-0617-8" target="_blank">Choi<i> et
 +
                        al.</i>,2016</a>).
 +
                    Surprisingly, this suggest strong capacities of production in Cyanobacteria.
 +
                  </p>
 +
                  <br>
 +
                  <p>
 +
                    We chose the DXS, as many pathways are regulated on the first committing step. The IDI, would convert DMAPP to IPP, which is
 +
                    necessary to balance both pools, which is especially interesting for overproduction of Farnesene, where a ratio of 1:2 in favour
 +
                    of IPP is required. </p>
 +
                  <p>
 +
 +
                    IspA can synthesise GPP and IPP to FPP, which would improve the efficiency in a farnesene production strain.
 +
                    To further enhance the efficiency of this pathway, we decided to mutate the DXS-residue 392 from a thyrosine (Y) to a
 +
                    phenylalanine (F). This would lead to a threefold increase in activity <i>in vitro</i> (<a style="padding: 0"
 +
                      href=" http://www.jbc.org/content/282/4/2676.long" target="_blank">Xiang<i> et al.</i>, 2016</a>).
 +
                    Also it would be advisable to remove the allosteric feedback regulation of the DXS (<a style="padding: 0"
 +
                      href=" https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0161534” target=" _blank">Banerjee<i> et
 +
                        al.</i>,2016</a>).
 +
                  </p>
 +
                  <p>
 +
                    Removal of the end product is a key component in overproduction strains. Because farnesene and limonene are volatile, the
 +
                    extracellular diffusion rate is enough to prevent intracellular and potential toxic accumulation. On the other hand, a nontoxic
 +
                    overlay to catch the molecules is required, for example dodecan can be used. (<a style="padding: 0"
 +
                      href=" https://pubs.acs.org/doi/10.1021/acs.jafc.7b03625" target="_blank">Lee<i> et al.</i>, 2017</a>). An alternative supply
 +
                    with CO2 is also required, therefore we copied the system from Lee <i>et al. </i> and introduced a small tube with holes into the
 +
                    Medium.
 +
                  </p>
 +
                  <p>
 +
 +
                    To balance the pathway we decided to use a weak promotor (<a style="padding: 0" href="http://parts.igem.org/Part:BBa_J23103"
 +
                      target="_blank">BBa_J23103</a>) for the ispA, as competition over FPP could lead to a heavy growth impact (<a style="padding: 0"
 +
                      href=" https://link.springer.com/article/10.1007/s00425-018-3047-y" target="_blank">Lin<i> et al.</i>, 2016</a>).
 +
                    As IDI is an Isomerase, only a comparably small amount of protein should be sufficient for a enhanced effect, so Promotor <a
 +
                      style="padding: 0" href="http://parts.igem.org/Part:BBa_J23110" target="_blank">BBa_J23110</a> was chosen. Because the DXS is
 +
                    the a potential bottle neck in Terpene Production, we chose the Promotor <a style="padding: 0"
 +
                      href="http://parts.igem.org/Part:BBa_J23111" target="_blank">BBa_J23111</a>.
 +
                  </p>
 +
                  <p>
 +
                    Sadly, we weren´t able to test our constructs <i>in vivo</i> and dropped this side project due to time reasons. As of now the
 +
                    submitted Parts for the limonene and the Farnesene synthase, which have been codon optimised for UTEX 2973 have been added to the
 +
                    registry ( <a style="padding: 0" href=" http://parts.igem.org/Part:BBa_K3228051" target="_blank"> K3228051</a> and <a
 +
                      style="padding: 0" href=" http://parts.igem.org/Part:BBa_K3228052" target="_blank"> K3228052</a>).
 +
 +
                  </p>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 644: Line 654:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  </body>
 
  
 
</html>
 
</html>
 
{{Marburg/footer}}
 
{{Marburg/footer}}

Latest revision as of 02:41, 14 December 2019

G I A N T
J A M B O R E E


Traditionally, we presented our project at the Giant Jamboree in Boston. It was a lot of fun to meet all the other iGEM teams and to talk and discuss with like-minded people. We loved watching the other team's presentations and listening to their detailed explanations at their posters. Thereby, we realised once again how broad the field of Synthetic Biology is and how big of an impact this field already is and how it will be even bigger in the future. With our presentation, poster and a booth at the Exhibition Space we showed what we were able to achieve in the last year.

Our team at the Giant Jamboree
Our team at the Giant Jamboree



Our presentation was one of the first on the first day. The room was so crowded, people were even standing in the doorway to watch our presentation! Here you have the possibility to see the presentation of our team at the Giant Jamboree.




Afterwards, most of the time we had to stay with three or more people near our poster, because so many people were interested in our project. Additionally, Keoni Gandall and Kristin Ellis paid us a visit at our Exhibition Space booth. They were really impressed by our custom-made hardware.

Our team at the roof of the Opentrons building, during our visit in New York City
Our team at the roof of the Opentrons building, during our visit in New York City

Kristin was so happy about our work on the OT-2 Colony Picker Unit that she invited us to their company headquarters in New York City! When we went to Opentrons in New York City Kristin showed us their offices and labs, explained us how they work at Opentrons and we presented our Colony Picker Unit to several staff members, sharing our thoughts and ideas.

Working independently and in collaborations on our own project, joining the Giant Jamboree together as a team and getting in touch with all these different, amazing people meant a lot to us and we are really thankful to have made these experiences! Finally we want to thank everybody who helped us gain a silver medal in this awesome competition! We are happy for this amazing time and to be a part of this great community!




Metabolic MEP Pathway
Fig. 1- Overview of the MEP-Pathway.
Enzymes are marked blue and Green.
Limonene and farnesene Synthase are summarised as TPS.
Modified after Lin et al 2016

Farnesene and limonene are both terpenoids, deriving from the so called 2-C-methyl-D-erythritol 4-phosphate (MEP) pathway (figure 3). The MEP pathway is a conserved pathway in bacteria and in photrophic organisms, it uses C3-bodies deriving from the Calvin-Cycle (directly as glyceraldehyde 3-phosphate and indirectly as pyruvate) as substrate. The resulting C5-bodiess, isopentenyl pyrophosphate (IPP) and it´s isomere dimethylallyl pyrophosphate (DAMPP) is used to build longer geranyl pyrophosphate (GPP) and Farnesyl pyrophosphate (FPP). GPP serves as the basis for a heterologous expressed limonene synthase to form D-Limonene, whereas FPP is a substrate for the plant derived Farnesene synthase. Because isoprenoids are interesting platform chemicals for various products, a lot of effort has been done to improve this pathway in cyanobacteria (Lin et al., 2016).

Our team at the roof of the Opentrons building, during our visit in New York City
Our team at the roof of the Opentrons building, during our visit in New York City

Traditionally, we presented our project at the Giant Jamboree in Boston. It was a lot of fun to meet all the other iGEM teams and to talk and discuss with like-minded people. With our presentation, poster and a booth at the Exhibition Space we showed what we were able to achieve in the last year.

Storytelling:

We entered this project as the first Marburg iGEM team working with Synechococcus elongatus UTEX 2973, the fastest phototrophic organism. Missing knowledge in handling and cultivation of UTEX 2973 left us in front of many problems and questions. Especially the usage of different media, light conditions and other cultivating and measurement parameters were one of the biggest problems we discovered in scientific papers. Many of these problems are reasoned in the ongoing optimization and development of methods and instruments. Therefore it is hard to hold on to special methods but still standardization is a huge part in synthetic microbiology and necessary to compare results with other scientists and reproduce their data.

asas
Fig.1 - Comparison of NanoLuc and teLuc Luminescence Spectra in comparison with Synechococcus elongatus UTEX 2973 Absorption spectra.

While we wanted to establish Syn. elong. as a new chassis for the iGEM community and scientists we wanted to show the best conditions for cultivation and the best measuring method for our parts in UTEX 2973. Therefore we analyzed a big variety of cultivating conditions in measuring growth curves, tried to find a standard in light measurement, evaluated different reporters???, established a measurement method and compared it to a already known FACS measurement method (?).

At the beginning of our project we faced the first question on how to cultivate UTEX at 1500 μE. [quelle]. So we had to measure the light conditions in our incubators and while doing this simple task the first part of standardization began. We discovered that nearly every paper? is using different methods to measure their light conditions and that it is a really complex and important procedure. So we got in contact with cyano and light measurement experts [link IHP] to confront this problem and standardize it. In the following popup we show different ways of measurement, their (dis-)advantages and different results depending on the measuring instrument.
Not only the light intensity but also a variety of other cultivating parameters needed to be analyzed. In literature and while talking with different experts (IHP), we recognized that small deviations of these parameters had a huge impact on the growth speed of Synechococcus elongatus. While establishing UTEX 2973 as a new chassis we evaluated this impact on the growth speed and were able to show combinations of parameters that lead to the fastest growth speed.
Another aspect was measuring the expression and characterize our part. Different possibilities were discussed and after testing them we decided on two methods in our project (plate reader and FACs). One approach was to measure the fluorescence/luminescence with a plate reader [link part measurement]. Plate readers belong to standard equipment of every lab nowadays, and could deliver easy reproducible results.
The second way was to measure the fluorescence by FACS (Fluorescence-Activated Cell Sorting) [link facs]. In contrast to a platerader a FACs device delivers results with high accuracy by measuring every cell by its own(vielleicht erst spaeter FACS genau erklaeren aber nicht im abtract?). On the other side not every laboratory posses a FACs/device. So in the end we would like to offer a two method analyzed database from our crontructs for iGEM teams and research groups, who do not have access to a FACS and show the difference in measurement methods.
At the end of the project we were able to create a protocol how to handle Synechococcus elongatus UTEX 2973 and make a contribution to the cyano community by establishing essential/fixed standards in measurement.


L I G H T
M E A S U R E M E N T


Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.

R E P O R T E R S


Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.

F A C S


Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.

P A R T
M E A S U R E M E N T


For our project it was indispensable to establish a measurement workflow that is not only applicable to UTEX 2973 and other cyanobacteria but also has a high throughput.

G R O W T H
C U R V E S


Hier bitte den für diese Stelle zutreffenden Text einfügen, wenn dieser fertig ist.