From 66267a74d82ef0e7f2eebc3337883ee5538d5615 Mon Sep 17 00:00:00 2001
From: Devmc <dev.mcrf@qq.com>
Date: Wed, 14 Sep 2022 21:13:11 +0800
Subject: [PATCH] notebook

---
 static/utils.css         | 191 +++++++++++++++++++++++++++++++++++++++
 wiki/pages/notebook.html | 118 +++++++++++++++++++++++-
 wiki/pages/safety.html   |  77 +++++++++++++++-
 3 files changed, 382 insertions(+), 4 deletions(-)

diff --git a/static/utils.css b/static/utils.css
index 07960c8..f93e715 100644
--- a/static/utils.css
+++ b/static/utils.css
@@ -96,6 +96,97 @@
     margin-bottom: 5rem !important;
 }
 
+
+/*m-s*/
+.m-s-0 {
+    margin-left: 0 !important;
+}
+
+.m-s-1 {
+    margin-left: 0.5rem !important;
+}
+
+.m-s-2 {
+    margin-left: 1rem !important;
+}
+
+.m-s-3 {
+    margin-left: 1.5rem !important;
+}
+
+.m-s-4 {
+    margin-left: 2rem !important;
+}
+
+.m-s-5 {
+    margin-left: 2.5rem !important;
+}
+
+.m-s-6 {
+    margin-left: 3rem !important;
+}
+
+.m-s-7 {
+    margin-left: 3.5rem !important;
+}
+
+.m-s-8 {
+    margin-left: 4rem !important;
+}
+
+.m-s-9 {
+    margin-left: 4.5rem !important;
+}
+
+.m-s-10 {
+    margin-left: 5rem !important;
+}
+
+/*m-e*/
+.m-e-0 {
+    margin-right: 0 !important;
+}
+
+.m-e-1 {
+    margin-right: 0.5rem !important;
+}
+
+.m-e-2 {
+    margin-right: 1rem !important;
+}
+
+.m-e-3 {
+    margin-right: 1.5rem !important;
+}
+
+.m-e-4 {
+    margin-right: 2rem !important;
+}
+
+.m-e-5 {
+    margin-right: 2.5rem !important;
+}
+
+.m-e-6 {
+    margin-right: 3rem !important;
+}
+
+.m-e-7 {
+    margin-right: 3.5rem !important;
+}
+
+.m-e-8 {
+    margin-right: 4rem !important;
+}
+
+.m-e-9 {
+    margin-right: 4.5rem !important;
+}
+
+.m-e-10 {
+    margin-right: 5rem !important;
+}
+
 /*p*/
 .p-0 {
     padding: 0 !important;
@@ -191,6 +282,96 @@
     padding-bottom: 5rem !important;
 }
 
