Blog Post

My Website Improvement Journey

I turned scattered notes and copied markdown into a clean, readable blog-style page to document the progress of this site.

Why I redesigned this page

The original text was plain and unstructured. Converting it into HTML with headings, cards, and better spacing makes the content easier to read and more professional.

  • Organized the page as a real blog post.
  • Used semantic sections instead of raw markdown formatting.
  • Added visual hierarchy with headings, cards, and code blocks.

What I improved

Structure

Separated the content into sections for readability and screen-friendly layout.

Design

Used the same glassmorphism style as the home page to keep the site consistent.

Navigation

Added a clear link back to home so visitors can easily continue exploring the site.

Typography

Improved line spacing and font sizing for long-form reading.

Lessons from the journey

  • Always start with semantic HTML before styling.
  • Use CSS classes for reusable design patterns.
  • Keep page styles consistent across the website.
  • Place important actions like navigation links in obvious spots.
Back Home