Skip to content

style: redesign completion screen — fresh palette (#062E81 navy + gold) - #2

Merged
Phongxuan123 merged 1 commit into
mainfrom
feat/major-fe-upgrade-v1.3.0
Jun 6, 2026
Merged

style: redesign completion screen — fresh palette (#062E81 navy + gold)#2
Phongxuan123 merged 1 commit into
mainfrom
feat/major-fe-upgrade-v1.3.0

Conversation

@Phongxuan123

Copy link
Copy Markdown
Owner

No description provided.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 6, 2026 09:16
@vercel

vercel Bot commented Jun 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mln Ready Ready Preview, Comment Jun 6, 2026 9:16am

@Phongxuan123
Phongxuan123 merged commit 4184155 into main Jun 6, 2026
3 checks passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Redesigns the “CompletionStage” (journey completion screen) in PhilosophyJourney.jsx to match the new navy (#062E81) + gold palette, adding more depth/decoration and updated button styling.

Changes:

  • Updated completion screen container to a navy gradient with layered blurred background circles.
  • Added a “Hoàn thành hành trình” verified pill header and adjusted badge/score card styling.
  • Refreshed button styling (rounded-xl, active:scale-95) and updated “Next lesson” button palette.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

<div className="bg-white/10 backdrop-blur rounded-xl p-4 mt-6 inline-block">
<p className="text-sm text-white/80">Kết quả kiểm tra</p>
{/* Ket qua kiem tra */}
<div className="bg-white/12 border border-white/20 backdrop-blur rounded-2xl px-6 py-4 mt-6 inline-block">
Phongxuan123 added a commit that referenced this pull request Jul 3, 2026
… Thuc)

- Extract shared journey UI (GradedQuestion, SceneBanner, PieceReward,
  JourneyHeader, QuizStage, CompletionScreen) into journey/JourneyUI.jsx;
  PhilosophyJourney now reuses them (DRY)
- New interactive lesson ObjectJourney: 4 historical periods per script
  (amphora picking, book shelving, philosopher card flip, idea-block matching)
  + timeline side panel + final quiz + completion screen
- New SVG scene art (spiral/temple/library/scale/branch) + amphora
- Register lesson in mindmap (ch1-s1 #2, slug doi-tuong-triet-hoc) and
  Lesson.jsx slug->component map; progress persisted to localStorage

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Phongxuan123 added a commit that referenced this pull request Jul 3, 2026
feat: Big Update v1.4.0 — integrated mindmap, step quiz, discussion, …
Phongxuan123 added a commit that referenced this pull request Jul 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants