Devlog #1: Building a Custom Personal Site & Interactive Deck. I’ve officially kicked off development on my custom personal website, built completely from scratch using vanilla HTML5, CSS3, and JavaScript. The goal of this project is to create an interactive, cinematic hub that showcases my work as a CS engineering student, STEM Olympiad background, hardware builds, and personal passions. So far, I have established the overall responsive layout, crafted a clean light-mode aesthetic, and built the core interactive elements—including a dynamic typing hero section, a popup FUT manager card modal, a football goal kick minigame with live commentary, and a Mentalist-inspired observation generator. Over the past session, my primary agenda focused on layout alignment, UI refinements, and asset fixes. I resolved poster aspect-ratio inconsistencies across the cinema, web series, and gaming cards to ensure uniform vertical alignment, while wrapping each card in subtle neon glow rings. Furthermore, I aligned the baseline for all widgets in the personalized space, updated the polyglot section with official Duolingo stats and branding, and introduced floating background mathematical symbols to reflect the site’s STEM theme. Looking ahead, my shortlist for the next milestone involves setting up the GitHub repository, establishing a clean deployment pipeline, and testing cross-device responsiveness. I also plan to implement smoother section scroll transitions, add further polish to the chess conundrum puzzle widget, and integrate an embedded feed for my math paradox blog. The core foundation is set, and the next phase will focus on micro-interactions and performance optimization!
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.