feat: migrate all content and images from markusgraf.ch

Complete content migration from live site to Hugo project including:
- Fetched HTML from live markusgraf.ch using curl
- Downloaded and organized all images (1 profile, 3 project images)
- Migrated complete homepage content with all sections
- Removed unnecessary about.md placeholder page
- Updated all image references to Hugo static paths
- Verified content parity with live site
- Added descriptive alt text to all images for accessibility

Images organized as:
- static/images/profile/markusgraf.jpg
- static/images/projects/laufbahndiagnostik.png
- static/images/projects/persoenlichkeitsdiagnostik.png
- static/images/projects/cpd.png

All 13 tasks completed and verified successfully.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

content/_index.md

@@ -1,20 +1,86 @@
 ---
-title: "Welcome"
-description: "Personal website of Markus Graf"
+title: "Markus Graf, Ruby on Rails Entwickler, Accessibility Consultant"
+description: "Entwicklung individueller Webapplikationen in Ruby on Rails. Datenerhebung, Datenaggregation und Datenanalyse mit R, Accessibility Consulting."
 ---
 
-# Welcome to Markus Graf's Website
+# Markus Graf
 
-This is a placeholder homepage. Replace this content with the actual content from your existing markusgraf.ch website.
+<div class="row">
+  <div class="col-md-8">
 
-## About
+**Adresse:**
+Huebwisstrasse 5
+8117 Fällanden
+[info@markusgraf.ch](mailto:info@markusgraf.ch)
+[+41 (0)79 261 16 37](tel:+41792611637)
 
-Add your introduction and about section here.
+  </div>
+  <div class="col-md-4">
+    <img src="/images/profile/markusgraf.jpg" alt="Portraitbild Markus Graf" class="img-fluid" />
+  </div>
+</div>
 
-## Skills
+## Softwareentwicklung
 
-List your skills and expertise here.
+- Individuelle Webapplikationen mittels Ruby on Rails, PHP und MySQL
+- Umfrage- und Testsysteme mittels Helena oder LimeSurvey
 
-## Contact
+## Datenanalyse
 
-Add your contact information here.
+- Datenaufbereitung / Aggregation
+- Datenanalyse in R
+- Automatisierte Berichterstellung mit LaTeX und R
+
+## Barrierefreiheit
+
+- Individuelle Beratung für Web Accessibility.
+- Beratende Begleitung bezüglich Barrierefreiheit neuer und bestehender Projekt.
+
+---
+
+## Projekte und Referenzen
+
+### Laufbahndiagnostik
+
+<div class="row mb-4">
+  <div class="col-md-2">
+    <img src="/images/projects/laufbahndiagnostik.png" alt="Laufbahndiagnostik Projekt Screenshot" class="img-thumbnail" />
+  </div>
+  <div class="col-md-10">
+
+laufbahndiagnostik.ch wurde im Auftrag des Departements Angewandte Psychologie der ZHAW Zürcher Hochschule für Angewandte Wissenschaften entwickelt und unterstützt verschiedene Dienstleistungsangebote wie Berufs-, Studien- und Laufbahnberatung, Outplacementberatung oder Personalentwicklung.
+
+Die Plattform bietet dem Betreiber die Möglichkeit, psychologische Instrumente selbstständig zu verwalten, Daten zu erheben und dem Nutzer ein individuelles Profil zur Verfügung zu stellen.
+
+[https://www.laufbahndiagnostik.ch](https://www.laufbahndiagnostik.ch)
+
+  </div>
+</div>
+
+### Persönlichkeitsdiagnostik
+
+<div class="row mb-4">
+  <div class="col-md-2">
+    <img src="/images/projects/persoenlichkeitsdiagnostik.png" alt="Persönlichkeitsdiagnostik App Screenshot" class="img-thumbnail" />
+  </div>
+  <div class="col-md-10">
+
+Mit Hilfe von Persönlichkeitsdiagnostik können Sie zu verschiedenen Tageszeiten Ihre aktuelle Befindlichkeit erfassen. Die App ist zur Unterstützung des Beratungsprozesses entwickelt worden und sollte auch in die Beratung eingebettet werden. Es handelt sich dabei um eine hybride App, welche sowohl für Android wie auch iOS verfügbar ist.
+
+  </div>
+</div>
+
+### Prozessmessung psychologischer Therapien
+
+<div class="row mb-4">
+  <div class="col-md-2">
+    <img src="/images/projects/cpd.png" alt="CPD Therapie-Prozessmessung Screenshot" class="img-thumbnail" />
+  </div>
+  <div class="col-md-10">
+
+Um den Prozess einer psychologischen Therapie zu messen, wurde eine Applikation im Auftrag des Departements Angewandte Psychologie der ZHAW Zürcher Hochschule für Angewandte Wissenschaften entwickelt, mit der Klienten direkt im Anschluss eines Therapiegesprächs ein kurze Befragung ausfüllen.
+
+Die Applikation ermöglicht den Beratungspersonen die Einsicht in die Einschätzungen seitens Klienten über die Zeit.
+
+  </div>
+</div>

content/about.md

@@ -1,11 +0,0 @@
----
-title: "About"
-date: 2024-10-27
-description: "About Markus Graf"
----
-
-# About Me
-
-This is a placeholder about page. Replace this content with your actual about information from markusgraf.ch.
-
-Add your biography, experience, and background here.