|
|
Line 1: |
Line 1: |
| {{Humboldt_Berlin}} | | {{Humboldt_Berlin}} |
| <html> | | <html> |
− |
| |
| | | |
| <div class="has-animations description no-js" id="container"> | | <div class="has-animations description no-js" id="container"> |
| <div class="container"> | | <div class="container"> |
| | | |
− | <!------------------------------------------ NAVIGATION --------------------------------------------------> | + | <!------------------------------------------ NAVIGATION --------------------------------------------------> |
− | <!-- INFO: move the class="active" to the correct <a> Tag --> | + | <!-- INFO: move the class="active" to the correct <a> Tag --> |
| | | |
| <nav> | | <nav> |
Line 92: |
Line 91: |
| </nav> | | </nav> |
| | | |
− | <!------------------------------------------ NAVIGATION END --------------------------------------------------> | + | <!------------------------------------------ NAVIGATION END --------------------------------------------------> |
| | | |
− | <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/4/43/T--Humboldt_Berlin--design.jpg" alt="Experiments" /> | | <img src="https://static.igem.org/mediawiki/2019/4/43/T--Humboldt_Berlin--design.jpg" alt="Experiments" /> |
Line 102: |
Line 101: |
| </div> | | </div> |
| | | |
− | <section class="page-content fixed-header-content experiments"> | + | <section class="page-content fixed-header-content experiments"> |
| <div class="protocolls-header"> | | <div class="protocolls-header"> |
| <h2 class="page-subheadline">Protocols</h2> | | <h2 class="page-subheadline">Protocols</h2> |
| <div class="protocolls-buttons"> | | <div class="protocolls-buttons"> |
| <div class="collapse-all"> | | <div class="collapse-all"> |
− | <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg"> | + | <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg"> Collapse all |
− | Collapse all
| + | |
| </div> | | </div> |
| <div class="expand-all"> | | <div class="expand-all"> |
− | <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg"> | + | <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg"> Expand all |
− | Expand all
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-container"> | | <div class="experiments-container"> |
| <div class="experiments-bar open"> | | <div class="experiments-bar open"> |
| <h3 class="lightgreen">Chlamydomonas Protocol</h3> | | <h3 class="lightgreen">Chlamydomonas Protocol</h3> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
| <div class="experiments-bar open"> | | <div class="experiments-bar open"> |
| <h3>Cultivation</h3> | | <h3>Cultivation</h3> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <div class="experiments-bar-content">
| + | <div class="experiments-bar-content"> |
| <div class="experiments-bar"> | | <div class="experiments-bar"> |
| <h3>Media</h3> | | <h3>Media</h3> |
| | | |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
− | <p>
| + | <p> |
− | To be able to work with <i>C. reinhardtii</i>, you will need medium.
| + | To be able to work with <i>C. reinhardtii</i>, you will need medium. This medium can be in either liquid or solid form and is essential for any experiment regarding C. reinhardtii. The media we used for |
− | This medium can be in either liquid or solid form and is essential
| + | <i>C. reinhardtii</i> is TAP medium. |
− | for any experiment regarding C. reinhardtii. The media we used for
| + | </p> |
− | <i>C. reinhardtii</i> is TAP medium.
| + | |
− | </p>
| + | |
| | | |
− | <table>
| + | <table> |
− | <tr>
| + | <tr> |
− | <th scope="col">Media</th>
| + | <th scope="col">Media</th> |
− | <th scope="col">0,5 L</th>
| + | <th scope="col">0,5 L</th> |
− | <th scope="col">1,8L</th>
| + | <th scope="col">1,8L</th> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td><b>40 x TAP/TA/TAPi</b></td>
| + | <td><b>40 x TAP/TA/TAPi</b></td> |
− | <td>12,5 ml</td>
| + | <td>12,5 ml</td> |
− | <td>20 ml</td>
| + | <td>20 ml</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td><b>40 x Beijerink Salts</b></td>
| + | <td><b>40 x Beijerink Salts</b></td> |
− | <td>12,5 ml</td>
| + | <td>12,5 ml</td> |
− | <td>20 ml</td>
| + | <td>20 ml</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td><b>Trace Elements (revised)</b></td>
| + | <td><b>Trace Elements (revised)</b></td> |
− | <td>3,5 ml</td>
| + | <td>3,5 ml</td> |
− | <td>5,6 ml</td>
| + | <td>5,6 ml</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td><b>H2O</b></td>
| + | <td><b>H2O</b></td> |
− | <td>471,5 ml</td>
| + | <td>471,5 ml</td> |
− | <td>754,4 ml</td>
| + | <td>754,4 ml</td> |
− | </tr>
| + | </tr> |
− | <tr>
| + | <tr> |
− | <td><b>For Plates: + Agar (1,8 %)</b></td>
| + | <td><b>For Plates: + Agar (1,8 %)</b></td> |
− | <td>7,2 g</td>
| + | <td>7,2 g</td> |
− | <td>14,4 g</td>
| + | <td>14,4 g</td> |
− | </tr>
| + | </tr> |
− | </table>
| + | </table> |
− | <p>Tap Medium should be adjusted to 7,0 - 7,2 pH and autoclaved.</p>
| + | <p>Tap Medium should be adjusted to 7,0 - 7,2 pH and autoclaved.</p> |
− | </br>
| + | </br> |
− | </div> | + | </div> |
| </div> | | </div> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <div class="experiments-bar-content">
| + | <div class="experiments-bar-content"> |
− | <div class="experiments-bar">
| + | <div class="experiments-bar"> |
− | <h3>Stocks</h3>
| + | <h3>Stocks</h3> |
| | | |
| + | <div class="experiments-bar-content"> |
| + | <table> |
| + | <tr> |
| + | <th scope="col"> |
| + | 40 x TAP 1L |
| + | </th> |
| + | <th scope="col">autoclave, store at 4°C</th> |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td>Tris (121,14 g/mol)</td> |
| + | <td>96,8 g (0,8 M)</td> |
| + | </tr> |
| + | <tr> |
| + | <td>1 M (K) PO<sub>4</sub></td> |
| + | <td>40 ml (40 mM)</td> |
| + | </tr> |
| + | |
| + | </table> |
| + | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p> |
| + | </br> |
| + | <table> |
| + | <tr> |
| + | <th scope="col">40 x TA 1L</th> |
| + | <th scope="col">autoclave, store at 4°C</th> |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td>Tris (121,14 g/mol)</td> |
| + | <td>96,8 g (0,8 M)</td> |
| + | </tr> |
| + | |
| + | </table> |
| + | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p> |
| + | </br> |
| + | <table> |
| + | <tr> |
| + | <th scope="col">40 x TAPi 1L</th> |
| + | <th scope="col">autoclave, store at 4°C</th> |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td>Tris (121.14 g/mol)</td> |
| + | <td>96,8 g (0,8 M)</td> |
| + | </tr> |
| + | <tr> |
| + | <td>1 M K<sub>2</sub>HPO<sub>3</sub> 120.08 g/mol</td> |
| + | <td>40ml (40mM)</td> |
| + | </tr> |
| + | |
| + | </table> |
| + | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p> |
| + | </br> |
| + | <table> |
| + | <tr> |
| + | <th scope="col"> 1 M (K)PO<sub>4</sub></th> |
| + | <th scope="col">MW(g/mol) </th> |
| + | <th scope="col">conc. </th> |
| + | <th scope="col">420 ml</th> |
| + | </tr> |
| + | <tr> |
| + | <td>K<sub>2</sub>HPO<sub>4</sub> ∙3 H<sub>2</sub>O </td> |
| + | <td>228,22 </td> |
| + | <td>1 M; 228 g/l </td> |
| + | <td>≈0,6 M; 136 g/l </td> |
| + | </tr> |
| + | <tr> |
| + | <td>K<sub>2</sub>HPO<sub>4</sub> </td> |
| + | <td>136,09 </td> |
| + | <td>1 M; 136 g/l </td> |
| + | <td>≈ 0,4 M; 55,08 g/l </td> |
| + | </tr> |
| + | </table> |
| + | <p>250 ml 1 M K<sub>2</sub>HPO<sub>4</sub> + ca. 170 ml KH<sub>2</sub>PO<sub>4</sub> , adjust to pH 7, autoclave, store at 4°C |
| + | </br> |
| + | <table> |
| + | <tr> |
| + | <th scope="col"> 1 M (K)PO<sub>3</sub></th> |
| + | <th scope="col">MW(g/mol) </th> |
| + | <th scope="col">conc. </th> |
| + | <th scope="col">1 l</th> |
| + | </tr> |
| + | <tr> |
| + | <td>K<sub>2</sub>HPO<sub>3</sub> </td> |
| + | <td>120.086 </td> |
| + | <td>1 M; 120.086 g/l </td> |
| + | <td>≈1 M; 120.086 g/l </td> |
| + | </tr> |
| + | </table> |
| + | <p>K<sub>2</sub>HPO<sub>3</sub> was obtained by Haihang co. ltd. (13977-65-6) Autoclave, store at 4°C |
| + | <p> |
| + | <table> |
| + | <tr> |
| + | <th scope="col"> 40 x Beijerinck salts 1 L</th> |
| + | <th scope="col">autoclave, store at 4°C</th> |
| + | |
| + | </tr> |
| + | <tr> |
| + | <td>NH |
| + | <sub>4</sub>Cl </td> |
| + | <td>16 g </td> |
| + | </tr> |
| + | <tr> |
| + | <td>CaCl<sub>2</sub> ∙2H |
| + | <sub>2</sub>O</td> |
| + | <td>2 g</td> |
| + | </tr> |
| + | <tr> |
| + | <td>MgSO |
| + | <sub>4</sub> ∙7H |
| + | <sub>2</sub>O </td> |
| + | <td>4 g</td> |
| + | </tr> |
| + | </table> |
| + | </br> |
| + | <p><b>Trace Elements (revised) </b></p> |
| + | <p>To make the trace elements following publication was used: Kropat, J., Hong-Hermesdorf, A., Casero, D., Ent, P., Castruita, M., Pellegrini, M., … </br> |
| + | Malasarn, D. (2011). A revised mineral nutrient supplement increases biomass and growth rate in <i>Chlamydomonas reinhardtii</i>. </br> |
| + | The Plant Journal, 66(5), 770–780. <a href="http://doi.org/10.1111/j.1365-313X.2011.04537.x">http://doi.org/10.1111/j.1365-313X.2011.04537.x</a></p> |
| + | </br> |
| + | </div> |
| + | </div> |
| + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
− | <table>
| + | <div class="experiments-bar"> |
− | <tr>
| + | <h3>Additives</h3> |
− | <th scope="col"> | + | |
− | 40 x TAP 1L
| + | |
− | </th>
| + | |
− | <th scope="col">autoclave, store at 4°C</th>
| + | |
− |
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Tris (121,14 g/mol)</td>
| + | |
− | <td>96,8 g (0,8 M)</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>1 M (K) PO<sub>4</sub></td>
| + | |
− | <td>40 ml (40 mM)</td>
| + | |
− | </tr>
| + | |
− |
| + | |
− | </table>
| + | |
− | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p>
| + | |
− | </br>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th scope="col">40 x TA 1L</th>
| + | |
− | <th scope="col">autoclave, store at 4°C</th>
| + | |
− |
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Tris (121,14 g/mol)</td>
| + | |
− | <td>96,8 g (0,8 M)</td>
| + | |
− | </tr>
| + | |
− |
| + | |
− | </table>
| + | |
− | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p>
| + | |
− | </br>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th scope="col">40 x TAPi 1L</th>
| + | |
− | <th scope="col">autoclave, store at 4°C</th>
| + | |
− |
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Tris (121.14 g/mol)</td>
| + | |
− | <td>96,8 g (0,8 M)</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>1 M K<sub>2</sub>HPO<sub>3</sub> 120.08 g/mol</td>
| + | |
− | <td>40ml (40mM)</td>
| + | |
− | </tr>
| + | |
− |
| + | |
− | </table>
| + | |
− | <p>adjust pH 7.0-7.2 with conc. AcOH (~44ml)</p>
| + | |
− | </br>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th scope="col"> 1 M (K)PO<sub>4</sub></th>
| + | |
− | <th scope="col">MW(g/mol) </th>
| + | |
− | <th scope="col">conc. </th>
| + | |
− | <th scope="col">420 ml</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>K<sub>2</sub>HPO<sub>4</sub> ∙3 H<sub>2</sub>O </td>
| + | |
− | <td>228,22 </td>
| + | |
− | <td>1 M; 228 g/l </td>
| + | |
− | <td>≈0,6 M; 136 g/l </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>K<sub>2</sub>HPO<sub>4</sub> </td>
| + | |
− | <td>136,09 </td>
| + | |
− | <td>1 M; 136 g/l </td>
| + | |
− | <td>≈ 0,4 M; 55,08 g/l </td>
| + | |
− | </tr>
| + | |
− | </table>
| + | |
− | <p>250 ml 1 M K<sub>2</sub>HPO<sub>4</sub> + ca. 170 ml KH<sub>2</sub>PO<sub>4</sub> , adjust to pH 7, autoclave, store at 4°C
| + | |
− | </br>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th scope="col"> 1 M (K)PO<sub>3</sub></th>
| + | |
− | <th scope="col">MW(g/mol) </th>
| + | |
− | <th scope="col">conc. </th>
| + | |
− | <th scope="col">1 l</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>K<sub>2</sub>HPO<sub>3</sub> </td>
| + | |
− | <td>120.086 </td>
| + | |
− | <td>1 M; 120.086 g/l </td>
| + | |
− | <td>≈1 M; 120.086 g/l </td>
| + | |
− | </tr>
| + | |
− | </table>
| + | |
− | <p>K<sub>2</sub>HPO<sub>3</sub> was obtained by Haihang co. ltd. (13977-65-6) Autoclave, store at 4°C<p>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th scope="col"> 40 x Beijerinck salts 1 L</th>
| + | |
− | <th scope="col">autoclave, store at 4°C</th>
| + | |
| | | |
− | </tr>
| + | <div class="experiments-bar-content"> |
− | <tr>
| + | |
− | <td>NH<<sub>4</sub>Cl </td>
| + | <table> |
− | <td>16 g </td>
| + | <tr> |
− | </tr>
| + | <th scope="col">Additive (optional)</th> |
− | <tr>
| + | <th scope="col">Working Concentration</th> |
− | <td>CaCl<sub>2</sub> ∙2H<<sub>2</sub>O</td>
| + | |
− | <td>2 g</td>
| + | </tr> |
− | </tr>
| + | <tr> |
− | <tr>
| + | <td>Arginin</td> |
− | <td>MgSO<<sub>4</sub> ∙7H<<sub>2</sub>O </td>
| + | <td>100 µg/ml</td> |
− | <td>4 g</td>
| + | </tr> |
− | </tr>
| + | <tr> |
− | </table>
| + | <td>Paromomycin</td> |
− | </br> | + | <td>10-12 µg/ml</td> |
− | <p><b>Trace Elements (revised) </b></p> | + | </tr> |
− | <p>To make the trace elements following publication was used: | + | <tr> |
− | Kropat, J., Hong-Hermesdorf, A., Casero, D., Ent, P., Castruita, M., Pellegrini, M., … </br>
| + | <td>Hygromycin</td> |
− | Malasarn, D. (2011). A revised mineral nutrient supplement increases biomass and growth rate in <i>Chlamydomonas reinhardtii</i>. </br>
| + | <td>10 µg/ml</td> |
− | The Plant Journal, 66(5), 770–780. <a href="http://doi.org/10.1111/j.1365-313X.2011.04537.x">http://doi.org/10.1111/j.1365-313X.2011.04537.x</a></p>
| + | </tr> |
− | </br> | + | <tr> |
− | </div> | + | <td>Ampicillin</td> |
− | </div> | + | <td>100-500 µg/ml</td> |
− | <!--------------------------------------------------------------------------------------------> | + | </tr> |
− | <div class="experiments-bar-content">
| + | </table> |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!--------------------------------------------------------------------------------------------> |
| + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar"> | | <div class="experiments-bar"> |
− | <h3>Additives</h3> | + | <h3>Cultivation</h3> |
| | | |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
| | | |
− | <table> | + | </div> |
− | <tr>
| + | </div> |
− | <th scope="col">Additive (optional)</th>
| + | <!--------------------------------------------------------------------------------------------> |
− | <th scope="col">Working Concentration</th>
| + | <!--------------------------------------------------------------------------------------------> |
| + | <div class="experiments-bar"> |
| + | <h3>Transformation</h3> |
| | | |
− | </tr> | + | <div class="experiments-bar-content"> |
− | <tr>
| + | TODO |
− | <td>Arginin</td> | + | </div> |
− | <td>100 µg/ml</td>
| + | </div> |
− | </tr>
| + | <!--------------------------------------------------------------------------------------------> |
− | <tr>
| + | <!--------------------------------------------------------------------------------------------> |
− | <td>Paromomycin</td>
| + | <div class="experiments-bar"> |
− | <td>10-12 µg/ml</td>
| + | <h3>Colony Screening PCR</h3> |
− | </tr> | + | |
− | <tr>
| + | |
− | <td>Hygromycin</td>
| + | |
− | <td>10 µg/ml</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>Ampicillin</td>
| + | |
− | <td>100-500 µg/ml</td>
| + | |
− | </tr> | + | |
− | </table>
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div> | + | |
− | <!--------------------------------------------------------------------------------------------> | + | |
− | <!--------------------------------------------------------------------------------------------> | + | |
− | <div class="experiments-bar">
| + | |
− | <h3>Cultivation</h3>
| + | |
| | | |
− | <div class="experiments-bar-content">
| + | <div class="experiments-bar-content"> |
− |
| + | TODO |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | <!-------------------------------------------------------------------------------------------->
| + | |
− | <!-------------------------------------------------------------------------------------------->
| + | |
− | <div class="experiments-bar">
| + | |
− | <h3>Transformation</h3>
| + | |
− | | + | |
− | <div class="experiments-bar-content">
| + | |
− | TODO | + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-------------------------------------------------------------------------------------------->
| + | |
− | <!-------------------------------------------------------------------------------------------->
| + | |
− | <div class="experiments-bar">
| + | |
− | <h3>Colony Screening PCR</h3>
| + | |
− | | + | |
− | <div class="experiments-bar-content">
| + | |
− | TODO
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar open"> | | <div class="experiments-bar open"> |
| <h3 class="pink"><i>E. coli</i> Protocols</h3> | | <h3 class="pink"><i>E. coli</i> Protocols</h3> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
| <div class="experiments-bar open"> | | <div class="experiments-bar open"> |
| <h3>Cultivation</h3> | | <h3>Cultivation</h3> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar-content"> | | <div class="experiments-bar-content"> |
| <div class="experiments-bar"> | | <div class="experiments-bar"> |
Line 382: |
Line 383: |
| </div> | | </div> |
| </div> | | </div> |
− | <!--------------------------------------------------------------------------------------------> | + | <!--------------------------------------------------------------------------------------------> |
| <div class="experiments-bar"> | | <div class="experiments-bar"> |
| <h3>Overnight Cultures</h3> | | <h3>Overnight Cultures</h3> |
Line 481: |
Line 482: |
| </section> | | </section> |
| | | |
− | </main>
| + | <!------------------------------------------ FOOTER ----------------------------------------> |
− | | + | <div class="footer-container"> |
− | <!------------------------------------------ FOOTER ----------------------------------------> | + | <footer class="width-limit"> |
− | <div class="footer-container">
| + | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--Humboldt_Berlin--logo_black.png" class="footer-logo" alt="Chlamylicious Logo Black" /> |
− | <footer class="width-limit">
| + | <div class="footer-right"> |
− | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--Humboldt_Berlin--logo_black.png" class="footer-logo" alt="Chlamylicious Logo Black" />
| + | <ul> |
− | <div class="footer-right">
| + | <li> |
− | <ul>
| + | <a href="/Team:Humboldt_Berlin"> |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin">
| + | |
| Home | | Home |
| </a> | | </a> |
− | </li>
| + | </li> |
− | <li>
| + | <li> |
− | <a href="/Team:Humboldt_Berlin/Team">
| + | <a href="/Team:Humboldt_Berlin/Team"> |
| Team | | Team |
| </a> | | </a> |
− | </li>
| + | </li> |
− | <li>
| + | <li> |
− | <a href="/Team:Humboldt_Berlin/Description">
| + | <a href="/Team:Humboldt_Berlin/Description"> |
| Project | | Project |
| </a> | | </a> |
− | </li>
| + | </li> |
− | </ul>
| + | </ul> |
− | <ul>
| + | <ul> |
− | <li>
| + | <li> |
− | <a href="/Team:Humboldt_Berlin/Parts">
| + | <a href="/Team:Humboldt_Berlin/Parts"> |
| Parts | | Parts |
| </a> | | </a> |
− | </li>
| + | </li> |
− | <li>
| + | <li> |
− | <a href="/Team:Humboldt_Berlin/Safety">
| + | <a href="/Team:Humboldt_Berlin/Safety"> |
| Safety | | Safety |
| </a> | | </a> |
− | </li>
| + | </li> |
− | <li>
| + | <li> |
− | <a href="/Team:Humboldt_Berlin/Human_Practices">
| + | <a href="/Team:Humboldt_Berlin/Human_Practices"> |
| Human Practices | | Human Practices |
| </a> | | </a> |
− | </li>
| + | </li> |
− | <li>
| + | <li> |
− | <a href="https://igem.org/2019_Judging_Form?team=Humboldt_Berlin">
| + | <a href="https://igem.org/2019_Judging_Form?team=Humboldt_Berlin"> |
| For Judges | | For Judges |
| </a> | | </a> |
− | </li>
| + | </li> |
− | </ul>
| + | </ul> |
− | </div>
| + | </div> |
− | </footer>
| + | </footer> |
− | </div>
| + | </div> |
| | | |
| + | <!------------------------------------------ FOOTER END ----------------------------------------> |
| | | |
− | <!------------------------------------------ FOOTER END ----------------------------------------> | + | <script> |
| + | (function() { |
| + | document.querySelector('.no-js').classList.add('js') |
| + | document.querySelector('.no-js').classList.remove('no-js') |
| + | }()) |
| | | |
− | <script>
| + | window.addEventListener("scroll", function() { |
− | (function () { | + | const elements = document.querySelectorAll('.is-revealing'); |
− | document.querySelector('.no-js').classList.add('js')
| + | |
− | document.querySelector('.no-js').classList.remove('no-js')
| + | |
− | }())
| + | |
| | | |
− | window.addEventListener("scroll", function () {
| + | [].forEach.call(elements, function(el) { |
− | const elements = document.querySelectorAll('.is-revealing');
| + | if (isElementVisible(el)) { |
| + | el.classList.add('is-revealing-visible') |
| + | } |
| + | }); |
| + | }); |
| | | |
− | [].forEach.call(elements, function(el) {
| + | function isElementVisible(el) { |
− | if (isElementVisible(el)) {
| + | var top = el.offsetTop; |
− | el.classList.add('is-revealing-visible')
| + | var height = el.offsetHeight; |
− | }
| + | |
− | });
| + | |
− | });
| + | |
| | | |
− | function isElementVisible(el) {
| + | while (el.offsetParent) { |
− | var top = el.offsetTop;
| + | el = el.offsetParent; |
− | var height = el.offsetHeight;
| + | top += el.offsetTop; |
| + | } |
| | | |
− | while(el.offsetParent) {
| + | return ( |
− | el = el.offsetParent;
| + | (top + height) <= (window.pageYOffset + window.innerHeight) + 100 |
− | top += el.offsetTop;
| + | ); |
− | }
| + | } |
| | | |
− | return (
| + | var dropdowns = document.querySelectorAll('.experiments-bar h3'); |
− | (top + height) <= (window.pageYOffset + window.innerHeight) + 100
| + | var experimentBars = document.querySelectorAll('.experiments-bar'); |
− | );
| + | // TODO queryselectorall? |
− | } | + | for (var i = 0; i < dropdowns.length; i++) { |
| + | dropdowns[i].addEventListener('click', function(event) { |
| + | var barContainer = this.closest('.experiments-bar'); |
| + | if (barContainer.classList.contains('open')) { |
| + | barContainer.classList.remove('open'); |
| + | } else { |
| + | barContainer.classList.add('open'); |
| + | } |
| + | }); |
| + | } |
| | | |
− | var dropdowns = document.querySelectorAll('.experiments-bar h3');
| + | document.querySelector('.collapse-all').addEventListener('click', function() { |
− | var experimentBars = document.querySelectorAll('.experiments-bar');
| + | for (var i = 0; i < experimentBars.length; i++) { |
− | // TODO queryselectorall?
| + | experimentBars[i].classList.remove('open'); |
− | for (var i = 0; i < dropdowns.length; i++) {
| + | }; |
− | dropdowns[i].addEventListener('click', function(event) {
| + | |
− | var barContainer = this.closest('.experiments-bar');
| + | |
− | if (barContainer.classList.contains('open')) {
| + | |
− | barContainer.classList.remove('open');
| + | |
− | } else { | + | |
− | barContainer.classList.add('open');
| + | |
− | }
| + | |
| }); | | }); |
− | }
| |
| | | |
− | document.querySelector('.collapse-all').addEventListener('click', function() {
| + | document.querySelector('.expand-all').addEventListener('click', function() { |
− | for (var i = 0; i < experimentBars.length; i++) { | + | for (var i = 0; i < experimentBars.length; i++) { |
− | experimentBars[i].classList.remove('open');
| + | experimentBars[i].classList.add('open'); |
− | };
| + | }; |
− | });
| + | }); |
− | | + | </script> |
− | document.querySelector('.expand-all').addEventListener('click', function() {
| + | |
− | for (var i = 0; i < experimentBars.length; i++) {
| + | |
− | experimentBars[i].classList.add('open');
| + | |
− | };
| + | |
− | });
| + | |
− | </script> | + | |
| | | |
| </html> | | </html> |