How yc-2018/htmltools works
This repository is a collection of browser-based utilities and interactive demos rather than one integrated application. Users open a tool, provide text, files, settings, or interaction, and receive a conversion, calculation, visualization, or generated configuration. Sampled code shows direct UI-to-logic calls for several tools; other capabilities are represented from their tree paths only, so uncertain internal wiring is omitted. The README is empty, and source excerpts are partial.
Main entry points: js/main.js 3D body annotation UI · yaml-properties-converter/app.js YAML converter UI · 图片转盲文/main.js Image to Braille · 工资不止差一半计算器/app.js Salary comparison UI
Components 24
Text and developer tools
- YAML converter UI
文本与格式/yaml-properties-converter/app.js - CSS grid generator
开发/css网格布局/js/app.9e69c8f9.js - Nginx config builder
开发/nginx可视化配置/js/app.js - Developer reference search
开发/开发速查表/js/main.js - Text comparison tools
文本与格式/文本差异对比
Image and file tools
- Image to Braille
图像与文件/图片转盲文/main.js - Dithering transforms
图像与文件/图片转盲文/dithering.js - Live photo cover editor
图像与文件/实况图片换封面/app.js - PDF editor
图像与文件/PDF多功能编辑器/pdf-lib.js - Video to WebP
图像与文件/视频转webp/ffmpeg.js
Interactive demos
- 3D body annotation UI
生活与计算/3D人体标注/js/main.js - Anatomy descriptions
生活与计算/3D人体标注/js/anatomy.js - Annotation operations
生活与计算/3D人体标注/js/annotations.js - Report generation
生活与计算/3D人体标注/js/report.js - Fighting game
图一乐/小游戏/拳皇二稿版/js - Visual effects demos
图一乐/特效演示
Life and calculation
- Salary comparison UI
生活与计算/工资不止差一半计算器/app.js - Salary calculations
生活与计算/工资不止差一半计算器/calculator.js - API station probe UI
没啥用的/中转探针/app.js - Station API operations
没啥用的/中转探针/api.js
Encoding and security
- Two-factor codes
编码与安全/2fa/index.js - QR code tools
编码与安全/二维码工具 - Image steganography analysis
编码与安全/图片隐藏数据分析
Other components
- Tool user
Connections 24
- Tool user → YAML converter UI: enters text
- YAML converter UI → Tool user: converts formats
- Tool user → CSS grid generator: sets grid
- Tool user → Nginx config builder: configures sites
- Tool user → Developer reference search: searches reference
- Tool user → Text comparison tools: compares text
- Tool user → Image to Braille: provides image
- Image to Braille → Dithering transforms: applies dithering
- Tool user → Live photo cover editor: provides media
- Tool user → PDF editor: edits PDF
- Tool user → Video to WebP: converts video
- Tool user → 3D body annotation UI: annotates model
- 3D body annotation UI → Anatomy descriptions: describes hit
- 3D body annotation UI → Annotation operations: adds annotation
- 3D body annotation UI → Report generation: gets date
- Tool user → Fighting game: plays game
- Tool user → Visual effects demos: views effects
- Tool user → Salary comparison UI: enters salaries
- Salary comparison UI → Salary calculations: calculates results
- Tool user → API station probe UI: tests station
- API station probe UI → Station API operations: requests status
- Tool user → Two-factor codes: generates codes
- Tool user → QR code tools: encodes QR
- Tool user → Image steganography analysis: analyzes image