From 5e87b992a798eea352fd80df102bc38bc59c8d4a Mon Sep 17 00:00:00 2001 From: zxa666 <zxadeguge@gmail.com> Date: Sun, 22 Sep 2024 22:59:48 +0800 Subject: [PATCH] adjust header img --- src/containers/App/App.css | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/containers/App/App.css b/src/containers/App/App.css index 44ef5ca..1c956a5 100644 --- a/src/containers/App/App.css +++ b/src/containers/App/App.css @@ -122,7 +122,7 @@ footer a:hover { .custom-header-home { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/image/zxa-tp.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -132,7 +132,7 @@ footer a:hover { .custom-header-team { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -142,7 +142,7 @@ footer a:hover { .custom-header-attributions { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -153,7 +153,7 @@ footer a:hover { .custom-header-contribution { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -164,7 +164,7 @@ footer a:hover { .custom-header-description { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -175,7 +175,7 @@ footer a:hover { .custom-header-education { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/education.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -185,7 +185,7 @@ footer a:hover { .custom-header-engineering { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/engineering.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -195,7 +195,7 @@ footer a:hover { .custom-header-entrepreneurship { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/entrepreneurship.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -205,7 +205,7 @@ footer a:hover { .custom-header-experiments { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/experiment.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -215,7 +215,7 @@ footer a:hover { .custom-header-hardware { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/hardware.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -225,7 +225,7 @@ footer a:hover { .custom-header-human-practices { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/hp.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -235,7 +235,7 @@ footer a:hover { .custom-header-inclusivity { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/inclusivity.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -245,7 +245,7 @@ footer a:hover { .custom-header-measurement { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -255,7 +255,7 @@ footer a:hover { .custom-header-model { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/model.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -265,7 +265,7 @@ footer a:hover { .custom-header-notebook { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/notebook.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -276,7 +276,7 @@ footer a:hover { .custom-header-results { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/results.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -286,7 +286,7 @@ footer a:hover { .custom-header-safety { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/header/safety.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -296,7 +296,7 @@ footer a:hover { .custom-header-software { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ @@ -306,7 +306,7 @@ footer a:hover { .custom-header-sustainable { width: 100vw; height: 100vh; - background-image: url('https://static.igem.wiki/teams/5378/school-badge/yanyintech.webp'); /* 背景图片路径 */ + background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */ background-size: cover; /* 使背景图片覆盖整个容器 */ background-position: center; /* å±…ä¸å¯¹é½èƒŒæ™¯å›¾ç‰‡ */ background-repeat: no-repeat; /* 防æ¢èƒŒæ™¯å›¾ç‰‡é‡å¤ */ -- GitLab