Links Page - Tumblr Posts
i made a links page! it's pretty snazzy~
all of the animations on the site, including the opening animation above and the icon animations below, are made entirely with css – no javascript here! the icon animations for the social media icons are particularly fun, you should go see them for yourself 👀
the only javascript on the page powers some keyboard shortcuts, like skipping the animation with esc / tab, or switching between ☀️light and 🌙dark theme with L
i made the site with extensibility in mind, so i can easily add more links later. colors automatically cycle between blue, purple, and pink, and the icons automatically swap to the left or right; all i have to do is add text and an icon, and the css does the rest of the heavy lifting.
i can even add custom color palettes with minimal effort! it's as easy as plugging a few colors and then typing, for example, "green link" (insert zelda joke here)
besides just web dev, some graphic design went into the site as well – namely these two icons for my journal (left) and portfolio (right). i'm particularly proud of the journal icon, it's easily one of my best yet!
speaking of my portfolio, you may notice it says Coming Soon, i.e. it's not done. in truth, it's been coming "soon" for about five years now, waiting for inspiration to strike... and it finally did 👀 i'm hoping to make that my next web dev project~
anyway i have a few more ideas for what to do with this links page in the future, but hey, not half bad for a 1.0 release, right? ✨
check it out and let me know what you think! https://skyso.me/tric
still working on extra bits for that links page. here's a tumblr one where the tumblr logo turns into a reblog.
could i do this with a gif? yeah, sure. did i do this with pure css? you bet i did.
with twitter's potential demise on the horizon, i've returned to working on my links page so that all my socials are in one place. today i added collapsible categories for quicker browsing! check it out here:
in light of the bluesky rebrand, i have updated my links page with a fancy new animation for it
ironically, without gif support, bluesky is the one place i can't post this gif to...
