diff --git a/images/boardgame_ai.png b/images/boardgame_ai.png new file mode 100644 index 0000000..99e5f62 Binary files /dev/null and b/images/boardgame_ai.png differ diff --git a/images/boardgame_connection.png b/images/boardgame_connection.png new file mode 100644 index 0000000..817b8ed Binary files /dev/null and b/images/boardgame_connection.png differ diff --git a/images/boardgame_demo.png b/images/boardgame_demo.png new file mode 100644 index 0000000..068677d Binary files /dev/null and b/images/boardgame_demo.png differ diff --git a/images/generated_two.png b/images/generated_two.png new file mode 100644 index 0000000..f07c57f Binary files /dev/null and b/images/generated_two.png differ diff --git a/images/generated_two_no_background.png b/images/generated_two_no_background.png new file mode 100644 index 0000000..ed64883 Binary files /dev/null and b/images/generated_two_no_background.png differ diff --git a/images/mnist_conditioned_gen_results.png b/images/mnist_conditioned_gen_results.png new file mode 100644 index 0000000..a180436 Binary files /dev/null and b/images/mnist_conditioned_gen_results.png differ diff --git a/images/mnist_conditioned_gen_results_cropped.png b/images/mnist_conditioned_gen_results_cropped.png new file mode 100644 index 0000000..43c747b Binary files /dev/null and b/images/mnist_conditioned_gen_results_cropped.png differ diff --git a/images/model_stacks.png b/images/model_stacks.png new file mode 100644 index 0000000..126229b Binary files /dev/null and b/images/model_stacks.png differ diff --git a/images/seminararbeit.png b/images/seminararbeit.png new file mode 100644 index 0000000..27493fe Binary files /dev/null and b/images/seminararbeit.png differ diff --git a/images/towerdefense_demo.png b/images/towerdefense_demo.png new file mode 100644 index 0000000..3b2189e Binary files /dev/null and b/images/towerdefense_demo.png differ diff --git a/images/towerdefense_editor.png b/images/towerdefense_editor.png new file mode 100644 index 0000000..5df2014 Binary files /dev/null and b/images/towerdefense_editor.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c9f38ca --- /dev/null +++ b/index.html @@ -0,0 +1,168 @@ + + + + + + + + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/lang/de.json b/lang/de.json new file mode 100644 index 0000000..ecdd406 --- /dev/null +++ b/lang/de.json @@ -0,0 +1,123 @@ +{ + "title_website": "Marvins Protfolio", + "title_introduction": "Hallo!", + "content_introduction": "Ich studiere Medieninformatik im Bachelor und habe im Rahmen meines Studiums praktische Erfahrungen in verschiedenen Projekten gesammelt. Besonders gerne arbeite ich an Projekten, in denen ich neue Technologien ausprobieren und vertiefen kann, aktuell vor allem im Bereich Machine Learning.", + "status": "Stuent B.Sc.", + "profession": "Medieninformatik", + "workplace": "Universität Ulm", + "content": [ + { + "id": "pixelcnn", + "title": "PixelCNN Bildgeneration", + "description": "Autoregressives Deep Learning-Modell basierend auf PixelCNN zur generativen Bildsynthese mit PyTorch.", + "tags": [ + "Python", + "PyTorch", + "CUDA" + ], + "links": [ + { + "id": "github", + "link": "https://github.com/MarvinKrausser/pixelcnn", + "desc": "Auf GitHub ansehen ↗" + }, + { + "id": "seminararbeit", + "link": "pdfs/Seminararbeit.pdf", + "desc": "Seminararbeit ansehen ↗" + }, + { + "id": "seminarvortrag", + "link": "pdfs/Seminararbeit_Vortrag.pdf", + "desc": "Seminarvortrag ansehen ↗" + } + ], + "blocks": [ + { + "label": "", + "heading": "Bildgenerierung mit Deep Learning", + "text": "Das Modell verwendet Convolutional Neural Networks und Deep Learning zur Generierung von Bildern. Als Trainingsdatensatz wurden die MNIST-Digits verwendet und mittels CUDA auf einer GPU trainiert. Zusätzlich kann das Modell gezielt mit Klassen als Eingabe gesteuert werden, wie im Beispiel mit den Ziffern von 0 bis 9 gezeigt. Aufgrund begrenzter Ressourcen ist mein Modell auf Datensätze mit niedriger Komplexität beschränkt.", + "image": "images/mnist_conditioned_gen_results_cropped.png" + }, + { + "label": "", + "heading": "Seminararbeit", + "text": "Das Projekt entstand begleitend zusätzlich zu einer Seminararbeit und Vortrag. Beide Pdfs sind verlinkt.", + "image": "images/seminararbeit.png" + } + ] + }, + { + "id": "boardgame", + "title": "Online Multiplayer Game", + "description": "Ein Online-Multiplayer-Brettspiel mit Server, Spielclient und KI-Spieler entstanden als Gruppenarbeit mit 5 weiteren Kommilitonen.", + "tags": [ + "C#", + ".net", + "Unity", + "Docker" + ], + "links": [ + { + "id": "github", + "link": "https://github.com/MarvinKrausser/BoardgameServer", + "desc": "Auf GitHub ansehen ↗" + }, + { + "id": "entwicklerhandbuch", + "link": "pdfs/Team23_Entwicklerhandbuch_BoC.pdf", + "desc": "Entwicklerhandbuch ansehen ↗" + }, + { + "id": "benutzerhandbuch", + "link": "pdfs/Team23_Benutzerhandbuch_BoC.pdf", + "desc": "Benutzerhandbuch ansehen ↗" + } + ], + "blocks": [ + { + "label": "", + "heading": "Client", + "text": "Der Game Client wurde mit Unity und C# entwickelt und basiert auf einem rundenbasierten Bewegungs- und Kartensystem. Sämtliche Designs wurden eigenständig erstellt. Auch ein Benutzerhandbuch und Entwicklerhandbuch wurden erstellt und sind verlinkt.", + "image": "images/boardgame_demo.png" + }, + { + "label": "", + "heading": "Server", + "text": "Der Server wurde in C# mit einer mehrschichtigen Architektur umgesetzt, die eine klare Trennung zwischen WebSocket-Verbindungsmanagement und spielbezogener Logik (z. B. Spielerzuweisung und Sitzungsverwaltung) ermöglicht. Die Kommunikation zwischen Server und Client wurde durch ein definiertes JSON-Schema standardisiert, um die Kompatibilität und Austauschbarkeit der von verschiedenen Entwicklerteams entwickelten Komponenten sicherzustellen.", + "image": "images/boardgame_connection.png" + }, + { + "label": "", + "heading": "KI-Spieler", + "text": "Zusätzlich wurden mehrere regelbasierte KI-Spieler implementiert, die in das System integriert werden können. Die Codequalität wurde durch automatisierte Tests sichergestellt. Die Zusammenarbeit im Team erfolgte nach agilen Methoden (Scrum), und Server sowie KI wurden containerbasiert mit Docker bereitgestellt.", + "image": "images/boardgame_ai.png" + } + ] + }, + { + "id": "towerdefense", + "title": "Towerdefense Game", + "description": "Singleplayer Towerdefense Game mit Editor entstanden im Rahmen einer Vorlesung als Einzelprojekt.", + "tags": [ + "C#", + "Unity" + ], + "links": [ + { + "id": "github", + "link": "https://github.com/MarvinKrausser/TowerDefenseGame", + "desc": "Auf GitHub ansehen ↗" + } + ], + "blocks": [ + { + "label": "", + "heading": "Singleplayer Tower Defense Game", + "text": "Einfaches Tower-Defense-Spiel das von Grund auf mit eigenen Designs erstellt wurde. Nutzt den A*-Algorithmus zur Berechnung des Laufweges. Ein Demo-Build ist im Github Repository vorhanden.", + "image": "images/towerdefense_demo.png" + } + ] + } + ] +} \ No newline at end of file diff --git a/main_style.css b/main_style.css new file mode 100644 index 0000000..2ad7f0f --- /dev/null +++ b/main_style.css @@ -0,0 +1,141 @@ +:root { + --bg: #5E4C93; + --bg2: #1b162a; + --text: #FFFFFF; + --surface: #3e3261; + --muted: #C5C1D1; + --border: #20192a; + --serif: 'Instrument Serif', Georgia, serif; + --sans: 'DM Sans', system-ui, sans-serif; + --nav-w: 230px; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg: #5E4C93; + --bg2: #1b162a; + --text: #FFFFFF; + --surface: #3e3261; + --muted: #C5C1D1; + --border: #20192a; + } +} + +body { + background: linear-gradient(135deg, var(--bg), var(--bg2)); +} + +p { + color: var(--muted); +} + +h1, h2, h3, a { + color: var(--text); +} + +* { + box-sizing: border-box; +} + +#introduction { + margin-top: 100px; + margin-left: 100px; + margin-bottom: 150px; +} + +#introduction p { + color: var(--text); +} + +.project-section { + border-top: 1px solid var(--border); + border-bottom: 1px solid var(--border); +} + +.content-block { + height: 400px; + display: grid; + grid-template-columns: 1fr 1fr; +} + +.section-header { + margin: 80px; + margin-left: 100px; +} + +.tags { + margin-top: 40px; + display: flex; + gap: 6px; + flex-wrap: wrap; +} + +.tag { + color: var(--muted); + background: var(--surface); + border: 1px solid var(--border); + padding: 3px 10px; + border-radius: 3px; +} + + +.block-image { + overflow: hidden; + border-top: 1px solid var(--border); + border-bottom: 1px solid var(--border); +} + +.block-image.right { + margin-right: 100px; + border-left: 1px solid var(--border); +} + +.block-image.left { + margin-left: 100px; + border-right: 1px solid var(--border); +} + +.block-text { + display: flex; + flex-direction: column; + justify-content: center; + border-top: 1px solid var(--border); +} + +.block-text.right { + margin-right: 100px; + padding-left: 50px; +} + +.block-text.left { + padding-right: 50px; + margin-left: 100px; +} + +.block-image img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.text-link:hover { + border-color: var(--text); +} + +.text-link { + font-size: 0.90rem; + font-weight: 500; + text-decoration: none; + border-bottom: 1px solid var(--border); + padding-bottom: 2px; + transition: border-color 0.15s; + white-space: nowrap; +} + +.link-row { + margin: 100px; + margin-top: 30px; + display: flex; + flex-direction: column; + gap: 20px; +} \ No newline at end of file diff --git a/pdfs/Seminararbeit.pdf b/pdfs/Seminararbeit.pdf new file mode 100644 index 0000000..e915a23 Binary files /dev/null and b/pdfs/Seminararbeit.pdf differ diff --git a/pdfs/Seminararbeit_Vortrag.pdf b/pdfs/Seminararbeit_Vortrag.pdf new file mode 100644 index 0000000..7abc1d9 Binary files /dev/null and b/pdfs/Seminararbeit_Vortrag.pdf differ diff --git a/pdfs/Team23_Benutzerhandbuch_BoC.pdf b/pdfs/Team23_Benutzerhandbuch_BoC.pdf new file mode 100644 index 0000000..e9eaff9 Binary files /dev/null and b/pdfs/Team23_Benutzerhandbuch_BoC.pdf differ diff --git a/pdfs/Team23_Entwicklerhandbuch_BoC.pdf b/pdfs/Team23_Entwicklerhandbuch_BoC.pdf new file mode 100644 index 0000000..64bd4bd Binary files /dev/null and b/pdfs/Team23_Entwicklerhandbuch_BoC.pdf differ