From 1b6478660e2d867179be62fb94ee315d1ccb972c Mon Sep 17 00:00:00 2001
From: zxa666 <zxadeguge@gmail.com>
Date: Thu, 19 Sep 2024 22:30:55 +0800
Subject: [PATCH] upload some header img

---
 src/containers/App/App.css | 31 +++++++++++--------------------
 1 file changed, 11 insertions(+), 20 deletions(-)

diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 0e3613e..ca7eccb 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -157,7 +157,7 @@ footer a:hover {
 .custom-header-education {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/education.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -167,7 +167,7 @@ footer a:hover {
 .custom-header-engineering {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/engineering.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -177,7 +177,7 @@ footer a:hover {
 .custom-header-entrepreneurship {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/entrepreneurship.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -187,7 +187,7 @@ footer a:hover {
 .custom-header-experiments {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/experiment.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -197,7 +197,7 @@ footer a:hover {
 .custom-header-hardware {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/hardware.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -207,7 +207,7 @@ footer a:hover {
 .custom-header-human-practices {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/hp.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -217,7 +217,7 @@ footer a:hover {
 .custom-header-inclusivity {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/inclusivity.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -237,7 +237,7 @@ footer a:hover {
 .custom-header-model {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/model.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -247,27 +247,18 @@ footer a:hover {
 .custom-header-notebook {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/notebook.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
   background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
 
 }
-.custom-header-plant {
-  width: 100vw;
-  height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
-  background-size: cover;        /* 使背景图片覆盖整个容器 */
-  background-position: center;   /* 居中对齐背景图片 */
-  background-repeat: no-repeat;  /* 防止背景图片重复 */
-  background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
 
-}
 .custom-header-results {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/results.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
@@ -277,7 +268,7 @@ footer a:hover {
 .custom-header-safety {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */
+  background-image: url('https://static.igem.wiki/teams/5378/header/safety.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
-- 
GitLab