feat(theme): update homepage with Apple-style design and add footer
- Change hero button from "Course Outline" to "GitHub" linking to repository - Update color scheme to Apple blue gradient and refine button styles - Add Apple-style footer with localized content, breadcrumb, and policy links - Introduce top promotional banner with localized call-to-action - Improve responsive design and adjust spacing for better visual hierarchy
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -4,6 +4,10 @@
|
|||||||
--vp-sidebar-nav-section-gap: 8px;
|
--vp-sidebar-nav-section-gap: 8px;
|
||||||
--ev-doc-font-size: 14px;
|
--ev-doc-font-size: 14px;
|
||||||
--ev-doc-line-height: 1.65;
|
--ev-doc-line-height: 1.65;
|
||||||
|
--vp-c-brand-1: #0071e3;
|
||||||
|
--vp-c-brand-2: #0077ed;
|
||||||
|
--vp-c-brand-3: #0066cc;
|
||||||
|
--vp-c-brand-soft: rgba(0, 113, 227, 0.14);
|
||||||
}
|
}
|
||||||
|
|
||||||
.vp-doc {
|
.vp-doc {
|
||||||
@@ -302,42 +306,47 @@
|
|||||||
|
|
||||||
/* Hero Section Refinements */
|
/* Hero Section Refinements */
|
||||||
.VPHomeHero .name {
|
.VPHomeHero .name {
|
||||||
background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
|
background: -webkit-linear-gradient(315deg, #0071e3 10%, #5ac8fa 90%);
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
filter: drop-shadow(0 0 30px rgba(66, 211, 146, 0.3));
|
filter: drop-shadow(0 0 24px rgba(0, 113, 227, 0.28));
|
||||||
}
|
}
|
||||||
|
|
||||||
.VPHomeHero .text {
|
.VPHomeHero .text {
|
||||||
font-weight: 500;
|
font-weight: 600;
|
||||||
color: var(--vp-c-text-2);
|
color: #1d1d1f;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.VPHomeHero .action .VPButton.brand {
|
.VPHomeHero .action .VPButton.brand {
|
||||||
border-radius: 20px;
|
border-radius: 999px;
|
||||||
background-image: linear-gradient(to right, #42d392, #647eff);
|
background-image: none;
|
||||||
|
background-color: #0071e3;
|
||||||
border: none;
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
transition:
|
transition:
|
||||||
transform 0.2s,
|
transform 0.2s,
|
||||||
opacity 0.2s;
|
opacity 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.VPHomeHero .action .VPButton.brand:hover {
|
.VPHomeHero .action .VPButton.brand:hover {
|
||||||
transform: scale(1.05);
|
transform: scale(1.02);
|
||||||
opacity: 0.9;
|
background-color: #0077ed;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.VPHomeHero .action .VPButton.alt {
|
.VPHomeHero .action .VPButton.alt {
|
||||||
border-radius: 20px;
|
border-radius: 999px;
|
||||||
border-color: var(--vp-c-divider);
|
border-color: #d2d2d7;
|
||||||
background-color: var(--vp-c-bg-soft);
|
background-color: #fff;
|
||||||
|
color: #1d1d1f;
|
||||||
transition: transform 0.2s;
|
transition: transform 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.VPHomeHero .action .VPButton.alt:hover {
|
.VPHomeHero .action .VPButton.alt:hover {
|
||||||
transform: scale(1.05);
|
transform: scale(1.02);
|
||||||
background-color: var(--vp-c-bg);
|
background-color: #f5f5f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* HomeFeatures Sections Scroll Offset */
|
/* HomeFeatures Sections Scroll Offset */
|
||||||
|
|||||||
+2
-2
@@ -19,8 +19,8 @@ hero:
|
|||||||
text: Start Learning
|
text: Start Learning
|
||||||
link: /en/stage-0/
|
link: /en/stage-0/
|
||||||
- theme: alt
|
- theme: alt
|
||||||
text: Course Outline
|
text: GitHub
|
||||||
link: /en/stage-0/
|
link: https://github.com/datawhalechina/easy-vibe
|
||||||
---
|
---
|
||||||
|
|
||||||
<HomeFeatures />
|
<HomeFeatures />
|
||||||
|
|||||||
@@ -1119,7 +1119,7 @@
|
|||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.1-choose-platform/</loc>
|
<loc>https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.1-choose-platform/</loc>
|
||||||
<lastmod>2026-03-08T12:07:23+08:00</lastmod>
|
<lastmod>2026-03-08T12:17:04+08:00</lastmod>
|
||||||
<changefreq>weekly</changefreq>
|
<changefreq>weekly</changefreq>
|
||||||
<priority>0.8</priority>
|
<priority>0.8</priority>
|
||||||
<xhtml:link rel="alternate" hreflang="zh-CN" href="https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.1-choose-platform/"/>
|
<xhtml:link rel="alternate" hreflang="zh-CN" href="https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/cross-platform/3.1-choose-platform/"/>
|
||||||
|
|||||||
Reference in New Issue
Block a user