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:
@@ -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 {
|
||||
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 {
|
||||
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. */
|
||||
.site-grain {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
// 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().
|
||||
//
|
||||
// Ả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).
|
||||
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ự",
|
||||
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.",
|
||||
welcomeBackgroundImage: imageForFile(8), // 08.jpg — Chính sảnh
|
||||
welcomeBackgroundImage: imageForFile(8), // 08.webp — Chính sảnh
|
||||
welcomeCards: [
|
||||
{ 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" },
|
||||
|
||||
Reference in New Issue
Block a user