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

update

Browse Source
This commit is contained in:
simonaltschaffl@gmail.com 2025-05-13 20:22:13 +02:00
parent ba7da70bc1
commit 535cd3335c
12 changed files with 120 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/img/DSC_4133.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
public/assets/img/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
public/assets/img/favicon-96x96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/img/web-app-manifest-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
public/assets/img/web-app-manifest-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 282 KiB

42
public/index.html
View File

@ -2,14 +2,6 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@ -24,10 +16,36 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<title>React App</title> <link rel="icon" href="assets/img/favicon-96x96.png">
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="icon"
type="image/png"
href="%PUBLIC_URL%/assets/img/favicon-96x96.png"
sizes="96x96"
/>
<link rel="icon" type="image/svg+xml" href="%PUBLIC_URL%/assets/img/favicon.svg" />
<link rel="shortcut icon" href="%PUBLIC_URL%/assets/img/favicon.ico" />
<meta name="apple-mobile-web-app-title" content="Homepage" />
<link rel="manifest" href="%PUBLIC_URL%/assets/img/site.webmanifest" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="Simon Altsch&auml;ffl"
content="Website von Simon Altsch&auml;ffl"
/>
<title>Simon Altsch&auml;ffl</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

126
src/components/about.jsx
View File

@ -1,50 +1,88 @@
import React from 'react'; import React from "react";
function AboutPage() { function AboutPage() {
return ( return (
<section> <section>
<div className='content-group'> <div className="content-group">
<h1>&Uuml;ber mich</h1> <h1>&Uuml;ber mich</h1>
<div style={{marginTop: '1.5em'}}> <div style={{ marginTop: "1.5em" }}>
<p> <p>
<b>Auf dieser Seite m&ouml;chte ich Ihnen einen Einblick in meine Reise in die faszinierende Welt der Informatik geben. Als 20-j&auml;hriger Sch&uuml;ler f&uuml;r Wirtschaftsinformatik an der EDV-Schule Plattling ist meine Begeisterung f&uuml;r das Programmieren und die M&ouml;glichkeiten der Datenanalyse stetig gewachsen.</b> <b>
</p> Auf dieser Seite m&ouml;chte ich Ihnen einen Einblick in meine
Reise in die faszinierende Welt der Informatik geben. Als
20-j&auml;hriger Sch&uuml;ler f&uuml;r Wirtschaftsinformatik an
der EDV-Schule Plattling ist meine Begeisterung f&uuml;r das
Programmieren und die M&ouml;glichkeiten der Datenanalyse stetig
gewachsen.
</b>
</p>
<h2>Motivation und Leidenschaft f&uuml;r die Informatik</h2> <h2>Motivation und Leidenschaft f&uuml;r die Informatik</h2>
<h3>Wie ich zur Informatik gekommen bin</h3> <h3>Wie ich zur Informatik gekommen bin</h3>
<p> <p>
Den Weg der Informatik habe ich vor wenigen Jahren gefunden nachdem ich das erste mal programmiert habe und sofort den Erfolg versp&uuml;ren konnte der mich bis heute noch antreibt weiter zu machen. Ich bin zwar schon seit viele Jahren sehr stark von Den Weg der Informatik habe ich vor wenigen Jahren gefunden nachdem
Computern begeistert jedoch war ich mir bis dahin nicht so sicher was ich mit dieser Begeisterung anfangen sollte, daher habe ich mich dann entschieden das Programmieren auszuprobieren. ich das erste mal programmiert habe und sofort den Erfolg
</p> versp&uuml;ren konnte der mich bis heute noch antreibt weiter zu
<h3>Wieso Data Science</h3> machen. Ich bin zwar schon seit viele Jahren sehr stark von
<p> Computern begeistert jedoch war ich mir bis dahin nicht so sicher
Das Interesse an Data Science ist entstanden w&auml;hrend ich <em>CS50X (Online Kurs der Harvard Universit&auml;t)</em> gemacht habe. Dort war eine Woche die den Datenbanken gewidmet war wo ich eine gewisse Verbindung mit den Daten versp&uuml;rt habe, was ich mit dieser Begeisterung anfangen sollte, daher habe ich mich
im Anschluss habe ich mehrere Tage nichts anderes gemacht als SQL Querys zu schreiben und Datenbanken zu konzeptieren. Durch den <b>IBM Data Science Kurs</b> wurde mein Interesse an Data Science nochmal verst&auml;rkt wie ich dann entschieden das Programmieren auszuprobieren.
das erste mal gelernt habe, wie man Daten nutzen kann um ein Model anzupassen, dass es neue Informationen in Form von Daten schafft. </p>
</p> <h3>Wieso Data Science</h3>
<h3>Sonstige Interessen in der Informatik</h3> <p>
<p> Das Interesse an Data Science ist entstanden w&auml;hrend ich{" "}
Neben Data Science bin ich auch sehr begeistert von <b>Server Administration</b> was auch ein Grund war wieso ich mich entschieden habe diese Website aufzubauen. Dieses Interesse habe ich vorallem in der EDV-Schule gefunden wie <b>CS50X</b> <em>(Online Kurs der Harvard Universit&auml;t)</em> gemacht
wir unsere ersten eigenen Server in der Praxis aufgesetzt haben. Dort habe ich gesehen wie interessant es ist was man alles bei einem Server beachten muss wie z.B. <em>Sicherheit und Wartbarkeit</em>. habe. Dort war eine Woche die den Datenbanken gewidmet war wo ich
</p> eine gewisse Verbindung mit den Daten versp&uuml;rt habe, im
</div> Anschluss habe ich mehrere Tage nichts anderes gemacht als SQL
<div> Querys zu schreiben und Datenbanken zu konzeptieren. Durch den{" "}
<h2>Meine Lernbereitschaft und Engagement</h2> <b>IBM Data Science Kurs</b> wurde mein Interesse an Data Science
<h3>Mein Weg zum Wissen</h3> nochmal verst&auml;rkt wie ich das erste mal gelernt habe, wie man
<p> Daten nutzen kann um ein Model anzupassen, dass es neue
Der Gro&szlig;teil meines Wissens kommt durch die Schule und durch Online Kurse welche ich w&auml;hrend meiner Zeit als Gro&szlig;handelskaufmann neben der Arbeit in meiner Freizeit absolviert habe. Die wichtigsten Kurse (l&auml;nger als eine Woche) sind vorallem Informationen in Form von Daten schafft.
<b>CS50X (Computer Science)</b> und <b>IBM Data Science</b>. In diesen beiden Kursen habe ich sowohl die Grundlagen in der Informatik als auch in Data Science erhalten, au&szlig;erdem habe mir diese beiden Kurse sehr stark bei der Entscheidungsfindung f&uuml;r mein Fachbereich geholfen. </p>
Die EDV-Schule erg&auml;nzt dieses Wissen und erweitert es mit vielen neuen Dingen vorallem wenn es darum geht das Wissen mit der Wirtschaft zu verkn&uuml;pfen. <h3>Sonstige Interessen in der Informatik</h3>
</p> <p>
<h3>Wie verst&auml;rke ich mein Wissen in der Zukunft</h3> Neben Data Science bin ich auch sehr begeistert von{" "}
<p> <b>Server Administration</b> was auch ein Grund war wieso ich mich
Einerseits bin ich noch &uuml;ber ein Jahr Sch&uuml;ler an der EDV-Schule bei welcher ich noch an viel Wissen erhalten werden. Andererseits habe ich vor in naher Zukunft verst&auml;rkt auf Projekte zu setzen zu dem z&auml;hlt auch diese Website. In meinen n&auml;chsten Projekte will ich vorallem dann in den entschieden habe diese Website aufzubauen. Dieses Interesse habe ich
Bereich von Data Science und AI gehen um einen <em>&bdquo;Headstart&ldquo;</em> f&uuml;r ein (Duales-)Studium im Bereich Data Science zu bekommen. vorallem in der EDV-Schule gefunden wie wir unsere ersten eigenen
</p> Server in der Praxis aufgesetzt haben. Dort habe ich gesehen wie
</div> interessant es ist was man alles bei einem Server beachten muss wie
</div> z.B. <em>Sicherheit und Wartbarkeit</em>.
</section> </p>
); </div>
<div>
<h2>Meine Lernbereitschaft und Engagement</h2>
<h3>Mein Weg zum Wissen</h3>
<p>
Der Gro&szlig;teil meines Wissens kommt durch die Schule und durch
Online Kurse welche ich w&auml;hrend meiner Zeit als
Gro&szlig;handelskaufmann neben der Arbeit in meiner Freizeit
absolviert habe. Die wichtigsten Kurse (l&auml;nger als eine Woche)
sind vorallem <b>CS50X (Computer Science)</b> und{" "}
<b>IBM Data Science</b>. In diesen beiden Kursen habe ich sowohl die
Grundlagen in der Informatik als auch in Data Science erhalten,
au&szlig;erdem habe mir diese beiden Kurse sehr stark bei der
Entscheidungsfindung f&uuml;r mein Fachbereich geholfen. Die
EDV-Schule erg&auml;nzt dieses Wissen und erweitert es mit vielen
neuen Dingen vorallem wenn es darum geht das Wissen mit der
Wirtschaft zu verkn&uuml;pfen.
</p>
<h3>Wie verst&auml;rke ich mein Wissen in der Zukunft</h3>
<p>
Einerseits bin ich noch &uuml;ber ein Jahr Sch&uuml;ler an der
EDV-Schule bei welcher ich noch an viel Wissen erhalten werden.
Andererseits habe ich vor in naher Zukunft verst&auml;rkt auf
Projekte zu setzen zu dem z&auml;hlt auch diese Website. In meinen
n&auml;chsten Projekte will ich vorallem dann in den Bereich von
Data Science und AI gehen um einen <em>&bdquo;Headstart&ldquo;</em>{" "}
f&uuml;r ein (Duales-)Studium im Bereich Data Science zu bekommen.
</p>
</div>
</div>
</section>
);
} }
export default AboutPage; export default AboutPage;

