Difference between revisions of "Team:Humboldt Berlin/Notebook"

 
(33 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Humboldt_Berlin}}
 
{{Humboldt_Berlin}}
 
<html>
 
<html>
 +
  
 
<div class="has-animations">
 
<div class="has-animations">
Line 86: Line 87:
  
 
         <div class="fixed-header-container">
 
         <div class="fixed-header-container">
            <section class="fixed-image-header">
+
          <section class="fixed-image-header">
                <img src="https://static.igem.org/mediawiki/2019/8/81/T--Humboldt_Berlin--Notebook_Header.jpeg" alt="notebook" />
+
              <img src="https://static.igem.org/mediawiki/2019/8/81/T--Humboldt_Berlin--Notebook_Header.jpeg" alt="notebook" />
            </section>
+
          </section>
  
            <h1 class="page-headline description">Notebook</h1>
+
          <h1 class="page-headline description">Notebook</h1>
        </div>
+
      </div>
  
        <div class="full-height fixed-header-content notebook">
+
      <div class="full-height fixed-header-content notebook">
            <section class="width-limit">
+
<div class="width-limit padding-container" style="margin: 50px 0;">
                <div class="category-container">
+
<img src="https://static.igem.org/mediawiki/2019/e/e3/T--Humboldt_Berlin--notebook_final.png" alt="our stuffed calendar"/></br>
                    <h3>Select category</h3>
+
</div>
 +
          <section class="width-limit">
 +
              <div class="category-container">
 +
                  <h3>Select category</h3>
 
                     <div class="category" data-category="synthesis">
 
                     <div class="category" data-category="synthesis">
 
                         <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Humboldt_Berlin--label_notebook_synthesis.png" alt="Synthesis: Parts and Vectors" />
 
                         <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Humboldt_Berlin--label_notebook_synthesis.png" alt="Synthesis: Parts and Vectors" />
Line 419: Line 423:
 
                         May
 
                         May
 
                     </div>
 
                     </div>
 +
<div class="timeline-month"
 +
                        data-text="<h2>YFP</h2>
 +
                        - PCR of YFP B4-B4; size: 749 bp <br>
 +
                        - Ligation YFP B4-B4 with L0-RFP"
 +
                        data-image="https://static.igem.org/mediawiki/2019/f/f7/T--Humboldt_Berlin--notebook_s_0527.png"
 +
                        data-category="synthesis"
 +
                        data-date="05/27 - 06/02">
 +
                        June
 +
                    </div>
 +
                    <div class="timeline-dot"
 +
                        data-text="<h2>YFP</h2>
 +
                        - Transformation L0-YFP B4-B4 into <i>E. coli </i><br>
 +
                        - Colony PCR YFP-B4-B4 in <i>E. coli</i>"
 +
                        data-category="synthesis"
 +
                        data-date="06/03 - 06/09">
 +
                    </div>
 +
                    <div class="timeline-dot"
 +
                        data-text="<h2>YFP</h2>
 +
                        - sequencing result of YFP B4-B4 clone 2 was positive"
 +
                        data-category="synthesis"
 +
                        data-date="06/17 - 06/23">
 +
                    </div>
 +
                    <div class="timeline-month"
 +
                        data-text="<h2>B2 Linker</h2>
 +
                        - creating new primers"
 +
                        data-category="synthesis"
 +
                        data-date="07/01 - 07/07">
 +
                        July
 +
                    </div>
 +
                    <div class="timeline-dot"
 +
                        data-text="<h2>B2 Linker</h2>
 +
                        - Oligo Annealing B2 Linker<br>
 +
                        - succesfull"
 +
                        data-category="synthesis"
 +
                        data-image="https://static.igem.org/mediawiki/2019/e/e8/T--Humboldt_Berlin--notebook_s_0708.png"
 +
                        data-date="06/17 - 06/23">
 +
                    </div>
 +
 +
  
 
                     <!-- human practice -->
 
                     <!-- human practice -->
