simon_admin/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Simon Altschäffl 2026-02-22 14:33:12 +01:00
parent 3ca7259ad5
commit 4b68368e90
8 changed files with 42 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/about.jsx
View File

@ -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.

4
src/components/app.jsx
View File

@ -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>
);
}

8
src/components/finalprojects/wohnungUndFahrgemeinschaften.jsx
View File

@ -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>

11
src/components/goals.jsx
View File

@ -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
beschr&auml;nkt, sondern auch um die Bereiche darum, wie z.B.
<em>Sprachkenntnisse, Soziale Kompetenzen oder auch Projektmanagement</em>,
immer weiter zu verbessern.
langfristigen Ziele beschr&auml;nken sich jedoch nicht nur auf den IT-Bereich, sondern
umfassen auch die stetige Weiterentwicklung in angrenzenden Bereichen wie
<em> Sprachkenntnissen, sozialen Kompetenzen oder Projektmanagement</em>.
</p>
</div>
</section>

8
src/components/home.jsx
View File

@ -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>
Jahre alt und derzeit Sch&uuml;ler f&uuml;r Wirtschaftsinformatik an der EDV-Schule
Hallo und danke f&uuml;rs Vorbeischauen! Ich bin Simon Altsch&auml;ffl, {age}<span> </span>
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>

8
src/components/projects/languageRoleplay.jsx
View File

@ -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
statt nur zu korrigieren. Ziel ist ein flüssiger Dialog, bei dem der Nutzer spielerisch lernt.
Die KI agiert dabei als geduldiger, nat&uuml;rlich wirkender Gespr&auml;chspartner, der ermutigt
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>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>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&uuml;hl eines Spiels vermitteln.</li>
<li><strong>Dynamische Handlung:</strong> Die KI reagiert spontan auf Nutzerentscheidungen.</li>
</ul>
</div>

6
src/components/projects/server.jsx
View File

@ -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,
sondern dient als vielseitige Plattform für Data Science Experimente, Automatisierung und Lernen.
Alle Dienste laufen isoliert in <b>Docker-Containern</b>, orchestrirert durch <b>Docker Compose</b> und
Dieser Server bildet das Herzst&uuml;ck meiner Entwicklungsumgebung. Er hostet nicht nur diese Website,
sondern dient als vielseitige Plattform f&uuml;r Data Science Experimente, Automatisierung und Lernen.
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>

2
src/components/projects/tdot.jsx
View File

@ -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>