+/*p-s*/
+.p-s-0 {
+    padding-left: 0 !important;
+}
+
+.p-s-1 {
+    padding-left: 0.5rem !important;
+}
+
+.p-s-2 {
+    padding-left: 1rem !important;
+}
+
+.p-s-3 {
+    padding-left: 1.5rem !important;
+}
+
+.p-s-4 {
+    padding-left: 2rem !important;
+}
+
+.p-s-5 {
+    padding-left: 2.5rem !important;
+}
+
+.p-s-6 {
+    padding-left: 3rem !important;
+}
+
+.p-s-7 {
+    padding-left: 3.5rem !important;
+}
+
+.p-s-8 {
+    padding-left: 4rem !important;
+}
+
+.p-s-9 {
+    padding-left: 4.5rem !important;
+}
+
+.p-s-10 {
+    padding-left: 5rem !important;
+}
+
+/*p-e*/
+.p-e-0 {
+    padding-right: 0 !important;
+}
+
+.p-e-1 {
+    padding-right: 0.5rem !important;
+}
+
+.p-e-2 {
+    padding-right: 1rem !important;
+}
+
+.p-e-3 {
+    padding-right: 1.5rem !important;
+}
+
+.p-e-4 {
+    padding-right: 2rem !important;
+}
+
+.p-e-5 {
+    padding-right: 2.5rem !important;
+}
+
+.p-e-6 {
+    padding-right: 3rem !important;
+}
+
+.p-e-7 {
+    padding-right: 3.5rem !important;
+}
+
+.p-e-8 {
+    padding-right: 4rem !important;
+}
+
+.p-e-9 {
+    padding-right: 4.5rem !important;
+}
+
+.p-e-10 {
+    padding-right: 5rem !important;
+}
+
 /*response width*/
 .rw-100 {
     width: 100% !important;
@@ -682,6 +863,16 @@ section > embed {
     padding-left: 1rem;
 }
 
+.article ul.l-start-2,
+.article ol.l-start-2 {
+    padding-left: 2rem;
+}
+
+.article ul.l-start-3,
+.article ol.l-start-3 {
+    padding-left: 3rem;
+}
+
 .article ul.l-none,
 .article ol.l-none {
     list-style-type: none;
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index 2d3e747..5755b70 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -10,8 +10,122 @@
       <h1 class="content-header2">Notebook</h1>
 
       <section>
-        <h2></h2>
-        <p></p>
+        <h2 class="c-green">August</h2>
+
+        <section>
+          <h3>11<sup>th</sup></h3>
+          <p>- Culture <i>E. coli</i></p>
+
+          <div class="imager">
+            <img class="rw-35" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-01.jpg" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>12<sup>th</sup></h3>
+          <p>- Cas12a protein expression:</p>
+          <ul>
+            <li>Addition of IPTG</li>
+            <li>Test OD<sub>600</sub> value of pET-28a integrated <i>E. coli</i> BL21(DE3)</li>
+          </ul>
+          <p>- pUC57 plasmid extraction:</p>
+          <ul>
+            <li>Measure the concentration using Nanodrop</li>
+          </ul>
+          <p>PCR of cagA, ipaH, invA, 16S_ pUC57 plasmids</p>
+          <div class="imager">
+            <img class="rw-100" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-02.jpg" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>13<sup>th</sup></h3>
+          <p>- Cas12a protein extraction:</p>
+          <ul>
+            <li>Ultrasound lysis</li>
+            <li>Nickel affinity purification</li>
+          </ul>
+          <p>- Gel electrophoresis of cagA, ipaH, invA, and 16S plasmids:</p>
+          <ul>
+            <li>Extraction of target DNA fragments</li>
+            <li>Measure the concentration using Nanodrop</li>
+          </ul>
+
+          <div class="imager">
+            <img class="rw-35" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-03.png" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>14<sup>th</sup></h3>
+          <p>- Cas12a protein electrophoresis,SDS-PAGE</p>
+          <div class="imager">
+            <img class="rw-65" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-04.jpg" alt="">
+          </div>
+          <p class="m-t-2">- cagA, ipaH, invA, and 16S DNA in vitro transcription</p>
+          <p>- sgRNA purification</p>
+          <div class="imager">
+            <img class="rw-65" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-05.jpg" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>15<sup>th</sup></h3>
+          <p>- Incubation of sgRNA and Cas12a proteins</p>
+          <p>- Test the reaction system using (cagA, ipaH, invA, and 16S) pUC57 plasmid</p>
+          <ul>
+            <li>ssDNA was included in the system and the result will be based on fluorescent intensity</li>
+          </ul>
+          <p>- Test the reaction system using oligo DNA (cagA, ipaH, invA, and 16S)</p>
+          <ul>
+            <li>verify using gel electrophoresis after PCR</li>
+          </ul>
+          <div class="imager">
+            <img class="rw-65" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-06.jpg" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>16<sup>th</sup></h3>
+          <p>- Incubation of sgRNA and Cas12a proteins</p>
+          <p>- Test reaction system using oligo DNA (cagA, ipaH, invA, and 16S)</p>
+          <ul>
+            <li>prove using gel electrophoresis after PCR</li>
+          </ul>
+          <p>- Test reaction system using (cagA, ipaH, invA, and 16S) pUC57 plasmid</p>
+          <ul>
+            <li>ssDNA was included in the system and the result will be based on fluorescent intensity</li>
+          </ul>
+          <div class="imager">
+            <img class="rw-100" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-07.jpg" alt="">
+          </div>
+        </section>
+
+        <section>
+          <br>
+          <h3>17<sup>th</sup></h3>
+          <p>- Test resulting system (cagA, ipaH, invA, and 16S) pUC57 plasmid </p>
+          <ul>
+            <li>ssDNA was included in the system and the result will be based on fluorescent intensity detected by multiscan ascent</li>
+          </ul>
+          <div class="imager">
+            <img class="rw-65" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-08.jpg" alt="">
+          </div>
+          <p class="m-t-2">- Test the reaction system using bacteria culture</p>
+          <ul>
+            <li>Bacteria lysis</li>
+            <li>Test PCR results using gel electrophoresis</li>
+            <li>Add ssDNA into the system and test using multiscan ascent</li>
+          </ul>
+          <div class="imager">
+            <img class="rw-50" src="https://static.igem.wiki/teams/4304/wiki/notebook/t-ykpao-notebook-09.png" alt="">
+          </div>
+        </section>
       </section>
     </div>
   </div>
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index 90fc05e..8d58c3f 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -10,8 +10,81 @@
       <h1 class="content-header2">Safety</h1>
 
       <section>
-        <h2></h2>
-        <p></p>
+        <h2 class="c-green">1. General Lab safety</h2>
+        <ul class="l-top-05 l-start-3">
+          <li>Wear gloves and lab coats</li>
+          <li>Wear shoes with close ends</li>
+          <li>No eating, drinking or running in Lab</li>
+          <li>Tie up long hair</li>
+          <li>Dispose biological wastes in specific bins</li>
+          <li>Carry our experiments with poisonous or pungent gases in a fume cupboard</li>
+          <li>Clean up the lab before leaving</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2 class="c-green">2. Experimental safety</h2>
+
+        <section>
+          <h3 class="upper p-s-3">Operation of the clean bench/fume cupboard:</h3>
+          <ul class="l-top-05 l-start-3">
+            <li>Sterilize the cabinet by opening UV light before usage for 30 minutes</li>
+            <li>Do not stare directly at the UV light</li>
+            <li>Open laminar airflow before usage</li>
+            <li>Sterilize all apparatus over the Bunsen burner before using them</li>
+            <li>All caps and lids should be placed with their bottoms up, and sterilized above the flame before usage
+            </li>
+            <li>Spray alcohol and scrub hands</li>
+          </ul>
+        </section>
+
+        <section>
+          <h3 class="p-s-3">Operation using a pipette</h3>
+          <ul class="l-top-05 l-start-3">
+            <li>The non-disposable part of the pipette shouldn’t be in contact with any reagents to prevent
+              contamination
+            </li>
+          </ul>
+        </section>
+
+        <section>
+          <h3 class="p-s-3">Operations using Coomassie brilliant blue dye</h3>
+          <ul class="l-top-05 l-start-3">
+            <li>Carry out all procedures in a fume cupboard</li>
+          </ul>
+        </section>
+
+        <section>
+          <h3 class="p-s-3">Operations regarding gel electrophoresis</h3>
+          <ul class="l-top-05 l-start-3">
+            <li>Wear gloves as the gel is poisonous</li>
+          </ul>
+        </section>
+      </section>
+
+      <section>
+        <h2 class="c-green">3. Micro-organism safety</h2>
+        <p>
+          Our team only uses one type of bacteria in the experiment: E. coli BL21(DE3), a non-pathogenic strain of
+          microorganisms. This is due to the biohazard applications <i>H.pylori</i>, <i>S. Typhimurium</i>, and <i>S.
+          flexneri</i> pose.
+          However, in consideration of the environmental and ecological issues, all substances contaminated by <i>E.
+          coli</i>
+          BL21(DE3) will be sterilized before disposal and will be discarded in the biohazardous bin.
+        </p>
+        <p>
+          All enzymes and genetic materials (including cagA_ pUC57, 16S_ pUC57, ipaH_ pUC57, invA_ pUC57, FnCas-12a_
+          pET-28a, and so on) pose minimum risks to our health. Furthermore, all lab apparatus is uncontaminated and was
+          sterilized or cleaned before use.
+        </p>
+      </section>
+
+      <section>
+        <h2 class="c-green">4. Ethics</h2>
+        <p>
+          Our experiment doesn’t consist of any human or animal parts or genes. And all genetic modifications that were
+          established in our process are limited to research purposes.
+        </p>
       </section>
     </div>
   </div>
-- 
GitLab