|
|
(42 intermediate revisions by 4 users not shown) |
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 31: |
Line 30: |
| <div class="submenu"> | | <div class="submenu"> |
| <a href="/Team:Humboldt_Berlin/Team">Team members</a> | | <a href="/Team:Humboldt_Berlin/Team">Team members</a> |
− | <a href="/Team:Humboldt_Berlin/Collaborations">Collaboration</a> | + | <a href="/Team:Humboldt_Berlin/Collaborations">Collaborations</a> |
| </div> | | </div> |
| </div> | | </div> |
Line 75: |
Line 74: |
| <a>Awards</a> | | <a>Awards</a> |
| <div class="submenu"> | | <div class="submenu"> |
− | <a href="/Team:Humboldt_Berlin/Entrepreneurship">Entrepreneurship</a>
| |
| <a href="/Team:Humboldt_Berlin/Hardware">Hardware</a> | | <a href="/Team:Humboldt_Berlin/Hardware">Hardware</a> |
| <a href="/Team:Humboldt_Berlin/Measurement">Measurement</a> | | <a href="/Team:Humboldt_Berlin/Measurement">Measurement</a> |
| <a href="/Team:Humboldt_Berlin/Model">Model</a> | | <a href="/Team:Humboldt_Berlin/Model">Model</a> |
| <a href="/Team:Humboldt_Berlin/Plant">Plant</a> | | <a href="/Team:Humboldt_Berlin/Plant">Plant</a> |
− | <a href="/Team:Humboldt_Berlin/Software">Software</a>
| |
| </div> | | </div> |
| </div> | | </div> |
| <div class="devider"></div> | | <div class="devider"></div> |
− | <a href="https://igem.org/2019_Judging_Form?team=Humboldt_Berlin"> | + | <a href="https://2019.igem.org/Team:Humboldt_Berlin/Achievements"> |
| For Judges | | For Judges |
| </a> | | </a> |
Line 92: |
Line 89: |
| </nav> | | </nav> |
| | | |
− | <!------------------------------------------ NAVIGATION END --------------------------------------------------> | + | <!------------------------------------------ NAVIGATION END --------------------------------------------------> |
| | | |
− | <!------------------------------------------ HEADER--------------------------------------------------> | + | <!------------------------------------------ HEADER--------------------------------------------------> |
| <div class="fixed-header-container"> | | <div class="fixed-header-container"> |
| <section class="fixed-image-header"> | | <section class="fixed-image-header"> |
| <!-- HEADER IMAGE --> | | <!-- HEADER IMAGE --> |
− | <img src="https://static.igem.org/mediawiki/2019/e/e9/T--Humboldt_Berlin--description-header.jpg" alt="notebook" /> | + | <img src="https://static.igem.org/mediawiki/2019/5/58/T--Humboldt_Berlin--Safety-gloves.jpg" alt="Lab gloves" /> |
| </section> | | </section> |
− |
| + | |
| <!-- HEADLINE TEXT --> | | <!-- HEADLINE TEXT --> |
− | <h1 class="page-headline description">Headline</h1> | + | <h1 class="page-headline description">Safety</h1> |
| </div> | | </div> |
| | | |
− | <!------------------------------------------ HEADER END --------------------------------------------------> | + | <!------------------------------------------ HEADER END --------------------------------------------------> |
| | | |
| <section class="page-content fixed-header-content"> | | <section class="page-content fixed-header-content"> |
| <!---------- SUB HEADLINE -------------> | | <!---------- SUB HEADLINE -------------> |
− | <h2 class="page-subheadline">Subheadline</h2> | + | <div class="width-limit padding-container"> |
| + | <p style="font-size:50px; text-align:left"><i>noun</i></br>"the condition of being protected from or unlikely to cause danger, risk, or injury"<sup>(1)</sup></br> |
| + | </br> |
| + | </p> |
| + | </div> |
| | | |
| + | <!------------------------------------------ DEVIDER LINE --------------------------------------------> |
| + | <div class="greyblue-devider"></div> |
| + | <!------------------------------------------ DEVIDER LINE END --------------------------------------------> |
| | | |
− | <!------------------------------------------ TWO COLUMN IMG LEFT --------------------------------------------------> | + | <!------------------------------------------ TWO COLUMN IMG LEFT --------------------------------------------------> |
| | | |
| <div class="width-limit"> | | <div class="width-limit"> |
| <div class="two-columns"> | | <div class="two-columns"> |
− | <div>
| + | |
− | <!-- IMAGE -->
| + | |
− | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
| + | |
− | </div>
| + | |
| <div> | | <div> |
| <!-----------------------------------------------------------------------> | | <!-----------------------------------------------------------------------> |
| <!----------------------------TEXT----------------------------> | | <!----------------------------TEXT----------------------------> |
| <!-----------------------------------------------------------------------> | | <!-----------------------------------------------------------------------> |
− | <h3 class="headline3">Text Headline</h3> | + | <h3 class="headline3">Safety in the lab</h3> |
| <p class="block-text medium-sized"> | | <p class="block-text medium-sized"> |
− | Text for the two column thingy here | + | One of the biggest risks in laboratory work is the misuse or the wrong use of equipment or chemicals. To ensure proper usage Safety Instructions were mandatory for everyone to enable every team member to work autonomously. Lab clearance was granted from lab officials after participating in a safety briefing. Everyone had to comply with the lab guidelines at every time. All work (except Chlamy transformation and fluorescence microscopy which were carried out in the laboratory of Prof. Hegemann or the Plant Physiology group respectively) was conducted in the laboratory of Prof. Schmitz-Linneweber. Every set of tests was performed according to previous consultation of our PI or lab employees. </br>All contamination prone experiments were either performed at the clean bench or close to a burner. The organisms used (E. coli and C. reinhardtii) are both classified as S1 organisms - the lowest risk group. All flasks and culture dishes containing genetically engineered organisms were properly autoclaved. </br> More information regarding our lab safety can be found in our <a href="https://2019.igem.org/Safety/Final_Safety_Form?team_id=2984">iGEM Safety Form.</a> |
| + | |
| </p> | | </p> |
| + | </div> |
| + | <div> |
| + | <!-- IMAGE --> |
| + | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/7/7a/T--Humboldt_Berlin--Lab2.jpeg" alt="lab foto" /> |
| </div> | | </div> |
| </div> | | </div> |
| | | |
| + | <!--------------------------------------- TWO COLUMN IMG LEFT END -----------------------------------------------> |
| | | |
− | <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
| + | <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------> |
− | | + | |
− | <!---------------------------------------------- QUOTE -------------------------------------------------------->
| + | |
− | | + | |
− | <blockquote class="quote image-left"> | + | |
− | <div class="quote-image-container">
| + | |
− | <!-- QUOTE IMAGE -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/2/2d/T--Humboldt_Berlin--flasche_igem.png" alt="plastic bottle illustration" />
| + | |
− | </div>
| + | |
− | <div class="block-text big-underline big-text">
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <!---------------------------- Quote Text ---------------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <p><b>
| + | |
− | Have the Quote Text Here - it is underlined
| + | |
− | </b></p>
| + | |
− | </div>
| + | |
− | </blockquote>
| + | |
− | | + | |
− | <!---------------------------------------------- QUOTE END ------------------------------------------------------->
| + | |
− | | + | |
− | | + | |
− | <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------> | + | |
| | | |
| <div class="two-columns"> | | <div class="two-columns"> |
| + | <div> |
| + | <!--- IMAGE ---> |
| + | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/f/fb/T--Humboldt_Berlin--Lab1.jpeg" alt="microplastic icon" /> |
| + | </div> |
| <div> | | <div> |
| <!-----------------------------------------------------------------------> | | <!-----------------------------------------------------------------------> |
| <!------------------IGEM PROJECTS THAT INSPIRED US-----------------------> | | <!------------------IGEM PROJECTS THAT INSPIRED US-----------------------> |
| <!-----------------------------------------------------------------------> | | <!-----------------------------------------------------------------------> |
− | <h3 class="headline3">Headline</h3> | + | <h3 class="headline3">Safety of our set-up</h3> |
| <p class="block-text medium-sized"> | | <p class="block-text medium-sized"> |
− | Text for the two column image right block | + | One question we have been asked quite often is whether we would release our algae into the water if they worked as expected. There is a simple answer to this: no!</br> |
| + | Possible usage scenarios always envision a closed system in form of a cultivator or bioreactor that can be used for instance as a possible cleaning step in wastewater treatment. Nevertheless we could prove that our Chlamys would not grow in simple tap water, even if it was autoclaved beforehand indicating no imminent danger if Chlamys would be released from their container. Additionally restricts European jurisdiction the release of Genetic Modified Organisms. |
| + | </br> |
| + | The second question many were interested in was whether the products of the two degradation steps ethylen glcycol and terephthalic acid pose a threat for the environment. The World Health Organization states in their chemical assessment that "Ethylene glycol has generally low toxicity to aquatic organisms. Toxic thresholds for microorganisms are above 1000 mg/litre" (WHO, 2000). We could demonstrate similar low toxicity on Chlamy for ethylen glcycol and terephthalic acid (see <a href="/Team:Humboldt_Berlin/Results">Results</a>). |
| + | |
| </p> | | </p> |
− | </div>
| |
− | <div>
| |
− | <!--- IMAGE --->
| |
− | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/bc/T--Humboldt_Berlin--microplastic_icon.png" alt="microplastic icon" />
| |
| </div> | | </div> |
| </div> | | </div> |
| | | |
− | <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------> | + | <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------> |
| | | |
| + | <!------------------------------------------ DEVIDER LINE --------------------------------------------> |
| + | <div class="greyblue-devider"> |
| | | |
− | <!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------> | + | <!--------------------------------------- TO TOP LINK -----------------------------------------------> |
− | <div class="two-columns-headline"> | + | <a href="#" class="to-top-link"> |
− | <!-- HEADLINE -->
| + | <img src="https://static.igem.org/mediawiki/2019/3/3e/T--Humboldt_Berlin--ArrowDown.jpg" /> Go to top |
− | <h3 class="headline3">Long text headline</h3>
| + | </a> |
− | </div>
| + | <!--------------------------------------- TO TOP LINK END -------------------------------------------> |
− | <div class="two-columns block-text medium-sized not-centered no-margin-top">
| + | |
− | <div> | + | |
− | <!-- TEXT - PARAGRAPHS ARE WRAPPED IN <p> TAGS -->
| + | |
− | <p>
| + | |
− | Paragraph Left 1
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Left 2
| + | |
− | </p>
| + | |
− | <br />
| + | |
− | <!-- IMAGE INBETWEEN -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/4/42/T--Humboldt_Berlin--chlamy_overview-cloning-system.png" alt="Pverview of the hierarchical and modular cloning system"/>
| + | |
− | <p>
| + | |
− | Paragraph Left 3
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <p>
| + | |
− | Paragraph Right 1
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 2
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 3
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 4
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | </section>
| + | |
| | | |
− | <!------------------------------------------ TWO COLUMN LONG TEXT END -------------------------------------------->
| |
| | | |
− | <!------------------------------------------ DEVIDER LINE -------------------------------------------->
| + | </div> |
− | <div class="greyblue-devider"></div>
| + | <!------------------------------------------ DEVIDER LINE END --------------------------------------------> |
− | <!------------------------------------------ DEVIDER LINE END --------------------------------------------> | + | |
| | | |
| + | <!------------------------------------------ TWO COLUMN SMALL TEXT --------------------------------------------> |
| | | |
− | <!------------------------------------------ TWO COLUMN SMALL TEXT -------------------------------------------->
| + | <section class="width-limit"> |
− | | + | <div class="two-columns block-text not-centered small-sized"> |
− | <section class="width-limit">
| + | <div> |
− | <div class="two-columns block-text not-centered small-sized">
| + | <!-- TEXT LEFT COLUMN --> |
− | <div>
| + | <p>World Health Organization, and Inter-Organization Programme for the Sound Management of Chemicals. Concise International Chemical Assessment Document. No. 22. World Health Organization, 2000.</p> |
− | <!-- TEXT LEFT COLUMN -->
| + | </div> |
− | <p>Small Text Left Column
| + | <div> |
− | </div>
| + | <!-- TEXT RIGHT COLUMN --> |
− | <div>
| + | <p>(1) https://www.merriam-webster.com/dictionary/safety</p> |
− | <!-- TEXT RIGHT COLUMN -->
| + | </div> |
− | <p>Small Text Right Column</p>
| + | </div> |
− | </div>
| + | </section> |
| </div> | | </div> |
| </section> | | </section> |
| | | |
− | <!------------------------------------------ TWO COLUMN SMALL TEXT END ----------------------------------------> | + | <!------------------------------------------ TWO COLUMN SMALL TEXT END ----------------------------------------> |
| | | |
− | </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> | | </div> |
| | | |
| + | <!------------------------------------------ FOOTER END ----------------------------------------> |
| | | |
− | <!------------------------------------------ FOOTER END ---------------------------------------->
| + | <script> |
− | | + | (function () { |
− | <script> | + | document.querySelector('.no-js').classList.add('js') |
− | (function () { | + | document.querySelector('.no-js').classList.remove('no-js') |
− | document.querySelector('.no-js').classList.add('js')
| + | }()) |
− | document.querySelector('.no-js').classList.remove('no-js')
| + | |
− | }()) | + | window.addEventListener("scroll", function () { |
− | | + | const elements = document.querySelectorAll('.is-revealing'); |
− | window.addEventListener("scroll", function () { | + | |
− | const elements = document.querySelectorAll('.is-revealing');
| + | [].forEach.call(elements, function(el) { |
− | | + | if (isElementVisible(el)) { |
− | [].forEach.call(elements, function(el) {
| + | el.classList.add('is-revealing-visible') |
− | if (isElementVisible(el)) {
| + | } |
− | el.classList.add('is-revealing-visible')
| + | }); |
− | }
| + | }); |
− | });
| + | |
− | }); | + | function isElementVisible(el) { |
− | | + | var top = el.offsetTop; |
− | function isElementVisible(el) { | + | var height = el.offsetHeight; |
− | var top = el.offsetTop;
| + | |
− | var height = el.offsetHeight;
| + | while(el.offsetParent) { |
− | | + | el = el.offsetParent; |
− | while(el.offsetParent) {
| + | top += el.offsetTop; |
− | el = el.offsetParent;
| + | } |
− | top += el.offsetTop;
| + | |
− | }
| + | return ( |
− | | + | (top + height) <= (window.pageYOffset + window.innerHeight) + 100 |
− | return (
| + | ); |
− | (top + height) <= (window.pageYOffset + window.innerHeight) + 100
| + | } |
− | );
| + | </script> |
− | } | + | |
− | </script> | + | |
| | | |
| </html> | | </html> |