diff --git a/src/containers/App/App.css b/src/containers/App/App.css index 6fdcd8cb8b5980f897301c7c0c241b128564f761..09b7cd108653658e5bd21a3c1bea04ab4ed0511f 100644 --- a/src/containers/App/App.css +++ b/src/containers/App/App.css @@ -321,7 +321,7 @@ footer a:hover { .custom-header-safety { width: 100vw; height: 100vh; - background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ + background-image: url('https://static.igem.wiki/teams/5378/safety/0111111111.webp'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ diff --git a/src/contents/safety.tsx b/src/contents/safety.tsx index b32471ea595ea906f4ea312ef996d5851ed08342..d93a22e23aed76a6e54d682cc5fd45ec26a5bd01 100644 --- a/src/contents/safety.tsx +++ b/src/contents/safety.tsx @@ -48,7 +48,7 @@ export function Safety() { <div className="custom-header-safety"> <h1 className="centered-title"> <img - src="https://static.igem.wiki/teams/5378/safety/0111111111.webp" + src="https://static.igem.wiki/teams/5378/header/safety.png" alt="safety header" className="header-img" /> @@ -101,16 +101,25 @@ The next page details the security measures and considerations our team has take alt="example" className="responsive-img" /> + <div className='row'> + <div className='col-6'> <img src="https://static.igem.wiki/teams/5378/safety/03-11.webp" alt="example" className="responsive-img" /> + + </div> + <div className='col-6'> <img src="https://static.igem.wiki/teams/5378/safety/03-111.webp" alt="example" className="responsive-img" /> + </div> + </div> + + <h4>Experimental equipment</h4> <p className="indent">The biosafety cabinet is the most important safety equipment and the main protective barrier. The laboratory should be equipped with a secondary biosafety cabinet as required. All related operations must be carried out inside the biosafety cabinet.Fill in the registration form consciously every time you use it.</p> <img