5
src/components/home.jsx
View File

@ -12,7 +12,7 @@ function HomePage() {
Plattling. Plattling.
</b> </b>
</p> </p>
<img src="assets/img/DSC_4133.jpg" alt="Mein Foto" className="center-image"/>
<p> <p>
<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 Erfahrung in der
@ -22,9 +22,6 @@ function HomePage() {
<p> <p>
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 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.
</p> </p>
<p>
Diese Seite ist derzeit auch noch im Aufbau, daher bin ich f&uuml;r das Melden von Fehlern <b>sehr dankbar</b>.
</p>
</div> </div>
</section> </section>
); );

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

@ -3,7 +3,7 @@ import React from "react";
function LanguagestudyPage() { function LanguagestudyPage() {
return ( return (
<section className="content-group"> <section className="content-group">
<h2>Wikipedia Sprachstudie</h2> <h1 className="project-header">Wikipedia Sprachstudie</h1>
<p className="centered" style={{ marginTop: '1em' }}> <p className="centered" style={{ marginTop: '1em' }}>
<em>Dieses Projekt war mein Abschlussprojekt f&uuml;r den Kurs &bdquo;CS50x&ldquo;.</em> <em>Dieses Projekt war mein Abschlussprojekt f&uuml;r den Kurs &bdquo;CS50x&ldquo;.</em>
</p> </p>

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

@ -3,7 +3,7 @@ import React from "react";
function ServerPage() { function ServerPage() {
return ( return (
<section className="content-group"> <section className="content-group">
<h1>Struktur dieses Servers</h1> <h1 className="project-header">Struktur dieses Servers</h1>
<img <img
src="/assets/projects/server/images/server.png" src="/assets/projects/server/images/server.png"
alt="Server Struktur Diagramm" alt="Server Struktur Diagramm"

4
src/styles/styles.css
View File

@ -181,3 +181,7 @@ section {
margin-top: 20px; margin-top: 20px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.project-header {
border-bottom: 1px solid #dee2e6;
}