From 274934aff362cd02adbc800374e35ed2980c87fd Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sun, 07 Jun 2026 00:04:59 +0800
Subject: [PATCH] Remove Launchpad comparison and make features section full-width
---
docs/index-en.html | 97 ++++++-------------
docs/styles.css | 48 +--------
docs/index.html | 97 ++++++-------------
3 files changed, 68 insertions(+), 174 deletions(-)
diff --git a/docs/index-en.html b/docs/index-en.html
index 7963521..b0c0680 100644
--- a/docs/index-en.html
+++ b/docs/index-en.html
@@ -208,82 +208,45 @@
</div>
</section>
- <main class="page-main">
+ <section class="features" aria-label="Core features">
<div class="layout">
- <section class="card">
- <h2>Why not just Launchpad?</h2>
- <table class="compare">
- <thead>
- <tr>
- <th></th>
- <th>Launchpad</th>
- <th>TagLauncher</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><strong>Browse</strong></td>
- <td>Pages of icons—hard to scan many apps</td>
- <td>One scrollable grid</td>
- </tr>
- <tr>
- <td><strong>Organize</strong></td>
- <td>Folders; one app per folder</td>
- <td>Multiple tags per app</td>
- </tr>
- <tr>
- <td><strong>Notes</strong></td>
- <td>No per-app purpose notes</td>
- <td>Searchable app notes</td>
- </tr>
- <tr>
- <td><strong>Backup</strong></td>
- <td>Layout hard to export</td>
- <td>JSON export / import</td>
- </tr>
- </tbody>
- </table>
- </section>
-
- <section class="card">
- <h2>Core features</h2>
- <div class="feature-grid">
- <div class="feature">
- <strong>App Grid</strong>
- <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> opens the grid.
- </div>
- <div class="feature">
- <strong>Quick Search</strong>
- Search names, tags, and notes.
- </div>
- <div class="feature">
- <strong>Tags</strong>
- Custom colors; drag icons onto tags.
- </div>
- <div class="feature">
- <strong>App notes</strong>
- Remember what each app is for.
- </div>
- <div class="feature">
- <strong>Layout backup</strong>
- Export and import JSON.
- </div>
- <div class="feature">
- <strong>Local-first</strong>
- Data stays on your Mac.
- </div>
+ <h2 class="features__headline">Core features</h2>
+ <div class="feature-grid">
+ <div class="feature">
+ <strong>App Grid</strong>
+ <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> opens the grid.
</div>
- </section>
+ <div class="feature">
+ <strong>Quick Search</strong>
+ Search names, tags, and notes.
+ </div>
+ <div class="feature">
+ <strong>Tags</strong>
+ Custom colors; drag icons onto tags.
+ </div>
+ <div class="feature">
+ <strong>App notes</strong>
+ Remember what each app is for.
+ </div>
+ <div class="feature">
+ <strong>Layout backup</strong>
+ Export and import JSON.
+ </div>
+ <div class="feature">
+ <strong>Local-first</strong>
+ Data stays on your Mac.
+ </div>
+ </div>
- <section class="card card-cta">
+ <div class="features__cta">
<p>Mac App Store coming soon · macOS 15.0+ · 29 UI languages</p>
<div class="cta-row">
<a class="btn btn-primary" href="support.html">Support & contact</a>
<a class="btn btn-secondary" href="privacy.html">Privacy policy</a>
</div>
- </section>
+ </div>
</div>
- </main>
+ </section>
<footer class="site-footer">
<div class="layout">
diff --git a/docs/index.html b/docs/index.html
index 49a8efc..449cca5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -208,82 +208,45 @@
</div>
</section>
- <main class="page-main">
+ <section class="features" aria-label="核心功能">
<div class="layout">
- <section class="card">
- <h2>为什么不只是 Launchpad？</h2>
- <table class="compare">
- <thead>
- <tr>
- <th></th>
- <th>Launchpad</th>
- <th>TagLauncher</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><strong>浏览</strong></td>
- <td>分页翻屏，要找图标得记住在第几页</td>
- <td>可滚动的应用网格，连续浏览</td>
- </tr>
- <tr>
- <td><strong>归类</strong></td>
- <td>主要靠文件夹，一个 App 通常只能进一个文件夹</td>
- <td>多标签：同一 App 可同时属于「设计」「办公」等</td>
- </tr>
- <tr>
- <td><strong>备忘</strong></td>
- <td>难以为单个 App 记录用途说明</td>
- <td>应用用途备忘，Quick Search 可搜索</td>
- </tr>
- <tr>
- <td><strong>备份</strong></td>
- <td>布局难导出、迁移、恢复</td>
- <td>设置 → 数据：导出 / 导入 JSON</td>
- </tr>
- </tbody>
- </table>
- </section>
-
- <section class="card">
- <h2>核心功能</h2>
- <div class="feature-grid">
- <div class="feature">
- <strong>App Grid</strong>
- <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> 打开全屏友好的应用网格。
- </div>
- <div class="feature">
- <strong>Quick Search</strong>
- 搜索应用名、标签与备忘。
- </div>
- <div class="feature">
- <strong>标签体系</strong>
- 自定义颜色；拖拽图标到标签名即可归类。
- </div>
- <div class="feature">
- <strong>应用备忘</strong>
- 悬停或编辑用途说明。
- </div>
- <div class="feature">
- <strong>布局备份</strong>
- JSON 导出 / 导入，换机可恢复。
- </div>
- <div class="feature">
- <strong>本地优先</strong>
- 数据存于本机，无分析 SDK。
- </div>
+ <h2 class="features__headline">核心功能</h2>
+ <div class="feature-grid">
+ <div class="feature">
+ <strong>App Grid</strong>
+ <kbd>Option</kbd>+<kbd>Shift</kbd>+<kbd>Space</kbd> 打开全屏友好的应用网格。
</div>
- </section>
+ <div class="feature">
+ <strong>Quick Search</strong>
+ 搜索应用名、标签与备忘。
+ </div>
+ <div class="feature">
+ <strong>标签体系</strong>
+ 自定义颜色；拖拽图标到标签名即可归类。
+ </div>
+ <div class="feature">
+ <strong>应用备忘</strong>
+ 悬停或编辑用途说明。
+ </div>
+ <div class="feature">
+ <strong>布局备份</strong>
+ JSON 导出 / 导入，换机可恢复。
+ </div>
+ <div class="feature">
+ <strong>本地优先</strong>
+ 数据存于本机，无分析 SDK。
+ </div>
+ </div>
- <section class="card card-cta">
+ <div class="features__cta">
<p>Mac App Store 即将上架 · macOS 15.0+ · 29 种界面语言</p>
<div class="cta-row">
<a class="btn btn-primary" href="support.html">获取支持与联系</a>
<a class="btn btn-secondary" href="privacy-zh.html">隐私政策</a>
</div>
- </section>
+ </div>
</div>
- </main>
+ </section>
<footer class="site-footer">
<div class="layout">
diff --git a/docs/styles.css b/docs/styles.css
index d454c23..c7d1c89 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -695,58 +695,26 @@
filter: drop-shadow(0 18px 36px rgba(60, 80, 140, 0.16));
}
-/* Main content */
-.page-main {
+/* Features + CTA — full-width white band */
+.features {
padding: 56px 0 72px;
+ background: #ffffff;
}
-.card {
- background: var(--bg-elevated);
- border: 1px solid var(--border);
- border-radius: var(--radius);
- box-shadow: var(--shadow);
- padding: 28px 32px;
- margin-bottom: 22px;
-}
-
-.card h2 {
- margin: 0 0 14px;
+.features__headline {
+ margin: 0 0 24px;
font-size: 1.3rem;
letter-spacing: -0.02em;
}
-.card-cta {
+.features__cta {
+ margin-top: 40px;
text-align: center;
}
-.card-cta p {
+.features__cta p {
margin: 0 0 16px;
color: var(--muted);
-}
-
-.compare {
- width: 100%;
- border-collapse: collapse;
- font-size: 0.95rem;
-}
-
-.compare th,
-.compare td {
- text-align: left;
- padding: 11px 12px;
- border-bottom: 1px solid var(--border);
- vertical-align: top;
-}
-
-.compare th {
- font-size: 0.78rem;
- text-transform: uppercase;
- letter-spacing: 0.04em;
- color: var(--muted);
-}
-
-.compare tr:last-child td {
- border-bottom: none;
}
.feature-grid {
--
Gitblit v1.9.3