add PlanMyInterview shipped project entry

- projects: add PlanMyInterview as first entry with liveUrl, lowercase tech tags, and invertImage flag
- projects.njk: support liveUrl button ("Visit site →") and optional project-image-invert class
- css: add .project-image-invert rule using filter: invert(1) so the white-background logo reads as dark-themed alongside other cards
- image: add my_prep_plan_logo.png asset (kept original, inverted at render time)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: its-d

_data/projects.json

@@ -1,4 +1,13 @@
 [
+  {
+    "name": "PlanMyInterview",
+    "description": "An AI-powered interview prep SaaS built on AWS. Turns a job description and resume into a personalized day-by-day study plan, with quizzes, flashcards, and YouTube videos.",
+    "tech": ["ai", "saas", "aws", "serverless", "react"],
+    "liveUrl": "https://planmyinterview.com",
+    "demoUrl": null,
+    "image": "/images/projects/my_prep_plan_logo.png",
+    "invertImage": true
+  },
   {
     "name": "EKS Framework",
     "description": "A Terraform-based framework for deploying microservices on Amazon EKS with Fargate. Includes automated CI pipelines, Helm-based add-ons, and a preconfigured Grafana stack for monitoring and observability.",

_includes/partials/projects.njk

@@ -8,7 +8,7 @@
     {% for project in projects %}
     <article class="project-card">
       <div class="project-image-wrap">
-        <img src="{{ project.image }}" alt="" class="project-image" width="400" height="220">
+        <img src="{{ project.image }}" alt="" class="project-image{% if project.invertImage %} project-image-invert{% endif %}" width="400" height="220">
       </div>
       <ul class="project-tech">
         {% for tag in project.tech %}
@@ -18,6 +18,7 @@
       <h3 class="project-name">{{ project.name }}</h3>
       <p class="project-desc">{{ project.description }}</p>
       <div class="project-links">
+        {% if project.liveUrl %}<a href="{{ project.liveUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-outline">Visit site →</a>{% endif %}
         {% if project.repoUrl %}<a href="{{ project.repoUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-outline">View repo →</a>{% endif %}
         {% if project.caseStudyUrl %}<a href="{{ project.caseStudyUrl }}" class="btn btn-outline">Read case study →</a>{% endif %}
       </div>

css/style.css

@@ -594,6 +594,10 @@ section {
   object-fit: contain;
 }
 
+.project-image-invert {
+  filter: invert(1);
+}
+
 .project-tech {
   list-style: none;
   margin: 0.75rem 1rem 0.5rem;