From 312b5a36c2418fd098fb06ffb339ab0d22df7427 Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 18:14:12 +0800
Subject: [PATCH] Fix hero: one visible screenshot, CSS-only stack layers behind
---
docs/index.html | 29 +++++++++++++----------------
1 files changed, 13 insertions(+), 16 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 9b350d6..6c0385f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -37,27 +37,24 @@
<p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），因为它一直都不好用，从来就没好用过</p>
</div>
- <div class="hero__visual" aria-hidden="true">
+ <div class="hero__visual">
<div class="hero__stack">
- <figure class="hero-shot hero-shot--back">
- <div class="hero-shot__chrome">
+ <div class="hero-stack-layer hero-stack-layer--far" aria-hidden="true">
+ <div class="hero-stack-layer__chrome"><span></span><span></span><span></span></div>
+ <div class="hero-stack-layer__body"></div>
+ </div>
+ <div class="hero-stack-layer hero-stack-layer--near" aria-hidden="true">
+ <div class="hero-stack-layer__chrome"><span></span><span></span><span></span></div>
+ <div class="hero-stack-layer__body"></div>
+ </div>
+ <figure class="hero-window">
+ <div class="hero-window__chrome">
<span></span><span></span><span></span>
</div>
- <div class="hero-shot__screen">
- <img src="assets/hero-shot-memo.jpg" alt="" width="1600" height="1040" loading="lazy" decoding="async">
- </div>
- <div class="hero-shot__reflection">
- <img src="assets/hero-shot-memo.jpg" alt="" width="1600" height="1040">
- </div>
- </figure>
- <figure class="hero-shot hero-shot--front">
- <div class="hero-shot__chrome">
- <span></span><span></span><span></span>
- </div>
- <div class="hero-shot__screen">
+ <div class="hero-window__screen">
<img src="assets/hero-shot-grid.jpg" alt="TagLauncher 应用网格界面" width="1600" height="1040" fetchpriority="high" decoding="async">
</div>
- <div class="hero-shot__reflection">
+ <div class="hero-window__reflection" aria-hidden="true">
<img src="assets/hero-shot-grid.jpg" alt="" width="1600" height="1040">
</div>
</figure>
--
Gitblit v1.9.3