|
|
(2 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| {{Template:HFLS_H2Z_Hangzhou}}<html> | | {{Template:HFLS_H2Z_Hangzhou}}<html> |
| + | <head> |
| + | <script sync src="https://cdn.bootcss.com/mathjax/2.7.2/latest.js?config=TeX-AMS_HTML"></script> |
| + | |
| + | <script type="text/x-mathjax-config"> |
| + | MathJax.Ajax.config.path["mhchem"] = "https://cdn.bootcss.com/mathjax-mhchem/3.2.0"; |
| + | MathJax.Hub.Config({ |
| + | tex2jax: { inlineMath: [ [ "$", "$" ], [ "\\(", "\\)" ] ] }, |
| + | |
| + | TeX: { |
| + | extensions: [ "[mhchem]/mhchem.js" ] |
| + | } |
| + | }); |
| + | </script> |
| + | </head> |
| + | |
| <script> | | <script> |
| $(function () { | | $(function () { |
Line 7: |
Line 22: |
| </script> | | </script> |
| | | |
− | <style> | + | <style>.atext { |
− | .page-safety .no {
| + | line-height: 1.8; |
− | display: inline-block;
| + | } |
| | | |
− | vertical-align: middle;
| + | .atext .noind { |
| + | margin-left: 0 !important; |
| + | } |
| | | |
− | height: 1.9em;
| + | .atext .no { |
− | width: 1.7em;
| + | display: inline-block; |
− | line-height: 2.1em;
| + | |
− | text-align: center;
| + | |
| | | |
− | font-size: 0.75em;
| + | vertical-align: middle; |
− | font-family: Veneer;
| + | |
| | | |
− | background: rgb(250, 250, 250);
| + | height: 1.7em; |
− | color: rgb(100, 100, 100);
| + | width: 1.6em; |
− | border: 1px solid rgba(0, 0, 0, 0.08);
| + | line-height: 1.8em; |
| + | text-align: center; |
| | | |
− | margin-right: 0.8em;
| + | font-size: 0.75em; |
− | margin-left: 2rem;
| + | font-family: Veneer; |
| | | |
− | border-radius: 3px;
| + | background: rgb(250, 250, 250); |
− | }
| + | color: rgb(130, 130, 130); |
| + | border: 1px solid rgba(0, 0, 0, 0.08); |
| | | |
− | .page-safety .dot {
| + | margin-right: 0.8em; |
− | display: inline-block;
| + | margin-left: 3rem; |
| | | |
− | width: 7px;
| + | border-radius: 3px; |
− | height: 7px;
| + | } |
| | | |
− | border-radius: 50%;
| + | .atext .dot { |
| + | display: inline-block; |
| | | |
− | background: rgb(100, 100, 100);
| + | width: 7px; |
− | vertical-align: middle;
| + | height: 7px; |
| | | |
− | box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
| + | border-radius: 50%; |
| | | |
− | margin-right: 0.8em;
| + | background: rgb(100, 100, 100); |
− | margin-left: 2rem;
| + | vertical-align: middle; |
− | }
| + | |
| | | |
− | .page-safety .sec.dot {
| + | box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); |
− | margin-left: 4rem;
| + | |
− | }
| + | |
− | </style>
| + | |
| | | |
− | <div class="page-safety" style="font-family: Veneer;"> | + | margin-right: 0.8em; |
| + | margin-left: 3rem; |
| + | } |
| + | |
| + | /* placeholder */ |
| + | .atext .ph { |
| + | display: inline-block; |
| + | content: " "; |
| + | } |
| + | |
| + | .atext .sec { |
| + | margin-left: 6rem !important; |
| + | } |
| + | |
| + | .atext .ind { |
| + | margin-left: 3rem; |
| + | } |
| + | |
| + | .atext h2 { |
| + | color: rgb(100, 100, 100); |
| + | } |
| + | |
| + | .atext h3 { |
| + | color: rgb(130, 130, 130); |
| + | } |
| + | |
| + | .atext a { |
| + | color: #2980B9 !important; |
| + | |
| + | border-bottom: 2px solid transparent; |
| + | |
| + | cursor: pointer; |
| + | transition: color 0.2s, border 0.3s; |
| + | } |
| + | |
| + | .atext a:hover { |
| + | color: #3498DB !important; |
| + | border-bottom: 2px solid #3498DB; |
| + | } |
| + | |
| + | .atext a:active { |
| + | color: #1274B5 !important; |
| + | border-bottom: 2px solid #1274B5; |
| + | } |
| + | |
| + | .atext .ref-block { |
| + | display: block; |
| + | padding: 1.5em; |
| + | background: rgba(0, 0, 0, 0.05); |
| + | border-left: 5px solid rgb(200, 200, 200); |
| + | |
| + | color: rgb(70, 70, 70); |
| + | } |
| + | </style> |
| + | |
| + | <div class="page-safety atext" style="font-family: Veneer;"> |
| <div class="main-block fullscr main-title" style="font-size: 7rem; text-align: center;"> | | <div class="main-block fullscr main-title" style="font-size: 7rem; text-align: center;"> |
| <div class="vcenter" style="line-height: 1;"> | | <div class="vcenter" style="line-height: 1;"> |
Line 67: |
Line 135: |
| <div class="no">1</div>We wear aprons, goggles, gloves as required when doing experiment. | | <div class="no">1</div>We wear aprons, goggles, gloves as required when doing experiment. |
| <br> | | <br> |
− | <div class="no">2</div>No eating and drinking on workspace | + | <div class="no">2</div>No eating nor drinking at workspace |
| <br> | | <br> |
− | <div class="no">3</div>Wearing mask when it comes to the experiment of testing the activity of nor | + | <div class="no">3</div>Wearing mask when it comes to the experiment of testing the activity of NOR. |
| <br><br> | | <br><br> |
| | | |
| <h2>Responsible individual</h2> | | <h2>Responsible individual</h2> |
− | <div class="no">1</div>Xinai Chen, the responsible worker for lab safety, teaching us about the appropriate use of necessary chemical compounds necessary to our experiments. | + | <div class="no">1</div>Xinai Chen, the worker responsible for lab safety, teaching us about the appropriate use of necessary chemical compounds necessary to our experiments. |
| <br> | | <br> |
− | <div class="no">2</div>Qingting Bo, phD, instructing us about steps in biology experiment such as PCR. | + | <div class="no">2</div>Qingting Bo, phD, instructing us about steps in biology experiments such as PCR. |
| <br><br> | | <br><br> |
| | | |
Line 96: |
Line 164: |
| <div class="dot"></div>Biohazard signs | | <div class="dot"></div>Biohazard signs |
| <br> | | <br> |
− | <div class="dot"></div>Using universal microbes: E.coli to extract enzymes. | + | <div class="dot"></div>Using universal microbes: $E.coli$ to extract enzymes. |
| | | |
| <h3>BSL2</h3> | | <h3>BSL2</h3> |
Line 111: |
Line 179: |
| <div class="sec dot"></div>We wear aprons, goggles, gloves as required when doing experiment. | | <div class="sec dot"></div>We wear aprons, goggles, gloves as required when doing experiment. |
| <br> | | <br> |
− | <div class="sec dot"></div>No eating and drinking on workspace | + | <div class="sec dot"></div>No eating nor drinking at workspace |
| <br> | | <br> |
| <div class="sec dot"></div>Wearing mask when it comes to the experiment of testing the activity of nor | | <div class="sec dot"></div>Wearing mask when it comes to the experiment of testing the activity of nor |
Line 119: |
Line 187: |
| <div class="no">1</div>Xinai Chen, the responsible worker for lab safety, teaching us about the appropriate use of necessary chemical compounds necessary to our experiments. | | <div class="no">1</div>Xinai Chen, the responsible worker for lab safety, teaching us about the appropriate use of necessary chemical compounds necessary to our experiments. |
| <br> | | <br> |
− | <div class="no">2</div>Qingting Bo, phD, instructing us about steps in biology experiment such as PCR. | + | <div class="no">2</div>Qingting Bo, phD, instructing us about steps in biology experiments such as PCR. |
| <br><br> | | <br><br> |
| | | |
Line 131: |
Line 199: |
| | | |
| <h2>Disinfection and sterilization</h2> | | <h2>Disinfection and sterilization</h2> |
− | <div class="no">1</div>Contain the microbes in a controlled bioreactor, to prevent the E.coli from contaminating the environment | + | <div class="no">1</div>Contain the microbes in a controlled bioreactor, to prevent the $E.coli$ from contaminating the environment |
| <br> | | <br> |
− | <div class="no">2</div>Choose the universal microbes: E.coli as the producer of designed enzymes | + | <div class="no">2</div>Choose the universal microbes: $E.coli$ as the producer of designed enzymes |
| <br><br> | | <br><br> |
| | | |