Merge pull request #18 from MontageSubs/douzi/ui-Improve

feat: Update tool page card content

Author: EgonThorne

src/data/tools.ts

@@ -13,39 +13,39 @@ export interface Tool {
 
 export const tools: Tool[] = [
   {
-    id: 'subtitle-flow',
-    name: 'SubtitleFlow',
-    author: 'akibarika',
-    description_zh: '浏览器端字幕时间轴编辑器，支持实时预览和多格式导出（SRT、ASS、VTT）。无需安装，打开即用。',
-    description_en: 'Browser-based subtitle timeline editor with real-time preview and multi-format export (SRT, ASS, VTT). No installation required.',
+    id: 'svg-to-ass',
+    name: 'SVG to ASS Draw',
+    author: 'NickCollect / MontageSubs',
+    description_zh: '浏览器端 SVG 转 ASS 绘图命令工具，可将 Illustrator、Inkscape 等导出的矢量路径转换为 ASS/SSA \\p 绘图代码，支持智能清理、8x/16x 精度缩放和实时预览。',
+    description_en: 'Browser-based SVG to ASS draw converter for turning Illustrator or Inkscape vector paths into ASS/SSA \\p drawing commands, with smart cleanup, 8x/16x precision scaling, and live preview.',
     type: 'online',
-    url: 'https://github.com/MontageSubs/subtitle-flow',
-    tags: ['timeline', 'browser', 'javascript', 'editor'],
+    url: 'https://subs.js.org/svg-to-ass/',
+    tags: ['svg', 'ass', 'draw', 'typesetting'],
     status: 'active',
     lang: ['zh-hans', 'en'],
   },
   {
-    id: 'sub-lint',
-    name: 'SubLint',
-    author: 'akibarika',
-    description_zh: '字幕文件规范检查工具，自动检测格式错误、标点问题和排版规范，支持批量处理。',
-    description_en: 'Subtitle file linting tool that automatically detects formatting errors, punctuation issues and typesetting problems. Supports batch processing.',
-    type: 'installable',
-    url: 'https://github.com/MontageSubs/sub-lint',
-    tags: ['linting', 'cli', 'quality', 'automation'],
-    status: 'beta',
+    id: 'ass-subset',
+    name: 'ASS Subsetter',
+    author: 'MontageSubs',
+    description_zh: 'ASS/SSA 字幕字体嵌入与子集化工具，可按实际使用字符压缩字体，也可完整嵌入字体；支持 TTF、OTF、TTC、OTC、WOFF、WOFF2、批量处理和绘图命令优化。',
+    description_en: 'Font embedding and subsetting tool for ASS/SSA subtitles. It can subset fonts to used characters or embed full fonts, with support for TTF, OTF, TTC, OTC, WOFF, WOFF2, batch processing, and drawing-command optimization.',
+    type: 'online',
+    url: 'https://subs.js.org/ass-subset/',
+    tags: ['ass', 'fonts', 'subset', 'embedding'],
+    status: 'active',
     lang: ['zh-hans', 'en'],
   },
   {
-    id: 'timing-helper',
-    name: 'TimingHelper',
-    author: 'akibarika',
-    description_zh: '字幕时间轴辅助工具，支持批量偏移、拉伸和场景检测对齐。',
-    description_en: 'Subtitle timing assistant supporting bulk offset, stretching, and scene-detection alignment.',
+    id: 'ass-to-svg',
+    name: 'ASS to SVG',
+    author: 'NickCollect / MontageSubs',
+    description_zh: '浏览器端 ASS/SSA 绘图命令反向转换工具，可将 \\p1 到 \\p5 绘图代码还原为 SVG 矢量图形，支持多行、多绘图块输入、自动精度识别、实时预览和一键复制或下载 SVG。',
+    description_en: 'Browser-based reverse converter that restores ASS/SSA \\p1 to \\p5 drawing commands into SVG vector graphics, with multi-line and multi-block input, automatic precision detection, live preview, and one-click copy or SVG download.',
     type: 'online',
-    url: 'https://github.com/MontageSubs/timing-helper',
-    tags: ['timing', 'browser', 'utility'],
+    url: 'https://subs.js.org/ass-to-svg/',
+    tags: ['ass', 'svg', 'draw', 'reverse'],
     status: 'active',
-    lang: ['zh'],
+    lang: ['zh-hans', 'en'],
   },
 ];

src/pages/en/tools.astro

@@ -42,7 +42,6 @@ const filters = [
               <div class="w-14 h-14 border border-signal-yellow/40 flex items-center justify-center group-hover:bg-signal-yellow/10 transition-colors">
                 <span class="font-display-italic text-3xl text-signal-yellow leading-none">{tool.name.charAt(0)}</span>
               </div>
-              <span class="font-mono text-[10px] text-bone-mute tracking-[0.2em]">N° {String(i+1).padStart(2,'0')}</span>
             </div>
             <div class="flex flex-wrap gap-1.5 mb-4">
               <span class="font-mono text-[10px] uppercase tracking-[0.1em] px-2 py-0.5 border border-bone/15 text-bone-dim">{tool.type==='online'?t('common.type.online'):t('common.type.installable')}</span>

src/pages/zh-hans/tools.astro

@@ -53,7 +53,6 @@ const filters = [
               <div class="w-14 h-14 border border-signal-yellow/40 flex items-center justify-center group-hover:bg-signal-yellow/10 transition-colors">
                 <span class="font-display-italic text-3xl text-signal-yellow leading-none">{tool.name.charAt(0)}</span>
               </div>
-              <span class="font-mono text-[10px] text-bone-mute tracking-[0.2em]">N° {String(i+1).padStart(2,'0')}</span>
             </div>
             <div class="flex flex-wrap gap-1.5 mb-4">
               <span class={`font-mono text-[10px] uppercase tracking-[0.1em] px-2 py-0.5 ${tool.type==='online' ? 'text-signal-yellow border border-signal-yellow/30' : 'text-bone-dim border border-bone/15'}`}>