From ccdece40eb90d0de699f0536693ec40f022fd112 Mon Sep 17 00:00:00 2001
From: Kang Wang <888666wang4286@gmail.com>
Date: Mon, 30 Sep 2024 15:01:57 +0000
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/contents/model.tsx | 13 ++++++++-----
1 file changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/contents/model.tsx b/src/contents/model.tsx
index 007c1da..27211ff 100644
--- a/src/contents/model.tsx
+++ b/src/contents/model.tsx
@@ -90,7 +90,7 @@ export function Model() {
const [isOpen1, setIsOpen1] = useState(false);
const [isOpen2, setIsOpen2] = useState(false);
-
+
const toggleAccordion1 = () => {
setIsOpen1(!isOpen1);
};
@@ -112,9 +112,10 @@ export function Model() {
className="header-img"
/>
<img
- src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+ src="https://static.igem.wiki/teams/5378/model/model-page.webp"
alt="safety header"
className="header-bar"
+ style={{ opacity: 0.7 }}
/>
</h1>
</div>
@@ -125,10 +126,12 @@ export function Model() {
<div className="col-10 model-font">
<Element name="section1" className="element" id='section1'>
-
-
<h2 className="center-text mt-5">1. ODE Model of Biochemical Reactions</h2>
+ <img src='https://static.igem.wiki/teams/5378/model/model-page.webp' className='responsive-img' style={{ maxWidth: '60%', margin: '0 auto',paddingRight: '15%' }} />
+ <figcaption className='caption' style={{paddingRight: '15%' }} >Placeholders</figcaption>
+
<h3>1.1 Oxidation of Phenylethylamine</h3>
+
<p>Firstly, phenylethylamine (PEA) diffuses through the outer membrane of <em>Escherichia coli</em> into the periplasmic space, where it interacts with TynA.</p>
<MathJax.Provider>
<div className='indent formula_content' >
@@ -1071,7 +1074,7 @@ export function Model() {
</div>
</div>
<p>Based on the OptiGene algorithm, we identified two valuable target reactions: <b>Glycine Cleavage System (GLYCL)</b> and <b>Glutamate Dehydrogenase (NADP, GLUDy)</b>. The main reactions involved, the candidate knockout targets, and the effects of their knockout on flux are summarized in the table below:</p>
- <table className="model-table three-line-table">
+ <table className="three-line-table">
<thead>
<tr className='table-head-line'>
<th>Target Reaction</th>
--
GitLab