From 925c427e30b1d901013b177e166ec4f748af10bc Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Mon, 23 Sep 2024 14:53:40 +0000
Subject: [PATCH] Update file safety.html

---
 wiki/pages/safety.html | 91 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 87 insertions(+), 4 deletions(-)

diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index abc669f7..15d32042 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -61,17 +61,31 @@
 
   <div class="row mt-4">
     <div class="col-lg-12">
-      <h3>Design Safety</h3>
-      <p>In project design, we double our biosecurity through nutritional deficiencies and suicide genes. We used four deficiencies of yeast with four nutritional deficiencies as the engineered bacteria, and two different nutritional deficiencies remained after the transformation of plasmids. As a result, engineered yeasts can only survive under laboratory conditions at present, effectively preventing the leakage of engineered bacteria into the environment. For more information on safety design related to nutrient deficiency, enter Description.</p>
+      <h3>Design</h3>
+      <p>In project design, we double our biosecurity through nutritional deficiencies and suicide genes. We used four deficiencies of yeast with four nutritional deficiencies as the engineered bacteria, and two different nutritional deficiencies remained after the transformation of plasmids. As a result, engineered yeasts can only survive under laboratory conditions at present, effectively preventing the leakage of engineered bacteria into the environment. For more information on safety design related to nutrient deficiency, enter <a href="#" data-bs-toggle="modal" data-bs-target="#descriptionModal">Description</a>.</p>
     </div>
     <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
       <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-0.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
-      <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 0</p>
+      <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 1</p>
     </div>
     <p>We also designed a suicide system using bile acids, the gut marker molecules. Bile acids can bind to and activate FXR proteins, and activated FXRs can act as transcription factors to activate Cl protein expression downstream of the BSEP promoter. Cl protein can inhibit the expression of the suicide gene MazF downstream of the PL promoter, thereby inhibiting cell suicide. When the yeast is not in the intestinal environment (no bile acid signaling), the successful expression of MazF leads to cell death, achieving the purpose of controlling the yeast in the gut.</p>
      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
         <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-1.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
-        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 1</p>
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 2</p>
+    </div>
+  </div>
+
+  <div class="modal fade" id="descriptionModal" tabindex="-1" aria-labelledby="descriptionModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="descriptionModalLabel">Description</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <iframe src="https://2024.igem.wiki/Tsinghua/description" width="100%" height="500px" frameborder="0"></iframe>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -92,6 +106,75 @@
     </div>
   </div>
 
+  <div class="row mt-4">
+    <div class="col-lg-12">
+      <h2 id="Lab Safety">
+        <h2>Lab Safety</h2>
+        <hr>
+      <p>Laboratory safety is an essential component of the iGEM project. We have implemented various measures to ensure the biosafety of the iGEM laboratory for every participant involved.</p>
+  </div>
+  </div>
+
+  <div class="row mt-4">
+    <div class="col-lg-12">
+      <h3>Safety Regulations</h3>
+      <p>All wet experiments are conducted at the Tsinghua University Life Science Innovation Laboratory. Following the university's regulations, all experimental procedures adhere to the "Tsinghua University Laboratory Biosafety Management Measures".</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-2.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 3 Laboratory safety education and examination system</p>
+      </div>
+      <p>All team members have undergone and passed the laboratory safety education and examination system, qualifying them for participation in wet experiments.</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-3.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 4 Laboratory safety education and examination system</p>
+      </div>
+    </div>
+
+    <div class="col-lg-12">
+      <h3>Safety Education</h3>
+      <p>Prior to commencing wet experiments, instructors and consultants provided detailed instructions on the proper use of laboratory equipment, emphasizing precautions when using hazardous equipment such as high-pressure sterilizers. This safety education has provided us with comprehensive understanding of the safety regulations to be followed in the laboratory and the safety considerations to be taken during experimental procedures.</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-4.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 5 The slides of safety education</p>
+      </div>
+    </div>
+
+    <div class="col-lg-12">
+      <h3>Safety Protocol Agreement</h3>
+      <p> Before participating in wet experiments, all team members have signed safety protocol agreements to demonstrate their understanding of laboratory safety protocols and their commitment to responsible behavior.</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-5.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 6 - </p>
+      </div>
+    </div>
+
+    <div class="col-lg-12">
+      <h3>Daily Management</h3>
+      <p> To constantly remind everyone of their safety during the experiment, safety signs are posted throughout the laboratory. Specific instructions for the use of the equipment are indicated on the relevant experimental instruments, such as a waste tank for discarding special liquids.</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-6.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 7 Laboratory equipments</p>
+      </div>
+      <p>We have implemented a "last person" system, in which the last person to leave the laboratory is responsible for checking whether all experimental instruments are organized or closed and must sign a confirmation form. This ensures our commitment to environmental protection and safety on a daily basis.</p>
+      <div class="image-container" style="display: flex; flex-direction: column; align-items: center;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-safety-fig/figure-7.png" alt="ibd_figure" class="shadowed-image" style="width: 90%; max-width: 800px;">
+        <p style="text-align: center; font-size: 0.9em; margin-top: 10px;">fig 8</p>
+      </div>
+      <p>Regular team meetings also involve discussions and summaries of encountered experimental safety and protocol-related issues, such as proper procedures for waste segregation. This continuous practice deepens our understanding of laboratory safety regulations.</p>
+    </div>
+   
+
+  </div>
+
 </body>
+
+<script>
+  document.addEventListener('DOMContentLoaded', (event) => {
+      var myModal = new bootstrap.Modal(document.getElementById('descriptionModal'), {
+          keyboard: false
+      })
+  });
+  </script>
+
 </html>
 {% endblock %}
\ No newline at end of file
-- 
GitLab