designing

idec-teams · Oct 8, 2023 · 349c202 · 349c202
1 parent 11091ed
commit 349c202
Show file tree

Hide file tree

Showing 13 changed files with 16 additions and 11 deletions.
diff --git a/asserts/css/style.css b/asserts/css/style.css
@@ -416,7 +416,12 @@ body.dark-theme .translate-icon:hover path {
 .navbar-toggler-icon:hover {
     color: #114261;
 }
-
+.workflow {
+    width: 8rem;
+    height: auto;
+    text-align: center;
+    transform: translateY(-1rem);
+}
 /* 链接 hover下划线 */
 a {
     position: relative;

diff --git a/asserts/img/design/wf1.png b/asserts/img/design/wf1.png
diff --git a/asserts/img/design/wf2.png b/asserts/img/design/wf2.png
diff --git a/asserts/img/design/wf3.png b/asserts/img/design/wf3.png
diff --git a/asserts/img/design/wf4.png b/asserts/img/design/wf4.png
diff --git a/asserts/img/design/wf5.png b/asserts/img/design/wf5.png
diff --git a/asserts/img/design/资源 5.png b/asserts/img/design/资源 5.png
diff --git a/asserts/img/model/资源 1.png b/asserts/img/model/资源 1.png
diff --git a/asserts/img/model/资源 2.png b/asserts/img/model/资源 2.png
diff --git a/asserts/img/model/资源 3.png b/asserts/img/model/资源 3.png
diff --git a/asserts/img/model/资源 4.png b/asserts/img/model/资源 4.png
diff --git a/asserts/img/model/资源 5.png b/asserts/img/model/资源 5.png
diff --git a/pages/design.html b/pages/design.html
@@ -484,23 +484,23 @@ <h2 id="06" class="module">The Work Flow</h2>
             <p class="cn d-none">
                 我们的项目计划主要分为CRISPRi测试系统及菌毛表达系统的建立，CRISPRi的优化，金属还原地杆菌菌毛的表达与收获，电导率以及浓度检测能力的测试，以及菌毛的优化和检测能力的提高。下图简要总结了Plink项目的工作流程。
             </p>
-            <p class="en"><strong>Establishment of CRISPRi testing system and pilus expression system:</strong>  co-transfections of
+            <p class="en"><img src="../asserts/img/design/wf1.png" alt="Work Flow1" id="wf1" class="img-fluid  workflow"><strong>Establishment of CRISPRi testing system and pilus expression system:</strong>  co-transfections of
                 pdCas9-sg and pPilin, and of pdCas9-sg and the reporter plasmid, into Vibrio natriegens, respectively.
             </p>
-            <p class="cn d-none"><strong>系统建立：</strong> CRISPRi测试系统及菌毛表达系统的建立，将pdCas9-sg和pPilin，pdCas9-sg和报告质粒分别共转入需钠弧菌中</p>
-            <p class="en"><strong>CRISPRi optimization:</strong> construct pdCas9-sg plasmids with different sgRNAs by gibson assembly to
+            <p class="cn d-none">  <img src="../asserts/img/design/wf1.png" alt="Work Flow1" id="wf1" class="img-fluid  workflow"><strong>系统建立：</strong> CRISPRi测试系统及菌毛表达系统的建立，将pdCas9-sg和pPilin，pdCas9-sg和报告质粒分别共转入需钠弧菌中</p>
+            <p class="en"><img src="../asserts/img/design/wf2.png" alt="Work Flow2" id="wf2" class="img-fluid  workflow"><strong>CRISPRi optimization:</strong> construct pdCas9-sg plasmids with different sgRNAs by gibson assembly to
                 test the sgRNA with optimal effect.</p>
-            <p class="cn d-none"><strong>CRISPRi优化：</strong>通过gibson assembly构建不同sgRNA的pdCas9-sg质粒，测试效果最优的sgRNA</p>
-            <p class="en"><strong>Expression and harvest of pilus:</strong> induce the expression of dCas9 and pilus in Geobacter
+            <p class="cn d-none"><img src="../asserts/img/design/wf2.png" alt="Work Flow2" id="wf2" class="img-fluid  workflow"><strong>CRISPRi优化：</strong>通过gibson assembly构建不同sgRNA的pdCas9-sg质粒，测试效果最优的sgRNA</p>
+            <p class="en"><img src="../asserts/img/design/wf3.png" alt="Work Flow3" id="wf3" class="img-fluid  workflow"><strong>Expression and harvest of pilus:</strong> induce the expression of dCas9 and pilus in Geobacter
                 metallireducens, and harvest the pilus.</p>
-            <p class="cn d-none"><strong>菌毛表达与收获：</strong>诱导dCas9与金属还原地杆菌的菌毛表达，并收获菌毛</p>
-            <p class="en"><strong>Conductivity and concentration detection capability test:</strong> construct pilus sheets and test
+            <p class="cn d-none"><img src="../asserts/img/design/wf3.png" alt="Work Flow3" id="wf3" class="img-fluid  workflow"><strong>菌毛表达与收获：</strong>诱导dCas9与金属还原地杆菌的菌毛表达，并收获菌毛</p>
+            <p class="en"><img src="../asserts/img/design/wf4.png" alt="Work Flow4" id="wf4" class="img-fluid  workflow"><strong>Conductivity and concentration detection capability test:</strong> construct pilus sheets and test
                 their conductivities at different pH, as well as their conductivities before and after the binding of
                 the analyte.</p>
-            <p class="cn d-none"><strong>测试：</strong>制作菌毛片，测试其在不同pH环境下，以及与待测物结合前后的电导率</p>
-            <p class="en"><strong>Pilus optimization: </strong>optimize the pili gene sequence based on modeling in order to enhance the
+            <p class="cn d-none"><img src="../asserts/img/design/wf4.png" alt="Work Flow4" id="wf4" class="img-fluid  workflow"><strong>测试：</strong>制作菌毛片，测试其在不同pH环境下，以及与待测物结合前后的电导率</p>
+            <p class="en"><img src="../asserts/img/design/wf5.png" alt="Work Flow5" id="wf5" class="img-fluid  workflow"><strong>Pilus optimization: </strong>optimize the pili gene sequence based on modeling in order to enhance the
                 conductivity and detection sensitivity of the pilus.</p>
-            <p class="cn d-none"><strong>菌毛优化：</strong>根据建模结果优化菌毛序列结构，提高其电导率和检测灵敏度</p>
+            <p class="cn d-none"><img src="../asserts/img/design/wf5.png" alt="Work Flow5" id="wf5" class="img-fluid  workflow"><strong>菌毛优化：</strong>根据建模结果优化菌毛序列结构，提高其电导率和检测灵敏度</p>
             <h2 id="07" class="module">Vector Construction</h2>
             <p class="en">In our Plink project, three major plasmids were designed to achieve the expression and harvest
                 of high-purity Geobacter metallireducens conductive pilus in Vibrio natriegens. Among them, pPilin is