From 4d8635ddc2a42434683c307d9b211194f7034736 Mon Sep 17 00:00:00 2001
From: Yihan Wu <1625609327@qq.com>
Date: Sun, 29 Sep 2024 03:07:24 +0000
Subject: [PATCH] Update file education.tsx

---
 src/contents/education.tsx | 90 ++++++++++++++++++++++++++++----------
 1 file changed, 68 insertions(+), 22 deletions(-)

diff --git a/src/contents/education.tsx b/src/contents/education.tsx
index d69dd87..07ce0e8 100644
--- a/src/contents/education.tsx
+++ b/src/contents/education.tsx
@@ -10,13 +10,13 @@ const SideNavbar: React.FC<SideNavbarProps> = ({ activeLink }) => {
   return (
     <div className="side-navbar">
       <Nav className="flex-column">
-        <Nav.Link as={Link} to="1.overview" smooth={true} duration={500} className={activeLink === '1.overview' ? 'active' : 'notActive'}>1.overview</Nav.Link>
-        <Nav.Link as={Link} to="section2" smooth={true} duration={500} className={activeLink === 'section2' ? 'active' : 'notActive'}>section2</Nav.Link>
-        <Nav.Link as={Link} to="section3" smooth={true} duration={500} className={activeLink === 'section3' ? 'active' : 'notActive'}>3.Initial outreach on university campuses</Nav.Link>
-        <Nav.Link as={Link} to="section4" smooth={true} duration={500} className={activeLink === 'section4' ? 'active' : 'notActive'}>4.Community involvement</Nav.Link>
-        <Nav.Link as={Link} to="section5" smooth={true} duration={500} className={activeLink === 'section5' ? 'active' : 'notActive'}>5.High School Education</Nav.Link>
-        <Nav.Link as={Link} to="section6" smooth={true} duration={500} className={activeLink === 'section6' ? 'active' : 'notActive'}>6.Mountain Mission</Nav.Link>
-        <Nav.Link as={Link} to="section7" smooth={true} duration={500} className={activeLink === 'section7' ? 'active' : 'notActive'}>Section 7</Nav.Link>
+        <Nav.Link as={Link} to="section1" smooth={true} duration={500} className={activeLink === 'section1' ? 'active' : 'notActive'}>Overview</Nav.Link>
+        <Nav.Link as={Link} to="section2" smooth={true} duration={500} className={activeLink === 'section2' ? 'active' : 'notActive'}>Science Brochure - Foundation Project</Nav.Link>
+        <Nav.Link as={Link} to="section3" smooth={true} duration={500} className={activeLink === 'section3' ? 'active' : 'notActive'}>Patient level - Care Project</Nav.Link>
+        <Nav.Link as={Link} to="section4" smooth={true} duration={500} className={activeLink === 'section4' ? 'active' : 'notActive'}>School level - Universalisation Project</Nav.Link>
+        <Nav.Link as={Link} to="section5" smooth={true} duration={500} className={activeLink === 'section5' ? 'active' : 'notActive'}>Regional level - Coverage Project</Nav.Link>
+        <Nav.Link as={Link} to="section6" smooth={true} duration={500} className={activeLink === 'section6' ? 'active' : 'notActive'}>World Level - Extension Project</Nav.Link>
+        <Nav.Link as={Link} to="section7" smooth={true} duration={500} className={activeLink === 'section7' ? 'active' : 'notActive'}>Conclusions and outlook</Nav.Link>
         <Nav.Link as={Link} to="section8" smooth={true} duration={500} className={activeLink === 'section8' ? 'active' : 'notActive'}>Section 8</Nav.Link>
         <Nav.Link as={Link} to="section9" smooth={true} duration={500} className={activeLink === 'section9' ? 'active' : 'notActive'}>Section 9</Nav.Link>
         <Nav.Link as={Link} to="section10" smooth={true} duration={500} className={activeLink === 'section10' ? 'active' : 'notActive'}>Section 10</Nav.Link>
@@ -74,7 +74,7 @@ export function Education() { // sidenavbar begin
         <div className="col-10">
           
               
-              <Element name="1.overview" className="element rounded-border" id='1.overview'>
+              <Element name="section1" className="element rounded-border" id='section1'>
                  <h1>1.overview</h1>
                  <p className="indent">This year, our team has devoted a great deal of effort to the field of education, as we are convinced that the development and popularisation of synthetic biology cannot be achieved without the broad participation and support of the public, which is at the heart of science education.</p>
                  <p className="indent">To this end, we have elaborated a series of promotional materials, taken the initiative to reach out to patient groups, carried out science popularisation activities in schools, and worked to expand our regional influence while actively speaking out on the international stage. At the local level, in particular, we are working hard to reach out to a wider range of people, with a view to creating a far-reaching social impact.</p>
@@ -103,14 +103,24 @@ export function Education() { // sidenavbar begin
               </Element>
           
 
-              <Element name="Patient level - Care Project" className="element rounded-border" id='Patient level - Care Project'>
+              <Element name="section3" className="element rounded-border" id='section3'>
                 <h1>Patient level - Care Project</h1>
                 <p className="indent">In order to gain a deeper understanding of the actual needs of our patients, we plan to conduct an exhaustive interview with them. Our interview will cover a wide range of aspects such as disease experience, medical history, abdominal infections and personal feelings, aiming to gain a comprehensive understanding of the patient's life situation and treatment experience. Through this interview, we hope to not only educate patients on disease management and self-care, but also pay special attention to collecting feedback from patients on our existing services and to understand where they would like us to improve or provide additional support. </p>
+                <img 
+                src="https://static.igem.wiki/teams/5378/patients1.webp"
+                alt="example"
+                className="responsive-img"
+                  />
+                <img 
+                src="https://static.igem.wiki/teams/5378/patients2.webp"
+                alt="example"
+                className="responsive-img"
+                  />
                 <p className="indent">In particular, we will introduce a new treatment option - the oral administration of yoghurt containing specific probiotics to help alleviate the condition and reduce inflammation - and ask patients about their expectations and suggestions for such new treatments. We expect that through this feedback, we will be able to more accurately meet the needs of our patients, improve our programme design, and enhance patient outcomes and quality of life.</p>
               </Element>
 
 
-              <Element name="School level - Universalisation Project" className="element rounded-border" id='School level - Universalisation Project'>
+              <Element name="section4" className="element rounded-border" id='section4'>
                 <h1>School level - Universalisation Project</h1>
                 <p className="bold-font">(1) Lectures for high school students - recipients of knowledge</p>
                 <p className="indent">In order to promote the knowledge of synthetic biology and to enhance the interest of young people in this cutting-edge field of science and technology, we have successfully travelled to Xiangyin No. 1 High School in Hunan Province, China and Foshan High School in Guangdong Province to deliver in-school lectures. During this event, high school students showed great enthusiasm and curiosity as active absorbers of knowledge. The lectures focused on the basic concepts of synthetic biology and its applications, with a special introduction to our team's research project on tackling hepatic encephalopathy by means of synthetic biology.</p>
@@ -158,7 +168,7 @@ export function Education() { // sidenavbar begin
               </Element>
 
 
-              <Element name="Regional level - Coverage Project" className="element rounded-border" id='Regional level - Coverage Project'>
+              <Element name="section5" className="element rounded-border" id='section5'>
                 <h1>Regional level - Coverage Project</h1>
                 <p className="bold-font">(1) Mid-Autumn Festival Community Bazaar Promotion</p>
                 <p className="indent">During this year's Mid-Autumn Festival, we followed the community volunteers to participate in the Mid-Autumn Cultural and Creative Sale in front of the local mall with heavy traffic. We cleverly incorporated the concept of synthetic biology into the cultural and creative products we sold, which not only attracted the attention of many citizens, but also actively promoted the knowledge of synthetic biology and popularised the content of hepatic encephalopathy to the public during the publicity process. Through this form of education and fun, we successfully raised public awareness of synthetic biology and hepatic encephalopathy.</p>
@@ -194,20 +204,56 @@ export function Education() { // sidenavbar begin
                 <p className="indent">Based on the previous popularisation campaigns in schools and the advice received, we have adjusted the narrative. These activities not only raised public health awareness, but also accumulated valuable experience for our popularisation work.  </p>
               </Element>
 
-              <Element name="World Level - Extension Project" className="element rounded-border" id='World Level - Extension Project'>
-              <h1>World Level - Extension Project</h1>
-              <p className="bold-font">(1) Social media outreach</p>
-              <p className="indent">111</p>
+              <Element name="section6" className="element rounded-border" id='section6'>
+                <h1>World Level - Extension Project</h1>
+                <p className="bold-font">(1) Social media outreach</p>
+                <p className="indent">After a series of missions, we thought we had better results, but realised the limitations of the platform.In order to further expand our influence, we published our results and iGEM news on social media platforms such as WeChat, Video and Xiaohongshu. As a newly established team, with strong support from the university and through the joint efforts of our instructors and students, we attracted a large audience on social media channels.</p>
+                <p className="indent">As part of our initiative to make science more accessible, we run an account on Little Red Book that focuses on the field of hepatic encephalopathy. We publish fortnightly posts, which are written, edited and illustrated by our team themselves, and are designed to help the public better understand scientific issues.Through these posts, we hope to stimulate the curiosity of users on social media platforms about current scientific issues and attract the attention of professionals and students. We believe that it is important to keep abreast of current events and think critically about scientific issues in today's world. Therefore, we provide interesting reads that are relevant to life, combine social facts with scientific issues, and introduce scientific research in an easy-to-understand way.</p>
+                <img 
+                  src="https://static.igem.wiki/teams/5378/red-book.webp"
+                  alt="example"
+                  className="responsive-img"
+                  />
+                <p className="indent">Through these efforts, we have not only raised public awareness of synthetic biology and hepatic encephalopathy, but also established a platform for interaction with our audience and collected valuable feedback, which provides a basis for further optimisation of our science popularisation content. We believe that through continuous efforts, our popularisation of science will be able to better serve the community and enhance the public's scientific literacy and health awareness. </p>
+
+                <p className="bold-font">(2) Remote Mountain Missions</p>
+                <p className="indent">After receiving suggestions from social media users, we travelled to Sichuan Province to educate local residents about hepatic encephalopathy (HE), as detailed in inclusivity, and organised a number of seminars to raise awareness of hepatic encephalopathy and its prevention and treatment, emphasising the importance of early diagnosis and standardised treatment. These lectures not only disseminated scientific health knowledge, but also enhanced the villagers' ability in self-health management.</p>
+                <p className="indent">Free health checks were provided during the event and a detailed health profile was created for each participant. For those who needed further treatment, professional medical advice was provided to ensure that they could receive the necessary support.</p>
+                <p className="indent">Through these initiatives, we have effectively raised local residents' awareness of hepatic encephalopathy, promoted health management, and contributed positively to the improvement of public health in the area.</p>
+              
+                <p className="bold-font">(3) "Science+" Synthetic Biology Competition for Young Talents in Bright Science City</p>
+                <p className="indent">Our team also participated in the 3rd Synthetic Biology Innovation Competition (SynBio Challenges) organised by the Synthetic Biology Branch of the Chinese Society of Bioengineering. Our project focuses on the use of synthetic biology technology to treat hepatic encephalopathy, which is a very challenging medical problem. At the conference, we detailed how to alleviate the symptoms of hepatic encephalopathy by means of gene editing and metabolic engineering.</p>
+                <img 
+                  src="https://static.igem.wiki/teams/5378/science-1.webp"
+                  alt="example"
+                  className="responsive-img"
+                  />
+                <p className="indent">The conference attracted 147 teams from more than 60 universities around the world, with more than 450 students interacting on site. Our presentations attracted a lot of attention, with over 100 audience members listening attentively to our presentations and engaging in lively discussions with us after the conference.</p>
+                <p className="indent">This educational outreach not only demonstrated the great potential of synthetic biology in solving practical medical problems, but also stimulated the strong interest and enthusiasm of other young students in this field. We believe that through this two-way educational exchange, we can not only promote the development of synthetic biology, but also inject new vitality into the iGEM competition and research in related fields.</p>
+                <img 
+                  src="https://static.igem.wiki/teams/5378/science-2.webp"
+                  alt="example"
+                  className="responsive-img"
+                  />
+                <img 
+                  src="https://static.igem.wiki/teams/5378/science-3.webp"
+                  alt="example"
+                  className="responsive-img"
+                  />
+                <p className="indent"></p>
+
+
+                <p className="bold-font">(4) Production of a synthetic biology handbook</p>
+                <p className="indent"> In order to expand our influence, we have participated in the joint editing of the Ethics Handbook for Synthetic Biology, led by CJHU-JLU-China, and the details of the handbook can be found in the collaboration. The Handbook, whose contents are described in detail in the Collaboration, emphasises the importance of future education and training, and advocates the promotion of ethical awareness among researchers and the general public through a variety of means, in order to promote the healthy development of the field of synthetic biology.</p>
+                <p className="indent">Since its release, it has not only served as an important reference document for researchers and policy makers, but has also bridged the communication gap between the scientific community and the public, promoting public understanding and discussion of ethical issues in synthetic biology.</p>
               </Element>
 
               <Element name="section7" className="element rounded-border" id='section7'>
-              <h2>Section 7</h2>
-              <p>Content for section 7.</p>
-              <div className="rounded-border">
-              <h4 className="center-text">我是大帅B</h4>
-              <p className="indent">las ijffs aiskfd fskj iiwls asd.aass ffas awssd awus iisal fask.aisisad ksjdfkaf iwjasifjakdshf wijdfalksjf wiksjkfjksalhf, gsahfjhgejkfh  uhaejkfh sjdihgfuqiw jh sjiafhjsaj fh asd.</p>
-              <p className="indent">las ijffs aiskfd fskj iiwls asd.aass ffas awssd awus iisal fask.aisisad ksjdfkaf iwjasifjakdshf wijdfalksjf wiksjkfjksalhf, gsahfjhgejkfh  uhaejkfh sjdihgfuqiw jh sjiafhjsaj fh asd.</p>
-              </div>
+                <h1>Conclusions and outlook</h1>
+                <p className="indent">Looking back on our educational outreach work in the past year, our team has achieved fruitful results in science publicity, patient care, school education, regional coverage and world outreach. We have not only spread the knowledge of synthetic biology and hepatic encephalopathy to the public through various channels, but also established a two-way communication and feedback mechanism to continuously optimise the educational content and methods to ensure their effectiveness and attractiveness.</p>
+                <p className="indent">This two-way communication and feedback mechanism is the key to the development of our educational work, and it has also helped us to expand our influence. Through questionnaires and interviews, we have collected valuable feedback from different groups and adjusted the content of science popularisation and the form of activities based on such feedback; through social media platforms, we have established closer ties with the public and attracted the attention and participation of a wider audience. Meanwhile, we also actively participate in international exchange activities, sharing our research results and experiences with young scholars around the world and contributing to the development of synthetic biology.</p>
+                <p className="indent">Looking ahead, we will continue to adhere to the educational concept of two-way feedback to continuously improve the quality and impact of our science popularisation work. We will further improve the educational content and develop more diversified and interactive science popularisation activities to meet the needs of different groups. At the same time, we will also strengthen our interaction with the public to collect more feedback and continuously improve our work based on such feedback.</p>
+                <p className="indent">We believe that through continuous efforts, our educational work will be able to better serve the community, enhance the public's scientific literacy and health awareness, and make greater contributions to the development and popularisation of synthetic biology and hepatic encephalopathy.</p>
               </Element>
 
               <Element name="section8" className="element rounded-border" id='section8'>
-- 
GitLab