Welcome to My Blog
This is the first blog post on my new portfolio website! I’m excited to share my thoughts on frontend development, UI/UX design, and open source projects.
Why a Neo-Brutalist Blog?
I chose this design style because it breaks the rules. It’s loud, colorful, and unapologetic. Neo-brutalism relies on:
- High contrast colors
- Bold typography
- Harsh shadows and thick borders
- A mix of retro and modern elements
Sample Code Block
Here’s a quick example of a React component in this style:
import React from 'react';
const NeoButton = ({ children }) => {
return (
<button className="bg-neon-pink text-white font-bold uppercase border-2 border-black p-4 shadow-neo hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none transition-all">
{children}
</button>
);
};
export default NeoButton;Features Included in This Blog
- Markdown support for rich text content
- Syntax highlighting for code blocks
- Auto-generated TOC from headers
- Responsive design that looks great on all devices
Stay tuned for more tutorials, case studies, and tips! 🚀