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 Meine Begeisterung für die Informatik wird durch ein breites Spektrum
an Interessen getragen. Durch den <b>CS50X</b> <em>(Harvard University)</em> Kurs 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. 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, Wissen in Machine Learning und Datenanalyse. Ich sehe mich als Entwickler,
der sowohl backend-seitige Logik und Datenbanken beherrscht, als auch der sowohl backend-seitige Logik und Datenbanken beherrscht, als auch
moderne KI-Modelle integrieren und nutzen kann. moderne KI-Modelle integrieren und nutzen kann.

38
src/components/app.jsx
View File

@ -72,25 +72,27 @@ function Tdot() {
function App() { function App() {
return ( return (
<Router> <Router>
<Navigation /> <div className="flex flex-col min-h-screen">
<div className="content"> <Navigation />
<Routes> <div className="flex-grow content">
<Route path="/" element={<Home />} /> <Routes>
<Route path="/about-me" element={<About />} /> <Route path="/" element={<Home />} />
<Route path="/goals" element={<Goals />} /> <Route path="/about-me" element={<About />} />
<Route path="/contact" element={<Contact />} /> <Route path="/goals" element={<Goals />} />
<Route path="/impressum" element={<Impressum />} /> <Route path="/contact" element={<Contact />} />
<Route path="/privacy" element={<Privacy />} /> <Route path="/impressum" element={<Impressum />} />
<Route path="/projects/languagestudy" element={<LanguageStudy />} /> <Route path="/privacy" element={<Privacy />} />
<Route path="/projects/server" element={<Server />} /> <Route path="/projects/languagestudy" element={<LanguageStudy />} />
<Route path="/finalprojects/onlineCasino" element={<OnlineCasino />} /> <Route path="/projects/server" element={<Server />} />
<Route path="/finalprojects/wufg" element={<WohnungUndFahrgemeinschaften />} /> <Route path="/finalprojects/onlineCasino" element={<OnlineCasino />} />
<Route path="/projects/crime-dinner" element={<KrimiDinner />} /> <Route path="/finalprojects/wufg" element={<WohnungUndFahrgemeinschaften />} />
<Route path="/projects/language-roleplay" element={<LanguageRoleplay />} /> <Route path="/projects/crime-dinner" element={<KrimiDinner />} />
<Route path="/projects/tdot" element={<Tdot />} /> <Route path="/projects/language-roleplay" element={<LanguageRoleplay />} />
</Routes> <Route path="/projects/tdot" element={<Tdot />} />
</Routes>
</div>
<FooterSection />
</div> </div>
<FooterSection />
</Router> </Router>
); );
} }

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

@ -39,14 +39,14 @@ function WohnungUndFahrgemeinschaftenPage() {
Wohnungsangebote zu inserieren und Fahrgemeinschaften zu organisieren. Wohnungsangebote zu inserieren und Fahrgemeinschaften zu organisieren.
</p> </p>
<p className="text-lg leading-relaxed text-slate-700"> <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> </p>
</div> </div>
</section> </section>
{/* --- PFLICHTENHEFT & UI --- */} {/* --- PFLICHTENHEFT & UI --- */}
<section className="mb-16"> <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="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"> <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> </object>
</div> </div>
<p className="text-sm text-slate-500 italic"> <p className="text-sm text-slate-500 italic">
Auszug aus dem Pflichtenheft mit UI/UX Entwürfen und Anforderungen. Auszug aus dem Pflichtenheft.
</p> </p>
</div> </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> <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="bg-slate-50 p-6 rounded-xl border border-slate-200">
<div className="flex flex-wrap gap-3"> <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"> <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} {tech}
</span> </span>

11
src/components/goals.jsx
View File

@ -15,7 +15,7 @@ function GoalsPage() {
</li> </li>
<li> <li>
Vertiefung meiner Kenntnisse in <b>Python f&uuml;r Data Science</b> (z.B. 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>
<li> <li>
Entwicklung von Softwareprojekten mit Fokus auf <em>moderne 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> <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"> <p className="text-slate-700 leading-relaxed">
Langfristig plane ich, meine Kenntnisse immer weiter auszubauen und 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 sich schnell entwickelnden Zeit, anzupassen. Ich w&uuml;rde derzeit auch
ein weiteres Studium zum Master nicht ausschlie&szlig;en. Meine 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> </p>
</div> </div>
</section> </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> <h1 className="text-4xl font-extrabold text-slate-900 mb-6">Startseite</h1>
<p className="mt-6 text-lg leading-relaxed text-slate-700"> <p className="mt-6 text-lg leading-relaxed text-slate-700">
<b> <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. Plattling.
</b> </b>
</p> </p>
@ -26,12 +26,12 @@ function HomePage() {
/> />
<p className="text-lg leading-relaxed text-slate-600 mb-4"> <p className="text-lg leading-relaxed text-slate-600 mb-4">
<em>Willkommen auf meiner Website!</em> Hier stelle ich mich detailliert vor, <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. Informatik.
</p> </p>
<p className="text-lg leading-relaxed text-slate-600"> <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> </p>
</div> </div>
</section> </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. zu verlieren und durch "Learning by Doing" Sicherheit zu gewinnen.
</p> </p>
<p className="text-lg leading-relaxed text-slate-700"> <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> </p>
</div> </div>
</section> </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"> <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> <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"> <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> <li><strong>Dynamische Handlung:</strong> Die KI reagiert spontan auf Nutzerentscheidungen.</li>
</ul> </ul>
</div> </div>

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

@ -33,9 +33,9 @@ function ServerPage() {
/> />
</div> </div>
<p className="text-lg leading-relaxed text-slate-700"> <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>. verwaltet vom Reverse Proxy <b>Traefik</b>.
</p> </p>
</div> </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> <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"> <p className="text-slate-700">
Der Spieler tritt gegen den Computer an. Nach einem Countdown erkennt die KI die Geste des Spielers 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> </p>
</div> </div>
</div> </div>