Skip to content
Snippets Groups Projects
Commit 628427f1 authored by Xingan Zhao's avatar Xingan Zhao
Browse files

feat:collaboration

parent ad05beeb
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/contents/collaboration.tsx
+ 57
− 43
View file @ 628427f1
......@@ -11,11 +11,11 @@ const SideNavbar: React.FC<SideNavbarProps> = ({ activeLink }) => {
return (
<div className="side-navbar">
<Nav className="flex-column">
<Nav.Link as={Link} to="section1" smooth={true} duration={500} className={activeLink === 'section1' ? 'active' : 'notActive'}>Section 1</Nav.Link>
<Nav.Link as={Link} to="section2" smooth={true} duration={500} className={activeLink === 'section2' ? 'active' : 'notActive'}>Section 2</Nav.Link>
<Nav.Link as={Link} to="section3" smooth={true} duration={500} className={activeLink === 'section3' ? 'active' : 'notActive'}>Section 3</Nav.Link>
<Nav.Link as={Link} to="section4" smooth={true} duration={500} className={activeLink === 'section4' ? 'active' : 'notActive'}>Section 4</Nav.Link>
<Nav.Link as={Link} to="section5" smooth={true} duration={500} className={activeLink === 'section5' ? 'active' : 'notActive'}>Section 5</Nav.Link>
<Nav.Link as={Link} to="section1" smooth={true} duration={500} className={activeLink === 'section1' ? 'active' : 'notActive'}>Team profile</Nav.Link>
<Nav.Link as={Link} to="section2" smooth={true} duration={500} className={activeLink === 'section2' ? 'active' : 'notActive'}>Project overview</Nav.Link>
<Nav.Link as={Link} to="section3" smooth={true} duration={500} className={activeLink === 'section3' ? 'active' : 'notActive'}>Cooperation needs and directions</Nav.Link>
<Nav.Link as={Link} to="section4" smooth={true} duration={500} className={activeLink === 'section4' ? 'active' : 'notActive'}>Cooperation mode</Nav.Link>
<Nav.Link as={Link} to="section5" smooth={true} duration={500} className={activeLink === 'section5' ? 'active' : 'notActive'}>Conclusion</Nav.Link>
<Nav.Link as={Link} to="section6" smooth={true} duration={500} className={activeLink === 'section6' ? 'active' : 'notActive'}>Section 6</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="section8" smooth={true} duration={500} className={activeLink === 'section8' ? 'active' : 'notActive'}>Section 8</Nav.Link>
......@@ -73,59 +73,73 @@ export function collaboration() {
<a href="https://2024.igem.wiki/cjuh-jlu-china/collaboration" >CJUH-JLU-china</a>
</div>
<Element name="section1" className="element rounded-border" id='section1'>
<h2>Section 1</h2>
<p>Content for section 1.</p>
<img
src="https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp"
alt="example"
className="responsive-img"
/>
<h2>Team profile</h2>
<p>The SMU-GDMU iGEM (International Genetically Engineered Machine Competition) team, as a pioneering force of research innovation at the University, is committed to exploring the latest boundaries of synthetic biology. Our team brings together the best students from different disciplines, including medicine, biology, computer science, chemical engineering and materials science, to solve global challenges through interdisciplinary collaboration.</p>
</Element>
<div className="bd-callout bd-callout-info bg-gray">
<h1>What do we do to ...? See...</h1>
</div>
<Element name="section2" className="element rounded-border" id='section2'>
<h2>Section 2</h2>
<p>Content for section 2.</p>
<img
src="https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp"
alt="example"
className="responsive-img"
/>
<h2>Project overview</h2>
<p>This year, the iGEM team at Southern Medical University carried out a project called "Liver-Brain Guardian". This project aims to use synthetic biology technology to design and construct an improved genetically engineered bacterial ammonia metabolism system that can efficiently reduce the concentration of ammonia in human intestinal tract, in order to provide new ideas and new methods for solving the problem of human hepatic encephalopathy.</p>
</Element>
<Element name="section3" className="element rounded-border" id='section3'>
<h2>Section 3</h2>
<p>Content for section 3.</p>
<h2>cooperation needs and directions</h2>
{/* <p>Content for section 3.</p> */}
<div className="rounded-border">
<h4 className="center-text">Section 3</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>
<h4 className="center-text">Bioinformatics support</h4>
<p className="indent">Collaboration: Invite teams or individuals with a background in bioinformatics to assist us in gene sequencing, metabolic pathway optimization, and microbial community dynamics modeling. Expected results: Through big data analysis and machine learning algorithm, accurately locate key genes, optimize microbial metabolic efficiency, predict and adjust microbial community structure to achieve the best heavy metal removal effect.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Materials Science and Nanotechnology</h4>
<p className="indent">Collaboration: Working with teams in materials science to develop novel nanomaterials (capsules/probiotic powders) as microbial carriers or catalysts to enhance the sensitivity of microorganisms to PEA, i.e. their ability to respond to signals and transform metabolism.</p>
<p className="indent">Expected results: Develop efficient, stable and recyclable nanocomposite materials, and enhance the practical application value of the project results.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Computer Science and artificial Intelligence</h4>
<p className="indent">Collaboration: Use AI technology to optimize experimental design and improve experimental efficiency; At the same time, an intelligent monitoring system is developed to monitor and predict the dynamic process of microbial treatment of ammonia in the body in real time.</p>
<p className="indent">Expected results: Optimize the experimental process through the algorithm, reduce the consumption of manpower and material resources; Establish an intelligent early warning mechanism to ensure the safe and stable operation of the project.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Environmental science and policy research</h4>
<p className="indent">Collaboration: Environmental science experts and policy researchers will be invited to assess the environmental impact of the project results, and explore the feasibility of application and policy recommendations.</p>
<p className="indent">Expected results: Develop scientific and rigorous environmental impact assessment reports to provide policy support and guidance for the transformation and application of project results.</p>
</div>
</Element>
<Element name="section4" className="element rounded-border" id='section4'>
<h2>Section 4</h2>
<p>Content for section 4.</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>
<h2>Cooperation mode</h2>
<div className="rounded-border">
<h4 className="center-text">Regular communication meetings</h4>
<p className="indent">Set up online or offline meetings to regularly share research progress, discuss problems encountered and solutions.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Resource sharing</h4>
<p className="indent">Open experimental data, computing resources and research results to promote knowledge sharing and technical exchange among teams.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Joint publication</h4>
<p className="indent">Team members are encouraged to jointly sign and publish the scientific research results obtained together to enhance the academic influence and depth of cooperation.</p>
</div>
<div className="rounded-border">
<h4 className="center-text">Talent cultivation</h4>
<p className="indent">Through interdisciplinary cooperation projects, provide valuable practical opportunities and interdisciplinary vision for participating students, and cultivate interdisciplinary talents.</p>
</div>
</Element>
<Element name="section5" className="element rounded-border" id='section5'>
<h2>Section 5</h2>
<p>Content for section 5.</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>
<h2>Conclusion</h2>
<p>The SMU-GDMU iGEM team looks forward to working hand in hand with people from all walks of life at home and abroad to jointly promote the development of the field of synthetic biology and contribute wisdom and strength to solving global problems. We believe that through close collaboration and innovation, we can create a greener and more sustainable future.</p>
</Element>
<Element name="section6" className="element rounded-border" id='section6'>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment