Fix portfolio site issues and improve user experience

- Replace missing TrueSelect project image with styled placeholder
- Fix purple button text visibility on project pages
- Update CV reference to correct filename (Will Hermann CV.pdf)
- Fix PDF file links to open in browser instead of 404 errors
- Improve project overlay styling with proper color contrast

Author: coding-crying

about.html

@@ -65,7 +65,7 @@ <h2>Who Am I?</h2>
                         </p>
 
                         <div class="resume-download">
-                            <a href="CV Will Hermann.pdf" class="btn btn-primary" download>
+                            <a href="Will Hermann CV.pdf" class="btn btn-primary" target="_blank">
                                 Download Resume
                             </a>
                         </div>

css/style.css

@@ -569,20 +569,48 @@ header {
     transition: var(--transition);
 }
 
+.project-placeholder {
+    width: 100%;
+    height: 250px;
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--bg-color);
+    text-align: center;
+}
+
+.placeholder-content h4 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+    font-weight: 700;
+}
+
+.placeholder-content p {
+    font-size: 1rem;
+    opacity: 0.9;
+    margin: 0;
+}
+
 .project-overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(59, 130, 246, 0.9);
+    background: rgba(167, 139, 250, 0.9);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: var(--transition);
 }
 
+.project-overlay .btn {
+    color: var(--bg-color) !important;
+    font-weight: 600 !important;
+}
+
 .project-card:hover .project-overlay {
     opacity: 1;
 }

projects.html

@@ -245,7 +245,12 @@ <h4>Research Findings:</h4>
 
                     <div class="project-card" data-category="tools">
                         <div class="project-image">
-                            <img src="images/domain-analysis.jpg" alt="TrueSelect AI Recruitment Analysis">
+                            <div class="project-placeholder">
+                                <div class="placeholder-content">
+                                    <h4>TrueSelect©</h4>
+                                    <p>AI Recruitment Analysis</p>
+                                </div>
+                            </div>
                             <div class="project-overlay">
                                 <div class="project-links">
                                     <a href="Domain_Analysis Project.pdf" class="btn btn-primary" target="_blank">View Report</a>