feat(ui): update hero button text and enhance welcome screen

- Change primary hero button text from "Start Learning" to "Start Vibe Together!" across all language versions to align with project branding
- Update online reading links in README files to point to /welcome.html for better user onboarding
- Enhance WelcomeScreen.vue with improved animation timing and spacing
- Add dynamic SVG wordmark to homepage hero section for visual appeal
- Implement animated color transition for top promo bar
- Remove testing guidelines comment in AGENTS.md as placeholder
- Adjust feature card styling with increased min-height and icon sizes
This commit is contained in:
sanbuphy
2026-03-18 12:12:42 +08:00
parent 39e75df8c7
commit c8b68e5139
24 changed files with 205 additions and 59 deletions
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : تعلم Vibe Coding من 0 إلى 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">القراءة عبر الإنترنت (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">دليل تفاعلي</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">القراءة عبر الإنترنت (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">دليل تفاعلي</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">القراءة عبر الإنترنت</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">القراءة عبر الإنترنت</a> ·
<a href="#-التنقل">خريطة التعلم</a> ·
<a href="#contact">المجتمع</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : Lerne Vibe Coding von 0 auf 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">Online lesen (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Interaktives Tutorial</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Online lesen (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Interaktives Tutorial</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">Online lesen</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Online lesen</a> ·
<a href="#-navigation">Lernkarte</a> ·
<a href="#contact">Community</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : Learn vibe coding from 0 to 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">Read Online</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Interactive Tutorial</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Read Online</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Interactive Tutorial</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">Read Online</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Read Online</a> ·
<a href="#-navigation">Learning Map</a> ·
<a href="#contact">Community</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : Aprende Vibe Coding de 0 a 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">Leer en línea (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Tutorial interactivo</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Leer en línea (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Tutorial interactivo</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">Leer en línea</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Leer en línea</a> ·
<a href="#-navegación">Mapa de aprendizaje</a> ·
<a href="#contact">Comunidad</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : Apprendre le Vibe Coding de 0 à 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">Lire en ligne (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Tutoriel interactif</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Lire en ligne (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Tutoriel interactif</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">Lire en ligne</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Lire en ligne</a> ·
<a href="#-navigation">Carte d'apprentissage</a> ·
<a href="#contact">Communauté</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : 0から1で学ぶVibe Coding
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">オンラインで読む (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">インタラクティブチュートリアル</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">オンラインで読む (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">インタラクティブチュートリアル</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">オンラインで読む</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">オンラインで読む</a> ·
<a href="#-コンテンツナビゲーション">学習マップ</a> ·
<a href="#contact">コミュニティ交流</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : 0에서 1까지 배우는 Vibe Coding
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">온라인 읽기 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">대화형 튜토리얼</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">온라인 읽기 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">대화형 튜토리얼</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">온라인 읽기</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">온라인 읽기</a> ·
<a href="#-콘텐츠-탐색">학습 지도</a> ·
<a href="#contact">커뮤니티 교류</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : Học Vibe Coding từ 0 đến 1
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">Đọc trực tuyến (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Hướng dẫn tương tác</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Đọc trực tuyến (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">Hướng dẫn tương tác</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">Đọc trực tuyến</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">Đọc trực tuyến</a> ·
<a href="#-điều-hướng">Bản đồ học tập</a> ·
<a href="#contact">Cộng đồng</a>
</p>
+2 -2
View File
@@ -12,11 +12,11 @@
# Easy-Vibe : 從 0 到 1 學習 Vibe Coding
<p align="center">
📌 <a href="https://datawhalechina.github.io/easy-vibe/">在線閱讀 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">交互式教程 (Interactive Tutorial)</a>
📌 <a href="https://datawhalechina.github.io/easy-vibe/welcome.html">在線閱讀 (Read Online)</a> · ✨ <a href="https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/">交互式教程 (Interactive Tutorial)</a>
</p>
<p align="center">
<a href="https://datawhalechina.github.io/easy-vibe/">在線閱讀</a> ·
<a href="https://datawhalechina.github.io/easy-vibe/welcome.html">在線閱讀</a> ·
<a href="#-內容導航">學習地圖</a> ·
<a href="#contact">社區交流</a>
</p>