Website: https://ak-dev.is-a.dev I am updating my portfolio website to add a timeline view to showcase my projects and upgrades/innovations in them over the years, showcasing my learning. The screenshot shows current project list which i am going to update into timeline.
Project completed!
The timeline section of my portfolio is now finally completed.
I Completed all remaining CSS styling and optimized for mobile screens. I also animated the cards and added a nice background image too. I also used JS to trigger the animated line of .timeline::after only when in viewport.
The overall features of the timeline are:
-> Showcase my web development advancements over the years in animated cards.
-> The cards appear side by side with an animated line in middle for desktop screens.
-> The cards are on right side with the animated line on left for mobile screens.
-> Have icons and pictures of projects in timeline.
-> A nice background image to complete the feel.
-> Optimized to be responsive enough to fit on a smartwatch’s (SWR50) screen similar to rest of the website.
Try it now at my website and tell what you think: https://ak-dev.is-a.dev
Plus, you can also review me about the rest of the website as well.
Completed styling for Timeline cards with css adn added an animated vertical line in middle. The whole thing is still under-progress for further refinement and UI tweaks.
I am making a timeline view for my portfolio website. i have just started making the structure. i will make an AOS animation powered tiles to appear side by side to make a timeline showing my progress in web development.
