[experimental] ascii website rendering #22
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Created Rust/WASM renderer for real-time ASCII rendering - Implemented character buffer with color and styling support - Added FIGlet-style text rendering for headers - Implemented image-to-ASCII conversion using grayscale density mapping - Built layout engine with responsive breakpoints - Added chart rendering for GitHub activity visualization - Created hit testing system for interactive elements - Built React AsciiCanvas component for canvas-based rendering - Implemented scroll, click, and hover event handling - Preserved all existing content (projects, resume, footer) - Set up Vercel deployment configuration Technical details: - WASM module: ~190KB compressed - Canvas-based rendering at 60fps - Support for both light (projects) and dark (resume) themes - Pre-compiled WASM committed for easy Vercel deployment Co-authored-by: jai <jai@anysphere.co>
- Rebuilt WASM with --target bundler instead of --target web - This creates ascii_renderer_bg.js file that webpack can bundle - Fixed TypeScript imports to use proper Renderer type from WASM module - Moved WASM files to lib/wasm for proper bundler integration Co-authored-by: jai <jai@anysphere.co>
- Fix canvas click coordinate scaling to account for CSS stretching - Fix navbar hit testing to use viewport coords (navbar is fixed, not scrolled) - Register hit regions in document coordinates for proper scroll-aware clicking - Improve navbar sizing (3 rows) with better click targets - Fix scroll calculation to prevent negative maxScroll - Add get_hit_count debug method to renderer - Improve content height estimation for better scrolling Co-authored-by: jai <jai@anysphere.co>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Upgrade next from 15.4.1 to 16.1.5 - Add empty turbopack config to use Turbopack (now default in Next.js 16) - Fixes CVE-2025-66478 vulnerability detected by Vercel Co-authored-by: jai <jai@anysphere.co>
- Font size reduced to 50% (CHAR_WIDTH: 9.6→4.8, FONT_SIZE: 15→7.5) - Image character width increased to 1.75x (Desktop: 50→88 chars) - Image height limit increased to 1.75x (15→26 rows) - Layout content width limits increased for higher density (120→200) - Result: slightly smaller images on screen but ~1.75x more detail Co-authored-by: jai <jai@anysphere.co>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.