RobinProud of the new design of my personal website, aka my "digital living room". Built with #nextjs #tailwindcss and deployed with #vercel.
I especially like the overview of my read books. I get the data directly from the #literalclub API. The thickness of the books is based on the correct page number.
Chris Masterson@iamrobin Looks great!
Jordan Borth@iamrobin nice detail 🤌
MarioWould love to see the animations on mobile. Maybe an animation on focus (double tap to open the link?), short delay before the link opens or something with IntersectionObserver?
@mariohamann It's definitely a pity that the animations are disabled on mobile for now. But I didn't want to slow down the usability just so you can see the animation. I like the idea with the IntersectionOberserver though 🙌
@iamrobin What about having a "long press" interaction for touch devices? During press the animation runs, a loading bar loads up and at the end the link is opened? See attached sketch.
Barry Hess@iamrobin That's really great! And, of course, the music page is awesome as well. 😊
Danny WhiteToday I have finished the music subpage. Among other things, my public Spotify playlists are linked. They also got new covers – which I am especially proud of!
Added my top albums to the music page and tried to add some eye candy again on hover. Can you somehow relate to my top albums? 😁 Based on my @lastfm data, tracked since 2014.
before I go blind when I tinker with my site at night - I quickly added a dark mode 🌙 Thanks to tailwind and the next-themes module no big problem.
Dom Habersack@iamrobin That looks very nice, well done! 👏
@domhabersack thanks Dom 😊
Mark McKinney@iamrobin Clean site! Really love the book API tie in and displays. Definitely some inspo there. Were the 3D books all accomplished in Tailwind?
@McKinney Thanks! Most of the 3D animation is accomplished in Tailwind. Only for the transform logic I've used vanilla css – because it would have become too confusing in Tailwind.
Amadeus Maximilian@iamrobin looking great! 😊
Marcel