chore: dọn @keyframes không dùng + cập nhật comment .webp

- Xoá 8 @keyframes orphaned không được dùng:
  public-ambient-pan, public-back-to-top-float, public-cta-breathe,
  public-gradient-flow, public-header-glint, public-logo-breathe,
  public-photo-breathe, public-stage-float
- Giữ lại 7 @keyframes vẫn được dùng:
  public-section-reveal, public-header-drop, public-rise,
  public-stagger-reveal, public-line-draw, public-sheen, heritage-marquee
- Cập nhật comment trong chua-thai-lac.ts để phản ánh .webp thay cho .jpg

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
tuyenio
2026-06-25 09:40:55 +07:00
parent a0c202546e
commit 9e3f98d3dd
2 changed files with 2 additions and 80 deletions
-78
View File
@@ -1238,45 +1238,8 @@ a {
} }
} }
@keyframes public-header-glint {
0%,
58%,
100% {
opacity: 0;
transform: translateX(0) skewX(-18deg);
}
68% {
opacity: 0.62;
}
82% {
opacity: 0;
transform: translateX(760%) skewX(-18deg);
}
}
@keyframes public-logo-breathe {
0%,
100% {
box-shadow:
inset 0 1px 0 rgb(255 255 255 / 0.92),
0 10px 24px rgb(37 75 54 / 0.08);
}
50% {
box-shadow:
inset 0 1px 0 rgb(255 255 255 / 0.98),
0 16px 34px rgb(142 95 11 / 0.14);
}
}
@keyframes public-cta-breathe {
0%,
100% {
filter: saturate(1);
}
50% {
filter: saturate(1.08) brightness(1.03);
}
}
@keyframes public-rise { @keyframes public-rise {
from { from {
@@ -1300,23 +1263,7 @@ a {
} }
} }
@keyframes public-ambient-pan {
from {
background-position: 0% 0%, 0 0, 0 0;
}
to {
background-position: 100% 0%, 84px 0, 0 84px;
}
}
@keyframes public-gradient-flow {
from {
background-position: 0% 50%;
}
to {
background-position: 100% 50%;
}
}
@keyframes public-line-draw { @keyframes public-line-draw {
from { from {
@@ -1343,33 +1290,8 @@ a {
} }
} }
@keyframes public-photo-breathe {
from {
transform: scale(1);
}
to {
transform: scale(1.035);
}
}
@keyframes public-stage-float {
from {
transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
}
to {
transform: translate3d(0, -10px, 0) rotateX(0.4deg) rotateY(-0.55deg);
}
}
@keyframes public-back-to-top-float {
0%,
100% {
filter: saturate(1);
}
50% {
filter: saturate(1.08) brightness(1.03);
}
}
/* Lớp nhiễu hạt phim cố định — tạo chiều sâu, chất liệu cao cấp cho nền tối. */ /* Lớp nhiễu hạt phim cố định — tạo chiều sâu, chất liệu cao cấp cho nền tối. */
.site-grain { .site-grain {
+2 -2
View File
@@ -2,7 +2,7 @@
// File chỉ chứa DỮ LIỆU (type-only import từ engine để tránh circular import runtime). // File chỉ chứa DỮ LIỆU (type-only import từ engine để tránh circular import runtime).
// Engine `VirtualTour.tsx` import `chuaThaiLacTour` rồi bọc qua createTourConfig(). // Engine `VirtualTour.tsx` import `chuaThaiLacTour` rồi bọc qua createTourConfig().
// //
// Ảnh panorama đặt tại public/images/chua-thai-lac/01.jpg … 26.jpg // Ảnh panorama đặt tại public/images/chua-thai-lac/01.webp … 26.webp
// (đặt tên ASCII theo thứ tự cảnh để tránh lỗi mã hóa Unicode/đường dẫn khi triển khai). // (đặt tên ASCII theo thứ tự cảnh để tránh lỗi mã hóa Unicode/đường dẫn khi triển khai).
import type { TourConfig, TourScene, InfoMarker, Hotspot } from "@/app/components/VirtualTour"; import type { TourConfig, TourScene, InfoMarker, Hotspot } from "@/app/components/VirtualTour";
@@ -408,7 +408,7 @@ export const chuaThaiLacTour: Omit<TourConfig, "sceneById" | "locationGroups"> =
welcomeAccent: "Pháp Vân tự", welcomeAccent: "Pháp Vân tự",
welcomeSubtitle: welcomeSubtitle:
"Tham quan 360° ngôi chùa cổ thờ Pháp Vân, nổi tiếng với mảng chạm khắc gỗ thời Trần.", "Tham quan 360° ngôi chùa cổ thờ Pháp Vân, nổi tiếng với mảng chạm khắc gỗ thời Trần.",
welcomeBackgroundImage: imageForFile(8), // 08.jpg — Chính sảnh welcomeBackgroundImage: imageForFile(8), // 08.webp — Chính sảnh
welcomeCards: [ welcomeCards: [
{ image: imageForFile(1), label: "Cổng chùa", rotate: "-rotate-6", sceneId: "scene-1" }, { image: imageForFile(1), label: "Cổng chùa", rotate: "-rotate-6", sceneId: "scene-1" },
{ image: imageForFile(10), label: "Đài Quan Âm", rotate: "rotate-5", sceneId: "scene-10" }, { image: imageForFile(10), label: "Đài Quan Âm", rotate: "rotate-5", sceneId: "scene-10" },