Mathieu Poirier - Personal Website

A minimalist, JavaScript-free personal website showcasing projects, skills, and technical articles. Built with pure HTML and CSS for simplicity and performance.

🌟 Features

• Minimalist Design: Clean, dark theme with custom typography
• No JavaScript: Pure HTML/CSS implementation for maximum compatibility
• Responsive Layout: Optimized for various screen sizes
• Custom Fonts: Uses Intel One Mono and Tiny5 fonts for a unique aesthetic
• Project Showcase: Dedicated section for highlighting work and articles
• Contact Information: Easy access to email and GitHub profile

📁 Project Structure

mathieu/
├── index.html              # Main homepage
├── personal-website.html   # Introduction/About page
├── styles.css             # Main stylesheet
├── ... Any new articles
└── README.md              # This documentation

🎨 Design Philosophy

This website emphasizes:

• Simplicity: Clean, uncluttered design
• Performance: No external dependencies beyond fonts
• Accessibility: Semantic HTML structure
• Maintainability: Easy to update and modify

🚀 Getting Started

Prerequisites

• A modern web browser
• No build tools or dependencies required

Local Development

1. Clone the repository:

   git clone https://github.com/Mathieu-Poirier/personal-website.git
   cd personal-website

2. Open index.html in your web browser

   • Double-click the file, or
   • Use a local server: python -m http.server 8000

Deployment

Simply upload all files to any web hosting service:

• GitHub Pages
• Netlify
• Vercel
• Traditional web hosting

📝 Content Structure

Homepage (index.html)

• Personal introduction and title
• Project/Articles section
• Contact information in footer

🎯 Technical Details

Technologies Used

• HTML5: Semantic markup
• CSS3: Styling and layout
• Google Fonts: Intel One Mono, Tiny5

Key CSS Features

• Dark theme (#000 background, #fff text)
• Fixed footer positioning
• Responsive width (50% container width)
• Custom typography with multiple font families
• Clean spacing and margins

Browser Compatibility

• Modern browsers (Chrome, Firefox, Safari, Edge)
• No JavaScript dependencies
• Progressive enhancement approach

📧 Contact & Links

• Email: [email protected]
• GitHub: Mathieu-Poirier

🔄 Contributing

This is a personal website, but suggestions and feedback are welcome through GitHub issues or direct contact.

📄 License

© 2025 Mathieu Poirier. All rights reserved.

---

This website is intentionally JavaScript-free for simplicity and performance.