Project Modernization Template

Copy this template to modernize your project pages:

---
layout: project
title: "Your Project Title"
subtitle: "Brief description of what the project does"
date: YYYY-MM-DD                    # Project start date
end_date: YYYY-MM-DD               # Project end date (optional)
duration: "X days/weeks/months"     # Project duration (optional)
technologies: ["Tech1", "Tech2", "Tech3"]  # Array of technologies used
github_url: "https://github.com/username/repo"  # GitHub repository URL (optional)
demo_url: "https://demo-url.com"    # Live demo URL (optional)
download_url: "https://download-url.com"  # Download URL (optional)
description: "Detailed description for SEO and metadata"
---

Instructions:

  1. Replace the front matter in each project’s index.html file with the above template
  2. Fill in the appropriate values for your project
  3. Remove old layout HTML - Keep only the content (everything after <article class="post-content">)
  4. Remove closing HTML tags - The new layout handles the structure

Projects to Modernize:

  • BachelorThesis/index.html
  • Internship/index.html
  • IoT/index.html
  • JavaCard/index.html (✅ Done)
  • JavaCardBinaryParser/index.html
  • IntelHexToBin/index.html (✅ Done)
  • MagneticStripeReader/index.html
  • MasterThesis/index.html
  • OTAFirmwareUpdate/index.html
  • PICAutoDroid/index.html
  • SensorSuit/index.html

Features Added:

✅ Modern Hero Section with gradient background ✅ Breadcrumb Navigation for better UX ✅ Metadata Display (dates, duration, technologies) ✅ Action Buttons (GitHub, Demo, Download) ✅ Scroll Animations for content sections ✅ Responsive Design for all devices ✅ Dark Theme Support ✅ Professional Typography ✅ Enhanced Code Highlighting ✅ Video Embed Styling ✅ Back to Projects navigation

The modernized pages now have the same professional look and animations as your main portfolio!