Tiny Clips Website
This repository contains the static marketing website for Tiny Clips, published at https://tinyclips.app.
Links
What is in this repo?
| Path | Purpose |
|---|
site/index.html | Homepage: platform-aware hero with screenshot editor and Studio previews, highlights, platform-aware install section, interactive demo, features, shortcuts, gallery, video, trust, FAQ. Also holds all SEO metadata and JSON-LD (SoftwareApplication, FAQPage, VideoObject, Organization). |
site/styles.css | Site design system and page styles. |
site/demo.css / site/demo.js | The interactive "Try Tiny Clips" simulator: a fake Windows/macOS desktop with the tray flyout / menu bar menu, capture picker, region/window/screen selection, scrolling capture, OCR, screenshot editor (annotations, redaction, backgrounds, export frames), recording with webcam + teleprompter overlays, video/GIF trimmer, Clips Library, and Settings. Self-contained, no dependencies. |
site/script.js | Platform detection (hero download label, store links, install tab), hero preview tabs, copy buttons, mobile nav, active-section nav, gallery lightbox. |
site/theme.js | Pre-paint theme restoration, accessible light/dark switch, and saved preference synchronization. |
site/privacy.html, site/terms.html, site/404.html | Legal and error pages. |
site/assets/ | App icon, official store badges (badge-microsoft-store.svg, badge-mac-app-store.svg), screenshots, promo video, OG image. |
site/robots.txt, site/sitemap.xml, site/site.webmanifest | Discovery and manifest files. |
DESIGN.md, PRODUCT.md | Design system and product brief that guide changes to the site. |
Working locally
The site is plain HTML/CSS/JS. Serve the site/ folder with any static server, for example:
npm install
npm run serve # http://127.0.0.1:8765/
Checks
The same checks run in CI (.github/workflows/ci.yml) on every pull request and push to main:
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
