An about me site

Here’s a version that sounds much more natural, conversational, and written in your own voice:

What I Made
I built a personal portfolio website from the ground up to bring everything I do into one place—my background, my political and economic essays, and my engineering projects.

Visually, I wanted it to have a specific atmosphere. It features a fixed, animated space background paired with sharp yellow link highlights and carefully tuned text shadows so everything stays super readable. I also added a smooth, continuous CSS spin animation to a decorative element in the corner, and set up clean internal navigation so people can effortlessly jump between my biography, written work, and hardware repos like the SCOUT Recon Rover.

What Was Challenging
Nailing the Contrast: Putting text over a dynamic, moving space background is tricky. I had to spend a lot of time tweaking opacity, colors, and text shadows so the essays didn’t strain the eyes and remained totally crisp to read.

CSS Positioning & Layers: Getting the absolute and fixed positioning right—especially layering the animations correctly with z-index so nothing broke—took some heavy debugging.

Bringing It All Together: Fitting so many different worlds into one page (from hardware robotics to deep political manifestos and religious analyses) without it feeling cluttered or disjointed was a fun structural puzzle.

What I Am Proud Of
Total Ownership: I drove the entire vision, designed the look, wrote every single word of the essays and bio, and built the code myself (using AI just as a quick reference and debugging tool).

The Vibe: I love how the site actually feels like an extension of who I am—it balances a structural, engineer’s mindset with some bold, distinct stylistic choices.

Unifying My Work: No more leaving essays lost in Google Drive folders or code hidden away in random repos. Everything now lives in a clean, professional hub ready for anyone to explore or collaborate on.

How to Test It
Check out the Code: Head over to my GitHub (https://github.com/SamiMagali) and look for the my-personal-site repository.

Test the Navigation: Click through the internal links (#about, #politics, #projects) to see how smoothly it flows from section to section.

Stress-Test the UI: Have a look at how the animations run, check if the corner element spins smoothly, and see how the text holds up against the background across different screens.