Add AI tools list and update site content and styles

Added a new AI tools list markdown file. Updated VitePress config to rename the Chinese site title. Enhanced custom CSS with entrance animations for feature cards and timeline items. Improved and expanded the about pages in both English and Chinese, including a more detailed implementation roadmap and project summary. Updated homepages to clarify project purpose, tool coverage, and feature descriptions.
This commit is contained in:
tycon
2025-10-15 12:08:45 +08:00
parent d7ad13d26c
commit 2ec54ab2a8
7 changed files with 158 additions and 64 deletions

View File

@@ -139,7 +139,7 @@ export default defineConfig({
label: '简体中文',
lang: 'zh-CN',
link: '/zh/',
title: 'AI 系统提示词中心',
title: 'AI 系统提示词仓库',
themeConfig: {
nav: [
{ text: '首页', link: '/zh/' },

View File

@@ -1,8 +1,62 @@
/* Styles for VitePress Home Features cards */
/* Hover effect remains on article.box to scale content */
article.box {
transition: transform 0.3s ease-in-out;
}
article.box:hover {
transform: scale(1.05); /* Scales up by 5% */
}
/* Entrance animation applied to the entire card link */
.VPFeature {
animation: fadeInUp 0.6s ease-out forwards;
opacity: 0; /* Start invisible */
}
/* Staggered animation delay for each card link within its parent container */
.VPHomeFeatures .VPFeature:nth-child(1) { animation-delay: 0.1s; }
.VPHomeFeatures .VPFeature:nth-child(2) { animation-delay: 0.2s; }
.VPHomeFeatures .VPFeature:nth-child(3) { animation-delay: 0.3s; }
.VPHomeFeatures .VPFeature:nth-child(4) { animation-delay: 0.4s; }
.VPHomeFeatures .VPFeature:nth-child(5) { animation-delay: 0.5s; }
.VPHomeFeatures .VPFeature:nth-child(6) { animation-delay: 0.6s; }
.VPHomeFeatures .VPFeature:nth-child(7) { animation-delay: 0.7s; }
.VPHomeFeatures .VPFeature:nth-child(8) { animation-delay: 0.8s; }
.VPHomeFeatures .VPFeature:nth-child(9) { animation-delay: 0.9s; }
.VPHomeFeatures .VPFeature:nth-child(10) { animation-delay: 1.0s; }
/* Keyframe animation definition */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 20px, 0); /* Start slightly below */
}
to {
opacity: 1;
transform: translate3d(0, 0, 0); /* End at original position */
}
}
.timeline-item {
/* Entrance animation for timeline items */
animation: fadeInUp 0.8s ease-out forwards; /* Use the same animation */
opacity: 0; /* Start invisible */
position: relative; /* Ensure z-index works */
z-index: 1; /* Bring to front on hover */
}
/* Remove timeline-content hover styles */
.timeline-content {
/* No transition, transform-origin, will-change here */
display: block;
height: 100%;
}
.timeline-content:hover {
/* No transform here */
z-index: auto; /* Reset z-index */
}