Line 518: Line 561:
 
                         data-category="chlamy">
 
                         data-category="chlamy">
 
                         January
 
                         January
 +
                    </div>
 +
<div class="timeline-month"
 +
                        data-text="- First Toxicity-tests in a multicultivator, which measures algal growth under different conditions: Inhibition of C. reinhardtii by ethylene glycol at a concentration of 6 % was confirmed<br>
 +
                        - Cultivation of strain CC-125 in high salt medium shows inhibited growth <br><br>
 +
                        - participants: Paul Herrmann, Andrej Andjelic"
 +
                        data-date="May 2019"
 +
                        data-category="chlamy">
 +
                        May
 +
                    </div>
 +
                    <div class="timeline-month"
 +
                        data-text="- started the transformations of L1-constructs into Chlamy<br>
 +
                        - checked the functionality of our paromomycin and hygromycin selection cassettes<br>
 +
                        - Cultivation tests of strain SAG 11-32b in high salt medium with added PET in concentrations of 10-800 mg/L. Wastewater contains 250 mg/L PET before treatment. <br><br>
 +
                        - participants: Simon Kelterborn, Darius Rauch, Dimitri Schumacher, Elena Rätsch, Juliana Rojas Pión, Paul Herrmann"
 +
                        data-date="June 2019"
 +
                        data-image="https://static.igem.org/mediawiki/2019/4/40/T--Humboldt_Berlin--HSM_PET.jpeg"
 +
                        data-category="chlamy">
 +
                        June
 +
                    </div>
 +
                    <div class="timeline-month"
 +
                        data-text="- First Chlamy transformations are discarded, since they were contaminated<br>
 +
                        - Transformation of further L1-constructs<br>
 +
                        - constructs containing YFP: colony-PCR showed integration of the plasmid into Chlamy’s genome, but no fluorescence could be measured by the plate reader <br>
 +
                        - PETase-YFP-containing constructs displayed fluorescence visible under the confocal microscopy<br><br>
 +
                        - participants: Darius Rauch, Dimitri Schumacher, Elena Rätsch, Juliana Rojas Pión, Paul Herrmann"
 +
                        data-date="July 2019"
 +
                        data-category="chlamy">
 +
                        July
 +
                    </div>
 +
                    <div class="timeline-month"
 +
                        data-text="- Started with the construction of our own bioreactor. Conceptualization of the functionalities and necessary features had before been experimentally determined during our multicultivation tests<br>"
 +
                        data-date="August 2019"
 +
                        data-category="chlamy">
 +
                        August
 +
                    </div>
 +
                    <div class="timeline-month"
 +
                        data-text="- Wiring and programming the sensors and LEDs on the DIY-bioreactor<br>
 +
                        - laser-cutting of the shell and cultivation compartment of our bioreactor"
 +
                        data-date="September 2019"
 +
                        data-category="chlamy">
 +
                        September
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 606: Line 690:
 
      
 
      
 
             function setFixedElements() {
 
             function setFixedElements() {
                 if (window.pageYOffset >= (window.innerHeight + 100)) {
+
                 var timelineOffset = document.querySelector('.timeline').getBoundingClientRect().top;
 +
 
 +
                if (timelineOffset < 150) {
 
                     infobox.classList.add('fixed')
 
                     infobox.classList.add('fixed')
 
                 } else {
 
                 } else {
Line 647: Line 733:
 
      
 
      
 
                 const activeElements = document.querySelectorAll('.active-timeline-el');
 
                 const activeElements = document.querySelectorAll('.active-timeline-el');
                 const lastActive = activeElements[activeElements.length - 1]
+
                 var lastActive = activeElements[activeElements.length - 1];
 +
                if (lastActive === undefined) {
 +
                    lastActive = document.querySelectorAll('.timeline > div.visible')[0];
 +
                }
 
      
 
      
 
                 if (lastActive !== undefined) {
 
                 if (lastActive !== undefined) {

Latest revision as of 21:47, 21 October 2019