docs: update German umlauts to HTML entities and refine various text content and layout.

src/components/about.jsx

@@ -40,7 +40,7 @@ function AboutPage() {
               Meine Begeisterung für die Informatik wird durch ein breites Spektrum
               an Interessen getragen. Durch den <b>CS50X</b> <em>(Harvard University)</em> Kurs
               habe ich ein tiefes Verst&auml;ndnis f&uuml;r die Grundlagen der Informatik erlangt.
-              Gleichzeitig vertiefte der <b>IBM Data Science Professional Certificate</b> mein
+              Gleichzeitig vertiefte das <b>IBM Data Science Professional Certificate</b> mein
               Wissen in Machine Learning und Datenanalyse. Ich sehe mich als Entwickler,
               der sowohl backend-seitige Logik und Datenbanken beherrscht, als auch
               moderne KI-Modelle integrieren und nutzen kann.

src/components/app.jsx

@@ -72,8 +72,9 @@ function Tdot() {
 function App() {
   return (
     <Router>
+      <div className="flex flex-col min-h-screen">
         <Navigation />
-      <div className="content">
+        <div className="flex-grow content">
           <Routes>
             <Route path="/" element={<Home />} />
             <Route path="/about-me" element={<About />} />
@@ -91,6 +92,7 @@ function App() {
           </Routes>
         </div>
         <FooterSection />
+      </div>
     </Router>
   );
 }

src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx

@@ -39,14 +39,14 @@ function WohnungUndFahrgemeinschaftenPage() {
               Wohnungsangebote zu inserieren und Fahrgemeinschaften zu organisieren.
             </p>
             <p className="text-lg leading-relaxed text-slate-700">
-              Dabei liegt der technische Fokus auf einer modernen <strong>SAP Fiori UX</strong> und einem robusten <strong>RAP-Backend</strong>.
+              Dabei liegt der technische Fokus auf einem robusten <strong>RAP-Backend</strong> sowie einer differenzierten Frontend-Architektur: Die Wohnungsb&ouml;rse wird mittels <strong>SAP Fiori Elements</strong> umgesetzt, w&auml;hrend f&uuml;r die komplexere Logik der Fahrgemeinschaften eine <strong>SAP UI5 Freestyle-Anwendung</strong> zum Einsatz kommt.
             </p>
           </div>
         </section>
 
         {/* --- PFLICHTENHEFT & UI --- */}
         <section className="mb-16">
-          <h2 className="text-2xl font-bold text-slate-900 mb-6 border-l-4 border-indigo-500 pl-4">2. Pflichtenheft & UI Konzept</h2>
+          <h2 className="text-2xl font-bold text-slate-900 mb-6 border-l-4 border-indigo-500 pl-4">2. Pflichtenheft</h2>
 
           <div className="bg-slate-50 border border-slate-200 rounded-xl p-4 mb-8 text-center shadow-sm">
             <div className="w-full h-[600px] bg-white rounded-lg border border-slate-100 overflow-hidden mb-3">
@@ -70,7 +70,7 @@ function WohnungUndFahrgemeinschaftenPage() {
               </object>
             </div>
             <p className="text-sm text-slate-500 italic">
-              Auszug aus dem Pflichtenheft mit UI/UX Entwürfen und Anforderungen.
+              Auszug aus dem Pflichtenheft.
             </p>
           </div>
 
@@ -176,7 +176,7 @@ function WohnungUndFahrgemeinschaftenPage() {
           <h2 className="text-2xl font-bold text-slate-900 mb-6 border-l-4 border-indigo-500 pl-4">4. Tech Stack</h2>
           <div className="bg-slate-50 p-6 rounded-xl border border-slate-200">
             <div className="flex flex-wrap gap-3">
-              {['SAP RAP', 'ABAP CDS', 'SAP Fiori Elements', 'OData V4', 'Python', 'SQLite', 'Audit Logging'].map((tech) => (
+              {['SAP RAP', 'ABAP CDS', 'SAP Fiori Elements', 'SAP UI5 Freestyle', 'OData V4', 'Python', 'SQLite', 'Audit Logging'].map((tech) => (
                 <span key={tech} className="bg-white px-4 py-2 rounded shadow-sm text-center font-semibold text-slate-700 border border-slate-100">
                   {tech}
                 </span>

src/components/goals.jsx

@@ -15,7 +15,7 @@ function GoalsPage() {
             </li>
             <li>
               Vertiefung meiner Kenntnisse in <b>Python f&uuml;r Data Science</b> (z.B.
-              Pandas, TensorFlow) sowie in der <b>Full-Stack Webentwicklung</b>
+              Pandas, TensorFlow) sowie in der <b>Full-Stack Softwareentwicklung</b>
             </li>
             <li>
               Entwicklung von Softwareprojekten mit Fokus auf <em>moderne
@@ -42,13 +42,12 @@ function GoalsPage() {
         <h2 className="text-2xl font-bold text-slate-900 border-b pb-2 mb-4">Langfristige Ziele</h2>
         <p className="text-slate-700 leading-relaxed">
           Langfristig plane ich, meine Kenntnisse immer weiter auszubauen und
-          diese auch an die Welt und deren Anforderungen, vor allem in dieser
+          diese auch an die und deren Anforderungen, vor allem in dieser
           sich schnell entwickelnden Zeit, anzupassen. Ich w&uuml;rde derzeit auch
           ein weiteres Studium zum Master nicht ausschlie&szlig;en. Meine
-          langfristigen Ziele sind aber nicht nur rein auf den IT-Bereich
+          langfristigen Ziele beschr&auml;nken sich jedoch nicht nur auf den IT-Bereich, sondern
-          beschr&auml;nkt, sondern auch um die Bereiche darum, wie z.B.
+          umfassen auch die stetige Weiterentwicklung in angrenzenden Bereichen wie
-          <em>Sprachkenntnisse, Soziale Kompetenzen oder auch Projektmanagement</em>,
+          <em> Sprachkenntnissen, sozialen Kompetenzen oder Projektmanagement</em>.
-          immer weiter zu verbessern.
         </p>
       </div>
     </section>

src/components/home.jsx

@@ -14,8 +14,8 @@ function HomePage() {
         <h1 className="text-4xl font-extrabold text-slate-900 mb-6">Startseite</h1>
         <p className="mt-6 text-lg leading-relaxed text-slate-700">
           <b>
-            Hallo und danke f&uuml;rs Daraufklicken! Ich bin Simon Altsch&auml;ffl, {age}<span> </span>
+            Hallo und danke f&uuml;rs Vorbeischauen! Ich bin Simon Altsch&auml;ffl, {age}<span> </span>
-            Jahre alt und derzeit Sch&uuml;ler f&uuml;r Wirtschaftsinformatik an der EDV-Schule
+            Jahre alt und derzeit Sch&uuml;ler der Fachrichtung Wirtschaftsinformatik an der EDV-Schule
             Plattling.
           </b>
         </p>
@@ -26,12 +26,12 @@ function HomePage() {
         />
         <p className="text-lg leading-relaxed text-slate-600 mb-4">
           <em>Willkommen auf meiner Website!</em> Hier stelle ich mich detailliert vor,
-          pr&auml;sentiere meine Projekte und teile meine Erfahrung in der
+          pr&auml;sentiere meine Projekte und teile meine Erfahrungen in der
           Informatik.
         </p>
 
         <p className="text-lg leading-relaxed text-slate-600">
-          Entdecken Sie gerne meine Projekte, die bereits abgeschlossen sind oder derzeit noch in Entwicklung sind. Erfahren Sie auch mehr &uuml;ber mich und meine Ziele, au&szlig;erdem k&ouml;nnen Sie gerne mit mir Kontakt aufnehmen.
+          Entdecken Sie meine bereits abgeschlossenen sowie die aktuell noch in Entwicklung befindlichen Projekte. Außerdem k&ouml;nnen Sie hier mehr &uuml;ber mich und meine Ziele erfahren und gerne direkt mit mir Kontakt aufnehmen.
         </p>
       </div>
     </section>

src/components/projects/languageRoleplay.jsx

@@ -64,8 +64,8 @@ function LanguageRoleplay() {
                             zu verlieren und durch "Learning by Doing" Sicherheit zu gewinnen.
                         </p>
                         <p className="text-lg leading-relaxed text-slate-700">
-                            Die KI agiert dabei als geduldiger, natrlich wirkender Gesprächspartner, der ermutigt
+                            Die KI agiert dabei als geduldiger, nat&uuml;rlich wirkender Gespr&auml;chspartner, der ermutigt
-                            statt nur zu korrigieren. Ziel ist ein flüssiger Dialog, bei dem der Nutzer spielerisch lernt.
+                            statt nur zu korrigieren. Ziel ist ein fl&uuml;ssiger Dialog, bei dem der Nutzer spielerisch lernt.
                         </p>
                     </div>
                 </section>
@@ -77,8 +77,8 @@ function LanguageRoleplay() {
                             <div className="h-full bg-white rounded-xl border border-slate-200 shadow-sm p-6 hover:shadow-md transition-shadow">
                                 <h3 className="text-xl font-bold text-slate-800 mb-4 pb-2 border-b border-slate-100">Spielerisches Lernen</h3>
                                 <ul className="list-disc pl-5 space-y-2 text-slate-700">
-                                    <li><strong>Lern-Level:</strong> Progression von einfachen Anfnger-Szenarien zu komplexen Diskussionen.</li>
+                                    <li><strong>Lern-Level:</strong> Progression von einfachen Anf&auml;nger-Szenarien zu komplexen Diskussionen.</li>
-                                    <li><strong>Szenario-Ziele:</strong> Klare Aufgaben pro Chat (z.B. "Bestelle einen Kaffee", "Handle einen Rabatt aus"), die das Gefühl eines Spiels vermitteln.</li>
+                                    <li><strong>Szenario-Ziele:</strong> Klare Aufgaben pro Chat (z.B. "Bestelle einen Kaffee", "Handle einen Rabatt aus"), die das Gef&uuml;hl eines Spiels vermitteln.</li>
                                     <li><strong>Dynamische Handlung:</strong> Die KI reagiert spontan auf Nutzerentscheidungen.</li>
                                 </ul>
                             </div>

src/components/projects/server.jsx

@@ -33,9 +33,9 @@ function ServerPage() {
               />
             </div>
             <p className="text-lg leading-relaxed text-slate-700">
-              Dieser Server bildet das Herzstück meiner Entwicklungsumgebung. Er hostet nicht nur diese Website,
+              Dieser Server bildet das Herzst&uuml;ck meiner Entwicklungsumgebung. Er hostet nicht nur diese Website,
-              sondern dient als vielseitige Plattform für Data Science Experimente, Automatisierung und Lernen.
+              sondern dient als vielseitige Plattform f&uuml;r Data Science Experimente, Automatisierung und Lernen.
-              Alle Dienste laufen isoliert in <b>Docker-Containern</b>, orchestrirert durch <b>Docker Compose</b> und
+              Alle Dienste laufen isoliert in <b>Docker-Containern</b>, orchestriert durch <b>Docker Compose</b> und
               verwaltet vom Reverse Proxy <b>Traefik</b>.
             </p>
           </div>

src/components/projects/tdot.jsx

@@ -86,7 +86,7 @@ function TdotPage() {
                                 <h3 className="text-xl font-bold text-slate-800 mb-4 pb-2 border-b border-slate-100">Singleplayer</h3>
                                 <p className="text-slate-700">
                                     Der Spieler tritt gegen den Computer an. Nach einem Countdown erkennt die KI die Geste des Spielers
-                                    und wählt zufällig einenegene Geste. Der Gewinner wird sofort angezeigt.
+                                    und w&auml;hlt zuf&auml;llig eine eigene Geste. Der Gewinner wird sofort angezeigt.
                                 </p>
                             </div>
                         </div>