diff --git a/src/routes/human-practices/+layout.svelte b/src/routes/human-practices/+layout.svelte
index ce94aee08df46a0405da971d4e494a98d9391bf8..822b580b9ec93aceb20f9de6c499a607036f1f91 100644
--- a/src/routes/human-practices/+layout.svelte
+++ b/src/routes/human-practices/+layout.svelte
@@ -75,7 +75,7 @@
},
{
name: 'Education: Sharing Knowledge',
- id: 'part',
+ id: 'education',
subSections: [
{
name: 'SynBio Lectures',
diff --git a/src/routes/human-practices/+page.svelte b/src/routes/human-practices/+page.svelte
index df00de590474db946b9352e038ea692d14660d26..4b8828a30c52ba0a544eb19435d8424cd7b011c6 100644
--- a/src/routes/human-practices/+page.svelte
+++ b/src/routes/human-practices/+page.svelte
@@ -25,9 +25,10 @@
<h2 class="heading-2" id="our-human-practices">Our Integrated Human Practices model</h2>
<p>All scientific research starts in the laboratory but must ultimately benefit society. It is crucial for us to
- consider the social value our research can achieve. Integrated human practice has been a vital part of our project
- from the beginning of our research to the end of the competition. Our work strictly follows integrated human
- practice guidelines, is viewed from the perspective of high school students, and continues to impact various fields.
+ consider the social value our research can achieve. Integrated Human Practices have been a vital part of our project
+ from the beginning of our research to the end of the competition. Our work strictly follows Integrated Human
+ Practices guidelines, is viewed from the perspective of high school students, and continues to impact various
+ fields.
</p>
<p>Initially, we were a group of biology enthusiasts with little experience in scientific research. The ideas we
@@ -37,9 +38,14 @@
various concerns associated with breast cancer.
</p>
-<p>We then developed our integrated human practice model, CARE, and adopted it as the central theme of our project.
+<p>We then developed our Integrated Human Practices model, CARE, and adopted it as the central theme of our project.
</p>
+<div class="flex justify-center">
+ <img alt="Our Integrated Human Practices model" src='https://static.igem.wiki/teams/5045/hp-img0.webp' />
+</div>
+<p class="slight">Figure 1. Our Integrated Human Practices model</p>
+
<p><b>CARE:</b> "Concerns - Action - Revise - Entrepreneurship+Education"</p>
<ul class="list-disc list-outside">
<li><b>C for Concerns.</b> Only by understanding people’s concerns can we better assess the social impact of our
@@ -71,7 +77,7 @@
<div class="flex justify-center">
<img alt="Our human practices timeline" src={img1_1} />
</div>
-<p class="slight">Figure 1. Our human practices timeline</p>
+<p class="slight">Figure 2. Our Human Practices timeline</p>
<h2 class="heading-2" id="concerns">Concerns: Defining Our Project</h2>
<h3 class="heading-3" id="survey">A Survey</h3>
@@ -102,7 +108,7 @@
<div class="flex justify-center">
<img alt="Dr. Fang Yuan" src={img1_2} />
</div>
-<p class="slight">Figure 2. Dr. Fang Yuan</p>
+<p class="slight">Figure 3. Dr. Fang Yuan</p>
<p>After analyzing the results of the questionnaire, we began brainstorming and narrowing down our research topic. We
interviewed Dr. Fang to gain insights into current breast cancer treatments.
@@ -142,12 +148,12 @@
<div class="flex justify-center">
<img alt="Interview with Dr. Fang Yuan" src='https://static.igem.wiki/teams/5045/hp-img1-3.webp' />
</div>
-<p class="slight">Figure 3. Interview with Dr. Fang Yuan</p>
+<p class="slight">Figure 4. Interview with Dr. Fang Yuan</p>
<div class="flex justify-center">
<img alt="Interview with Dr. Fang Yuan" src='https://static.igem.wiki/teams/5045/hp-img1-4.webp' />
</div>
-<p class="slight">Figure 4. Interview with Dr. Fang Yuan</p>
+<p class="slight">Figure 5. Interview with Dr. Fang Yuan</p>
<h3 class="heading-3" id="literature">A Literature Review</h3>
<p>We began narrowing down our research topic to designing a more effective method of drug screening and selecting
@@ -164,7 +170,7 @@
<div class="flex justify-center">
<img alt="Our weekly team meetings" src={img1_5} />
</div>
-<p class="slight">Figure 5. Our weekly team meetings</p>
+<p class="slight">Figure 6. Our weekly team meetings</p>
<h2 class="heading-2" id="actions">Actions: Plans, Strategies, Discussions</h2>
<h3 class="heading-3" id="guo">An Interview: Dr. Guo</h3>
@@ -175,7 +181,7 @@
<div class="flex justify-center">
<img alt="Dr. Guo Zihao" src={img2_1} />
</div>
-<p class="slight">Figure 6. Dr. Guo Zihao</p>
+<p class="slight">Figure 7. Dr. Guo Zihao</p>
<p>Due to our limited laboratory access, we needed to connect with experts in oncology for technical assistance. We were
fortunate to receive guidance from Dr. Guo at Capital Medical University, who provided us important suggestions.
@@ -209,7 +215,7 @@
<div class="flex justify-center">
<img alt="Dr. Huang Xin" src={img2_3} />
</div>
-<p class="slight">Figure 7. Dr. Huang Xin</p>
+<p class="slight">Figure 8. Dr. Huang Xin</p>
<p>After deciding to use FRET technology in our screening process, we started designing the entire experiment. To
finalize the experiment plan, we consulted Dr. Huang for detailed guidance.
@@ -238,7 +244,7 @@
<div class="flex justify-center">
<img alt="Interview with Dr. Huang Xin" src={img2_4} />
</div>
-<p class="slight">Figure 8. Interview with Dr. Huang Xin</p>
+<p class="slight">Figure 9. Interview with Dr. Huang Xin</p>
<h2 class="heading-2" id="revise">Revise: Adjusting Our Experiments</h2>
<h3 class="heading-3" id="guo-again">A Discussion</h3>
@@ -256,7 +262,7 @@
<div class="flex justify-center">
<img alt="We reviewed several proteins" src={img3_1} />
</div>
-<p class="slight">Figure 9. We reviewed several proteins</p>
+<p class="slight">Figure 10. We reviewed several proteins</p>
<h3 class="heading-3" id="meng">An Interview: Dr. Meng</h3>
<p>Dr. Meng Fanqiang is a professor of psychiatry/clinical psychology, a postgraduate tutor, and the former Vice
@@ -267,7 +273,7 @@
<div class="flex justify-center">
<img alt="Dr. Meng Fanqiang" src={img3_2} />
</div>
-<p class="slight">Figure 10. Dr. Meng Fanqiang</p>
+<p class="slight">Figure 11. Dr. Meng Fanqiang</p>
<p>As our lab work progressed, we explored additional methods to improve the accuracy of our screening process.
</p>
@@ -292,12 +298,12 @@
<div class="flex justify-center">
<img alt="Interview with Dr. Meng Fanqiang" src={img3_3} />
</div>
-<p class="slight">Figure 11. Interview with Dr. Meng Fanqiang</p>
+<p class="slight">Figure 12. Interview with Dr. Meng Fanqiang</p>
<div class="flex justify-center">
<img alt="Group photo of the interview" src={img3_4} />
</div>
-<p class="slight">Figure 12. Group photo of the interview</p>
+<p class="slight">Figure 13. Group photo of the interview</p>
<h2 class="heading-2" id="entrepreneurship">Entrepreneurship: Business Value</h2>
<h3 class="heading-3" id="guo-again-2">An Interview: Mr. Guo</h3>
@@ -317,22 +323,21 @@
<div class="flex justify-center">
<img alt="A timeline of new drug research and development" src={img4_1} />
</div>
-<p class="slight">Figure 13. A timeline of new drug research and development</p>
+<p class="slight">Figure 14. A timeline of new drug research and development</p>
<div class="flex justify-center">
<img alt="Interview with Mr. Guo Yimeng" src='https://static.igem.wiki/teams/5045/hp-img4-2.webp' />
</div>
-<p class="slight">Figure 14. Interview with Mr. Guo Yimeng</p>
+<p class="slight">Figure 15. Interview with Mr. Guo Yimeng</p>
<div class="flex justify-center">
<img alt="Group photo of the interview" src={img4_3} />
</div>
-<p class="slight">Figure 15. Group photo of the interview</p>
+<p class="slight">Figure 16. Group photo of the interview</p>
<h2 class="heading-2" id="education">Education: Sharing Knowledge</h2>
-<p>As shown in our <a class="inline" href="/baid-china/human-practices">Integrated Human Practices</a> page, we learned
- about people’s concerns on cancer and its drugs through
+<p>We learned about people’s concerns on cancer and its drugs through
surveys, literature reviews, and interviews with doctors at the beginning of the research cycle.
During our work of education, we kept these concerns in mind and aimed to address them by publicizing our project as
well as spreading knowledge of synthetic biology. </p>
@@ -340,7 +345,7 @@
<div class="flex justify-center">
<img alt="E is for education" src='https://static.igem.wiki/teams/5045/hp-img-education.webp' />
</div>
-<p class="slight">Figure 16. E is for education</p>
+<p class="slight">Figure 17. E is for education</p>
<h3 class="heading-3" id="synthetic">SynBio Lectures for Middle School Students</h3>
<p>We began our lecture by displaying the term "synthetic biology" on the screen without any prior explanation.
@@ -351,12 +356,12 @@
<div class="flex justify-center">
<img alt="Our lecture" src={img4_5} />
</div>
-<p class="slight">Figure 17. Our lecture</p>
+<p class="slight">Figure 18. Our lecture</p>
<div class="flex justify-center">
<img alt="Our lecture" src={img4_6} />
</div>
-<p class="slight">Figure 18. Our lecture</p>
+<p class="slight">Figure 19. Our lecture</p>
<p>At the end of the lecture, we invited the seventh graders to come up on stage and share their insights about
synthetic biology or genetic engineering. To our surprise, many of them were able to explain the meanings of these
@@ -366,7 +371,7 @@
<div class="flex justify-center">
<img alt="The lecture classroom" src={img4_7} />
</div>
-<p class="slight">Figure 19. The lecture classroom</p>
+<p class="slight">Figure 20. The lecture classroom</p>
<div class="shadow-lg bg-white p-5 rounded-3xl mb-5">
<p style="line-height: 1.5 !important">“Synthetic biology is very interesting! We learned about genes and ways to
@@ -389,12 +394,12 @@
<div class="flex justify-center">
<img alt="The online engagement activity" src={img4_8} />
</div>
-<p class="slight">Figure 20. The online engagement activity</p>
+<p class="slight">Figure 21. The online engagement activity</p>
<div class="flex justify-center">
<img alt="The online engagement activity" src='https://static.igem.wiki/teams/5045/hp-img4-9.webp' />
</div>
-<p class="slight">Figure 21. Our discussion with other teams</p>
+<p class="slight">Figure 22. Our discussion with other teams</p>
<h2 class="heading-2" id="wechat">Team BAID-China on Social Media</h2>
<p>As we continued our work in the lab, we faced the question of how to inform the general public about our project. We
@@ -406,7 +411,7 @@
<div class="flex justify-center">
<img alt="Our WeChat official account" src={img4_10} />
</div>
-<p class="slight">Figure 22. Are we influencers now?</p>
+<p class="slight">Figure 23. Are we influencers now?</p>
<h3 class="heading-3" id="thats-fun">Drug Screening Minigame</h3>
@@ -428,12 +433,12 @@
<div class="flex justify-center">
<img alt="Our game poster" src={img4_11_1} />
</div>
-<p class="slight">Figure 23. Our game poster</p>
+<p class="slight">Figure 24. Our game poster</p>
<div class="flex justify-center">
<img alt="Our game poster" src={img4_11_2} />
</div>
-<p class="slight">Figure 24. Another game poster</p>
+<p class="slight">Figure 25. Another game poster</p>
<h3 class="heading-3" id="misrepresentation">Discussion with Scholars</h3>
@@ -448,17 +453,17 @@
<div class="flex justify-center">
<img alt="Our discussion with Prof. Thomas C. Südhof" src={img4_12} />
</div>
-<p class="slight">Figure 25. Our discussion with Prof. Thomas C. Südhof</p>
+<p class="slight">Figure 26. Our discussion with Prof. Thomas C. Südhof</p>
<div class="flex justify-center">
<img alt="Public presentation of our project" src={img4_13} />
</div>
-<p class="slight">Figure 26. Public presentation of our project</p>
+<p class="slight">Figure 27. Public presentation of our project</p>
<div class="flex justify-center">
<img alt="Presenting our project to Dr. Kamran Yunus" src='https://static.igem.wiki/teams/5045/hp-img4-14.webp' />
</div>
-<p class="slight">Figure 27. Presenting our project to Dr. Kamran Yunus</p>
+<p class="slight">Figure 28. Presenting our project to Dr. Kamran Yunus</p>
<h2 class="heading-2" id="plans">Let's Continue: Our Plans for the Future</h2>
<p>Given the complex legal and financial requirements for drug launching, it is unlikely we can directly introduce the
@@ -470,5 +475,5 @@
<div class="flex justify-center">
<img alt="SWOT analysis of our project" src={img4_4} />
</div>
-<p class="slight">Figure 28. SWOT analysis of our project</p>
+<p class="slight">Figure 29. SWOT analysis of our project</p>