| docs/assets/app-memo.jpg | patch | view | raw | blame | history | |
| docs/assets/app-memo.png | patch | view | raw | blame | history | |
| docs/assets/quick-search.jpg | patch | view | raw | blame | history | |
| docs/assets/quick-search.png | patch | view | raw | blame | history | |
| docs/index-en.html | ●●●●● patch | view | raw | blame | history | |
| docs/index.html | ●●●●● patch | view | raw | blame | history | |
| docs/privacy-zh.html | ●●●●● patch | view | raw | blame | history | |
| docs/privacy.html | ●●●●● patch | view | raw | blame | history | |
| docs/styles.css | ●●●●● patch | view | raw | blame | history | |
| docs/support.html | ●●●●● patch | view | raw | blame | history |
docs/assets/app-memo.jpgBinary files differ
docs/assets/app-memo.png
Binary files differ
docs/assets/quick-search.png
@@ -21,7 +21,7 @@ <a href="index-en.html" aria-current="page">Home</a> <a href="support.html">Support</a> <a href="privacy.html">Privacy</a> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">Help PDFs</a> <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-en.pdf" rel="noopener" type="application/pdf">Help PDF</a> </nav> <div class="lang-switch" role="navigation" aria-label="Language"> <a href="index.html" hreflang="zh-Hans">中文</a> @@ -49,7 +49,7 @@ </div> </section> <section class="views" aria-label="Five view modes"> <section class="views" aria-label="Four view modes"> <div class="layout views__split"> <div class="views__gallery"> <figure class="views__shot"> @@ -67,23 +67,24 @@ </div> <div class="views__copy"> <h2 class="views__headline">Five views—everything on one screen</h2> <h2 class="views__headline">Four views—everything on one screen</h2> <p class="views__lead">No more opening folders one by one or flipping through pages. You're just finding an app—it shouldn't feel like a trek.</p> <hr class="views__rule" aria-hidden="true"> <p class="views__label">5 view modes</p> <ul class="views__modes"> <li>Flat</li> <li>Plain containers</li> <li class="views__modes-row"> <span class="views__modes-row__label">Colored containers</span> <div class="views__shortcut"> <span class="views__shortcut-label">Quick launch</span> <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span> </div> </li> <li>Plain grid</li> <li>Colored grid</li> </ul> <div class="views__details"> <div class="views__modes-block"> <p class="views__label">4 view modes</p> <ul class="views__modes"> <li>Flat</li> <li>Plain containers</li> <li>Colored containers</li> <li>Plain grid</li> </ul> </div> <div class="views__shortcut"> <span class="views__shortcut-label">Quick launch</span> <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span> </div> </div> </div> </div> </section> @@ -115,10 +116,10 @@ <div class="layout memo__split"> <figure class="memo__art"> <img src="assets/app-memo.jpg" src="assets/app-memo.png" alt="TagLauncher app memo shown on hover" width="880" height="572" width="1600" height="1040" loading="lazy" decoding="async"> </figure> @@ -144,10 +145,10 @@ <figure class="search__art"> <img src="assets/quick-search.jpg" src="assets/quick-search.png" alt="TagLauncher Quick Search for apps, tags, and memos" width="1024" height="768" width="1809" height="1357" loading="lazy" decoding="async"> </figure> @@ -180,7 +181,10 @@ <p class="privacy__lead">Data stays on your device—no analytics SDK, no ads. Never needs the network.</p> <div class="privacy__feature"> <h3 class="privacy__feature-title">Privacy matters</h3> <h3 class="privacy__feature-title"> <span class="privacy__feature-icon" aria-hidden="true"></span> Privacy matters </h3> <p class="privacy__feature-text">TagLauncher never touches your privacy. Every line of code is built for local efficiency.</p> </div> @@ -191,8 +195,6 @@ </h3> <p class="privacy__feature-text">No bloated network components—fast launch, zero background footprint.</p> </div> <p class="privacy__protocol">TagLauncher Security Protocol</p> </div> <figure class="privacy__art"> @@ -218,7 +220,7 @@ </div> <div class="feature"> <strong>Quick Search</strong> Search names, tags, and notes. <kbd>fn</kbd>+<kbd>Space</kbd> searches names, tags, and notes. </div> <div class="feature"> <strong>Tags</strong> @@ -233,15 +235,15 @@ Export and import JSON. </div> <div class="feature"> <strong>Local-first</strong> Data stays on your Mac. <strong>Smart tag initialization</strong> Initializes tag sets for 5000+ popular Mac apps, reducing setup from zero. </div> </div> <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-primary" href="support.html">Support & contact</a> <a class="btn btn-secondary" href="privacy.html">Privacy policy</a> </div> </div> @@ -259,4 +261,4 @@ </div> </footer> </body> </html> </html> docs/index.html
@@ -4,7 +4,7 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>TagLauncher — 标签化 Mac 应用启动器</title> <meta name="description" content="在全球，这可能是Mac最好用的应用启动台。不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），反正他从来都没真的好用过。"> <meta name="description" content="在全球，这可能是 Mac 最好用的应用启动台。不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），反正它从来都没真的好用过。"> <meta property="og:image" content="https://shanghai3168.github.io/taglauncher/assets/hero-visual.jpg"> <link rel="stylesheet" href="styles.css"> <link rel="alternate" hreflang="en" href="index-en.html"> @@ -21,7 +21,7 @@ <a href="index.html" aria-current="page">首页</a> <a href="support.html">支持</a> <a href="privacy-zh.html">隐私政策</a> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a> <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a> </nav> <div class="lang-switch" role="navigation" aria-label="语言"> <a href="index.html" class="is-active" hreflang="zh-Hans">中文</a> @@ -33,8 +33,12 @@ <section class="hero" aria-label="TagLauncher 宣传主图"> <div class="layout hero__split"> <div class="hero__copy"> <h1 class="hero__headline">在全球，这可能是Mac最好用的应用启动台</h1> <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），反正他从来都没真的好用过</p> <h1 class="hero__headline"> <span>在全球，这可能是</span> <span>Mac 最好用的</span> <span>应用启动台</span> </h1> <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），反正它从来都没真的好用过</p> </div> <figure class="hero__art"> @@ -49,7 +53,7 @@ </div> </section> <section class="views" aria-label="5种视图"> <section class="views" aria-label="4种视图"> <div class="layout views__split"> <div class="views__gallery"> <figure class="views__shot"> @@ -67,23 +71,24 @@ </div> <div class="views__copy"> <h2 class="views__headline">5种视图，全部一屏到底</h2> <h2 class="views__headline">4 种视图，全部一屏到底</h2> <p class="views__lead">不需要一个个去点击文件夹，也不再需要翻页——只是找一个应用而已，不值得像过去那样翻山越水。</p> <hr class="views__rule" aria-hidden="true"> <p class="views__label">5 种视图模式</p> <ul class="views__modes"> <li>平铺</li> <li>无色容器</li> <li class="views__modes-row"> <span class="views__modes-row__label">彩色容器</span> <div class="views__shortcut"> <span class="views__shortcut-label">快捷唤起</span> <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span> </div> </li> <li>无色网格</li> <li>彩色网格</li> </ul> <div class="views__details"> <div class="views__modes-block"> <p class="views__label">4 种视图模式</p> <ul class="views__modes"> <li>平铺</li> <li>无色容器</li> <li>彩色容器</li> <li>无色网格</li> </ul> </div> <div class="views__shortcut"> <span class="views__shortcut-label">快捷唤起</span> <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span> </div> </div> </div> </div> </section> @@ -115,25 +120,25 @@ <div class="layout memo__split"> <figure class="memo__art"> <img src="assets/app-memo.jpg" src="assets/app-memo.png" alt="TagLauncher 应用备忘：悬停显示用途说明" width="880" height="572" width="1600" height="1040" loading="lazy" decoding="async"> </figure> <div class="memo__copy"> <h2 class="memo__headline">支持给应用写 备忘</h2> <h2 class="memo__headline">支持给应用写备忘</h2> <p class="memo__lead">编辑用途说明，悬停显示，一目了然</p> </div> </div> </section> <section class="search" aria-label="全局 Quicksearch"> <section class="search" aria-label="全局 Quick Search"> <div class="layout search__split"> <div class="search__copy"> <h2 class="search__headline">全局 Quicksearch</h2> <h2 class="search__headline">全局 Quick Search</h2> <p class="search__lead">快捷搜索支持搜索应用名、标签与备忘</p> <p class="search__tagline">Mac 原生从不会给你的体验，我们给你！</p> <div class="search__shortcut"> @@ -144,10 +149,10 @@ <figure class="search__art"> <img src="assets/quick-search.jpg" src="assets/quick-search.png" alt="TagLauncher Quick Search：搜索应用名、标签与备忘" width="1024" height="768" width="1809" height="1357" loading="lazy" decoding="async"> </figure> @@ -176,11 +181,14 @@ <section class="privacy" aria-label="离线隐私"> <div class="layout privacy__split"> <div class="privacy__copy"> <h2 class="privacy__headline">100%离线，100%无广告</h2> <h2 class="privacy__headline">100% 离线，100% 无广告</h2> <p class="privacy__lead">数据存于本机，无分析 SDK，无广告。永远无需联网。</p> <div class="privacy__feature"> <h3 class="privacy__feature-title">隐私即正义</h3> <h3 class="privacy__feature-title"> <span class="privacy__feature-icon" aria-hidden="true"></span> 隐私即正义 </h3> <p class="privacy__feature-text">TagLauncher 承诺绝不触碰您的隐私，每一行代码都为本地效率而生。</p> </div> @@ -191,8 +199,6 @@ </h3> <p class="privacy__feature-text">没有臃肿的网络组件，极速启动，零后台占用。</p> </div> <p class="privacy__protocol">TagLauncher Security Protocol</p> </div> <figure class="privacy__art"> @@ -218,7 +224,7 @@ </div> <div class="feature"> <strong>Quick Search</strong> 搜索应用名、标签与备忘。 <kbd>fn</kbd>+<kbd>Space</kbd> 搜索应用名、标签与备忘。 </div> <div class="feature"> <strong>标签体系</strong> @@ -233,8 +239,8 @@ JSON 导出 / 导入，换机可恢复。 </div> <div class="feature"> <strong>本地优先</strong> 数据存于本机，无分析 SDK。 <strong>智能标签初始化</strong> 针对全球最流行的 5000+ Mac 应用智能初始化标签方案，减少从零分类的成本。 </div> </div> @@ -259,4 +265,4 @@ </div> </footer> </body> </html> </html> docs/privacy-zh.html
@@ -18,7 +18,7 @@ <a href="index.html">首页</a> <a href="support.html">支持</a> <a href="privacy-zh.html" aria-current="page">隐私政策</a> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a> <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a> </nav> <div class="lang-switch" role="navigation" aria-label="语言"> <a href="privacy-zh.html" class="is-active" hreflang="zh-Hans">中文</a> @@ -81,4 +81,4 @@ </div> </footer> </body> </html> </html> docs/privacy.html
@@ -18,7 +18,7 @@ <a href="index-en.html">Home</a> <a href="support.html">Support</a> <a href="privacy.html" aria-current="page">Privacy</a> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">Help PDFs</a> <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-en.pdf" rel="noopener" type="application/pdf">Help PDF</a> </nav> <div class="lang-switch" role="navigation" aria-label="Language"> <a href="privacy-zh.html" hreflang="zh-Hans">中文</a> @@ -84,4 +84,4 @@ </div> </footer> </body> </html> </html> docs/styles.css
@@ -12,7 +12,10 @@ --radius: 16px; --shadow: 0 20px 50px rgba(30, 45, 90, 0.12); --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Segoe UI", sans-serif; --hero-bg: #ffffff; --hero-bg: linear-gradient(135deg, #ffffff 0%, #f7faff 54%, #f6f2ff 100%); --section-blue: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%); --section-lilac: linear-gradient(135deg, #fbfcff 0%, #ffffff 44%, #f8f5ff 100%); --section-mint: linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #f3fbf7 100%); } * { @@ -29,7 +32,7 @@ color: var(--text); line-height: 1.55; -webkit-font-smoothing: antialiased; background: var(--bg); background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 38%, #f5fbf8 72%, #fbfcff 100%); min-height: 100vh; } @@ -58,7 +61,7 @@ top: 0; z-index: 50; height: var(--header-h); background: rgba(244, 246, 251, 0.82); background: rgba(250, 252, 255, 0.86); border-bottom: 1px solid var(--border); backdrop-filter: blur(16px) saturate(1.25); } @@ -148,7 +151,7 @@ } .page-home .site-header { background: rgba(255, 255, 255, 0.88); background: rgba(255, 255, 255, 0.86); } /* Hero — copy left, original design visual right (compact, no forced full-screen) */ @@ -174,9 +177,13 @@ margin: 0; font-size: clamp(2rem, 4.8vw, 3.15rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.1; color: #000; } .hero__headline span { display: block; } .hero__lead { @@ -206,17 +213,17 @@ border: 0; } /* Second screen — 5 view modes */ /* Second screen — 4 view modes */ .views { padding: 56px 0 64px; background: #ffffff; background: var(--section-blue); } .views__split { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: 28px 48px; align-items: center; align-items: start; } .views__gallery { @@ -229,6 +236,7 @@ .views__shot { margin: 0; aspect-ratio: 720 / 450; border-radius: 12px; overflow: hidden; line-height: 0; @@ -240,14 +248,16 @@ .views__shot img { display: block; width: 100%; height: auto; height: 100%; object-fit: cover; object-position: center bottom; } .views__headline { margin: 0; font-size: clamp(1.85rem, 3.8vw, 2.7rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.12; color: #000; } @@ -271,6 +281,13 @@ margin: 0 0 16px; font-size: 0.94rem; color: #86868b; } .views__details { display: grid; grid-template-columns: minmax(190px, 1fr) max-content; gap: 20px 34px; align-items: end; } .views__modes { @@ -300,22 +317,11 @@ background: var(--accent); } .views__modes-row { display: flex; align-items: center; gap: 14px 20px; width: 100%; } .views__modes-row__label { flex-shrink: 0; } .views__shortcut { display: inline-flex; flex-direction: column; gap: 6px; margin-left: auto; margin-top: 0; flex-shrink: 0; padding: 12px 18px; border-radius: 14px; @@ -337,7 +343,7 @@ /* Third screen — tag management */ .tags { padding: 56px 0 64px; background: #ffffff; background: var(--section-lilac); } .tags__split { @@ -351,7 +357,7 @@ margin: 0; font-size: clamp(1.85rem, 3.8vw, 2.7rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.12; color: #000; } @@ -391,6 +397,7 @@ .tags__art { margin: 0; aspect-ratio: 880 / 552; line-height: 0; justify-self: end; max-width: 540px; @@ -405,13 +412,15 @@ .tags__art img { display: block; width: 100%; height: auto; height: 100%; object-fit: cover; object-position: center bottom; } /* Fourth screen — app memos */ .memo { padding: 56px 0 64px; background: #ffffff; background: var(--section-mint); } .memo__split { @@ -423,6 +432,7 @@ .memo__art { margin: 0; aspect-ratio: 880 / 552; line-height: 0; justify-self: start; max-width: 540px; @@ -437,14 +447,16 @@ .memo__art img { display: block; width: 100%; height: auto; height: 100%; object-fit: cover; object-position: center bottom; } .memo__headline { margin: 0; font-size: clamp(1.85rem, 3.8vw, 2.7rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.12; color: #000; } @@ -460,7 +472,7 @@ /* Fifth screen — global Quick Search */ .search { padding: 56px 0 64px; background: #ffffff; background: var(--section-lilac); } .search__split { @@ -474,7 +486,7 @@ margin: 0; font-size: clamp(1.85rem, 3.8vw, 2.7rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.12; color: #000; } @@ -522,25 +534,26 @@ margin: 0; line-height: 0; justify-self: end; max-width: 460px; max-width: 500px; width: 100%; border-radius: 12px; overflow: hidden; background: #f5f5f7; box-shadow: 0 10px 28px rgba(30, 45, 90, 0.1); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0; overflow: visible; background: transparent; box-shadow: none; border: 0; } .search__art img { display: block; width: 100%; height: auto; filter: drop-shadow(0 14px 28px rgba(30, 45, 90, 0.12)); } /* Sixth screen — backup & restore */ .backup { padding: 56px 0 64px; background: #ffffff; background: var(--section-blue); } .backup__split { @@ -573,7 +586,7 @@ margin: 0; font-size: clamp(1.85rem, 3.8vw, 2.7rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.12; color: #000; } @@ -594,7 +607,7 @@ /* Seventh screen — offline & privacy */ .privacy { padding: 56px 0 64px; background: #ffffff; background: var(--section-mint); } .privacy__split { @@ -608,7 +621,7 @@ margin: 0; font-size: clamp(2rem, 4.2vw, 3rem); font-weight: 800; letter-spacing: -0.04em; letter-spacing: 0; line-height: 1.08; color: #000; } @@ -669,14 +682,6 @@ max-width: 28em; } .privacy__protocol { margin: 36px 0 0; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: #aeaeb2; } .privacy__art { margin: 0; line-height: 0; @@ -713,19 +718,19 @@ .card h2 { margin: 0 0 14px; font-size: 1.3rem; letter-spacing: -0.02em; letter-spacing: 0; } /* Features + CTA — full-width white band */ .features { padding: 56px 0 72px; background: #ffffff; background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%); } .features__headline { margin: 0 0 24px; font-size: 1.3rem; letter-spacing: -0.02em; letter-spacing: 0; } .features__cta { @@ -740,13 +745,13 @@ .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .feature { padding: 15px 17px; border-radius: 12px; border-radius: 8px; background: #f8f9fd; border: 1px solid var(--border); } @@ -828,9 +833,18 @@ } @media (max-width: 860px) { .site-header { height: auto; } .site-header__bar { grid-template-columns: auto auto; grid-template-rows: auto auto; height: auto; min-height: var(--header-h); gap: 8px 14px; padding-top: 8px; padding-bottom: 10px; } .site-nav { @@ -869,12 +883,13 @@ max-width: 36em; } .views__modes-row { flex-wrap: wrap; .views__details { grid-template-columns: 1fr; gap: 24px; } .views__shortcut { margin-left: 0; justify-self: start; } .tags__split { @@ -925,6 +940,10 @@ .privacy__art { justify-self: center; } .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { @@ -935,4 +954,8 @@ .hero { padding: 32px 0 48px; } } .feature-grid { grid-template-columns: 1fr; } } docs/support.html
@@ -18,7 +18,7 @@ <a href="index.html">首页</a> <a href="support.html" aria-current="page">支持</a> <a href="privacy-zh.html">隐私政策</a> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener">帮助 PDF</a> <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf">帮助 PDF</a> </nav> <div class="lang-switch" role="navigation" aria-label="语言"> <a href="index.html" hreflang="zh-Hans">中文</a> @@ -56,11 +56,11 @@ <h2>帮助文档 / Help</h2> <p> 应用内「关于」可打开与当前界面语言匹配的帮助 PDF。 所有语言包托管在 GitHub Releases： 也可以直接下载中文版帮助文档： </p> <p> <a href="https://github.com/shanghai3168/taglauncher/releases" rel="noopener"> github.com/shanghai3168/taglauncher/releases <a href="https://github.com/shanghai3168/taglauncher/releases/download/v7.6.0/Taglauncher-help-zh.pdf" rel="noopener" type="application/pdf"> 下载中文版帮助 PDF </a> </p> @@ -89,4 +89,4 @@ </div> </footer> </body> </html> </html>
