📱 view is here
last time phones were just getting a shrunk desktop trainer card and everything was breaking all over the place now the whole thing flips into a real portrait layout worked on this for past few days had to redo few assets , shift around the components and stuff as well
basically the card used to pretend it was mobile by scaling the gba shell down and that never worked coz the chrome spacing flip hit targets and honors art were all sized for landscape 🥀 so on a phone it felt like looking through a tiny window at a desk site lol
what 🚢🚢
REAL MOBILE SHELL ( not a zoom hack )
front face got its own phone composition
each main section has proper new made assets
DATA FILE back also got a real narrow pass
- tabs go PROJ / EXP / HONORS / SKILLS so they dont wrap into mush
- honors stickers sit in a 2×2 instead of a crushed 4-up
- skills become a bigger stacked grid
- experience stops overlapping itself on tall thin viewports
shell size morphs soft when u rotate or cross the breakpoint so it doesnt hard-cut mid flip so thats there
also buttons on the back were flipping the card with them 🥀
OPEN PROOF · tabs · stickers · hari.md · project links all used to bubble into the flip handler so u tap proof and the whole card yeets around
now controls + a little near-miss margin dont flip and empty chrome / honor copy / description panels still do which is what u actually want on mobile when ur thumb is hunting for free space
tokens furnace had a full-bleed invisible github link over the whole painted art so tapping the logos took u to github for no reason — killed that. furnace art is view only now
HONORS ON A PHONE ( redid all assets )
YC banner was cropping the building crown so shifted object-position a bit lower in the same frame ( no bigger no smaller just move the art )
hackathon highlights used to jam two tiny win chips into a crushed grid and the bottom row was getting clipped so that became one clean VIEW ALL PROJECTS HERE button that dumps into /portfolio?tab=projects
LITTLE SIDE QUESTS ( still counts )
added OG image to the website , made the website title dynamic according to how u are using it ( jus try it tbh hard to explain )
whats next unless i get distracted🍽️
image weight is still the villain
theres a lot of honor heroes stickers logos sprites on that card and first open on mobile still feels heavy even after the layout finally makes sense
next pass is probably
- avif / webp everywhere the front still cheats with fat pngs
- lazy the back face until u actually flip
- stop shipping dead 1–2mb honor experiments in public/
- preload only first paint chrome
still needs to be done includes
need to compress the shit out of everything basically lol
until we meet again :DD
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.