HONORs revamp and hari.md for AI 🥞🥞
last time the trainer card DATA FILE was cool but something did not sit right with me so did a revamp and oh boy
now the whole honors strip got another pass and then i finally shipped something ive been talking about for a while which is hari.md
MAINNN CHANGE
the red MAIN PORTFOLIO button is gone.
its a black hari.md now and it dumps u into /portfolio/hari which is basically just a huge markdown context dump on me · school · internship · wins · DNFs · projects · stack · how i actually work.
like 800+ lines.
agents and ppl can read the whole thing without guessing from random cards. so thats there
also nav has hari.md on the main portfolio now so its not only a card footer secret
THE 1B+ TOKENS SAGA
(this took way too many attempts lol)
honestly the tokens honor was the whole pain point
- first it was html pieces and overlays and conveyors and then it looked fake
- then we tried splitting the stage and putting brand logos in the flow and that also fought the layout
- then the whole idea flipped — stop reconstructing pixel art in react and just ship ONE card image (
avif→webp→png) inside the honor chrome
and that finally worked.
furnace on top
HOW IT FLOWS under it with the real tool marks:
Claude Code · Cursor · Codex · ChatGPT · OpenCode · Hermes Agent · DeepSeek
had to regenerate a few times becoz the first versions had cute fake mascots instead of actual logos and then the aspect ratio was wrong so the panel was clipping top and bottom.
now it sits in the same rounded accent border the other honors use so it doesnt look like a raw screenshot floating in the cream
CARD IS COOKING AGAIN
whats done so farr
- honors feel more finished
- footer is smaller and sits lower across every tab
- tokens art is framed proper
-
hari.mdis live on prod too
cooking rn 🍽️
theres a shit ton of images on my card now so i need to optimze it
optimizing the card load becoz theres a LOT of images on there and first open still feels heavy.
next pass is probably:
-
avif/webpfor the front tiles + stickers - stop shipping dead 1–2mb pngs
- preload only first paint
- lazy the back face until u flip
still needs to be done includes
- asset compression across the card
- maybe defer honor / project sprites until flip
- kill unused diorama / blast pngs from the deploy
- more sprite polish later ig
[ inspired from pokemon cards and also my second brain vault hopefully the 1B furnace doesnt melt the vercel bill 🥀🥀 ]
give me some ideas people 👀 if u want the card to load snappier without killing the pixel look
thx for readin :DDDDD
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.