diff --git a/src/contents/model.tsx b/src/contents/model.tsx index 459cf3181d6b325aa50cb01410e862ebf48885b3..b44c9c79aacf74a88ad4677e5943edc442908cb6 100644 --- a/src/contents/model.tsx +++ b/src/contents/model.tsx @@ -59,7 +59,7 @@ const SideNavbar: React.FC<SideNavbarProps> = ({ activeLink }) => { <Nav className="flex-column"> <Nav.Link as={Link} to="section1" smooth={true} duration={500} className={activeLink === 'section1' ? 'active' : 'notActive'}>ODE Model of Biochemical Reactions</Nav.Link> <Nav.Link as={Link} to="section2" smooth={true} duration={500} className={activeLink === 'section2' ? 'active' : 'notActive'}>Metabolic Engineering Strategy to Reduce Ammonia Production</Nav.Link> - + <Nav.Link as={Link} to="section3" smooth={true} duration={500} className={activeLink === 'section3' ? 'active' : 'notActive'}>part3</Nav.Link> {/* æ·»åŠ æ›´å¤šå¯¼èˆªé“¾æŽ¥ */} @@ -927,8 +927,8 @@ export function Model() { </MathJax.Provider> <h3>Initial Conditions</h3> <p>Except for the variables mentioned below, the initial values of all other variables are set to 0.</p> - -<p>Placeholders</p> + + <p>Placeholders</p> </Element> <Element name="section2" className="element" id='section2'> <h2>PART2 Metabolic Engineering Strategy to Reduce Ammonia Production</h2> @@ -1081,8 +1081,15 @@ export function Model() { <p>In summary, our metabolic engineering analysis provided multiple knockout schemes, including single and multi-gene knockouts. Through gene knockout, ammonia production can be reduced to approximately <b>18% </b>of the wild-type levels, while the growth rate of the strain can be maintained at about <b>80%</b> of the wild-type. This finding offers significant directions for genetic modifications in the development of engineered strains intended for in vivo therapy.</p> </Element> <Element name="section3" className="element " id='section3'> - <img src='https://static.igem.wiki/teams/5378/model/model3.webp' className='responsive-img'/> - <p><figcaption className='caption' >Placeholders</figcaption></p> + <h2 className="center-text mt-5">part3 Placeholders</h2> + <div> + <img src='https://static.igem.wiki/teams/5378/model/model-flow-pic.png' className='responsive-img' style={{ maxWidth: '60%', margin: '0 auto', display: 'block', paddingRight: '20%' }} /> + <p><figcaption className='caption' >Protein-Ligand Complex - Molecular Dynamics Simulation with GROMACS</figcaption></p> + </div> + + + <img src='https://static.igem.wiki/teams/5378/model/model3.webp' className='responsive-img' /> + <p><figcaption className='caption' >Placeholders</figcaption></p> </Element> </div>