[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74357":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},74357,"flipoff","magnum6actual\u002Fflipoff","magnum6actual","Free split-flap display emulator for any TV. The classic flip-board look, without the $3,500 hardware.",null,"JavaScript",2907,355,25,6,0,7,16,42,21,29.65,false,"main",true,[],"2026-06-12 02:03:25","# FlipOff.\n\n**Turn any TV into a retro split-flap display.** The classic flip-board look, without the $3,500 hardware. And it's free.\n\n![FlipOff Screenshot](screenshot.png)\n\n## What is this?\n\nFlipOff is a free, open-source web app that emulates a classic mechanical split-flap (flip-board) airport terminal display — the kind you'd see at train stations and airports. It runs full-screen in any browser, turning a TV or large monitor into a beautiful retro display.\n\nNo accounts. No subscriptions. No $199 fee. Just open `index.html` and go.\n\n## Features\n\n- Realistic split-flap animation with colorful scramble transitions\n- Authentic mechanical clacking sound (recorded from a real split-flap display)\n- Auto-rotating inspirational quotes\n- Fullscreen TV mode (press `F`)\n- Keyboard controls for manual navigation\n- Works offline — zero external dependencies\n- Responsive from mobile to 4K displays\n- Pure vanilla HTML\u002FCSS\u002FJS — no frameworks, no build tools, no npm\n\n## Quick Start\n\n1. Clone the repo\n2. Open `index.html` in a browser (or serve with any static file server)\n3. Click anywhere to enable audio\n4. Press `F` for fullscreen TV mode\n\n```bash\n# Or serve locally:\npython3 -m http.server 8080\n# Then open http:\u002F\u002Flocalhost:8080\n```\n\n## Keyboard Shortcuts\n\n| Key | Action |\n|-----|--------|\n| `Enter` \u002F `Space` | Next message |\n| `Arrow Left` | Previous message |\n| `Arrow Right` | Next message |\n| `F` | Toggle fullscreen |\n| `M` | Toggle mute |\n| `Escape` | Exit fullscreen |\n\n## How It Works\n\nEach tile on the board is an independent element that can animate through a scramble sequence (rapid random characters with colored backgrounds) before settling on the final character. Only tiles whose content changes between messages animate — just like a real mechanical board.\n\nThe sound is a single recorded audio clip of a real split-flap transition, played once per message change to perfectly sync with the visual animation.\n\n## File Structure\n\n```\nflipoff\u002F\n  index.html           — Single-page app\n  css\u002F\n    reset.css          — CSS reset\n    layout.css         — Page layout (header, hero, board)\n    board.css          — Board container and accent bars\n    tile.css           — Tile styling and 3D flip animation\n    responsive.css     — Media queries for all screen sizes\n  js\u002F\n    main.js            — Entry point and UI wiring\n    Board.js           — Grid manager and transition orchestration\n    Tile.js            — Individual tile animation logic\n    SoundEngine.js     — Audio playback with Web Audio API\n    MessageRotator.js  — Quote rotation timer\n    KeyboardController.js — Keyboard shortcut handling\n    constants.js       — Configuration (grid size, colors, quotes)\n    flapAudio.js       — Embedded audio data (base64)\n```\n\n## Customization\n\nEdit `js\u002Fconstants.js` to change:\n- **Messages**: Add your own quotes or text\n- **Grid size**: Adjust `GRID_COLS` and `GRID_ROWS`\n- **Timing**: Tweak `SCRAMBLE_DURATION`, `STAGGER_DELAY`, etc.\n- **Colors**: Modify `SCRAMBLE_COLORS` and `ACCENT_COLORS`\n\n## License\n\nMIT — do whatever you want with it.\n","FlipOff 是一个免费的开源网页应用程序，可以将任何电视或大屏幕显示器变成复古风格的翻页显示板。它通过真实的翻页动画和机械声音模拟传统机场和火车站常见的翻页显示效果，无需昂贵的硬件设备。项目使用纯HTML\u002FCSS\u002FJS编写，不依赖任何框架或构建工具，支持离线运行，适用于从移动设备到4K显示器的各种屏幕尺寸。此外，FlipOff 还提供了自动轮播的励志名言、全屏模式、键盘控制等功能，适合用于办公室、家庭或公共场所的装饰展示。",2,"2026-06-11 03:49:59","high_star"]