erste version

This commit is contained in:
2026-03-18 13:55:54 +01:00
parent 0f426c8ff7
commit 9a7fe850a5
+84 -23
View File
@@ -2,46 +2,107 @@
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Meine Website</title> <title>Mein Portfolio</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f4f4f4;
text-align: center;
margin: 0; margin: 0;
padding: 0; background-color: #f4f4f4;
} }
.container {
margin-top: 100px; header {
} background-color: #222;
h1 {
color: #333;
}
p {
color: #666;
}
a {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #007acc;
color: white; color: white;
text-align: center;
padding: 40px 20px;
}
h1 {
margin: 0;
}
.container {
width: 90%;
max-width: 900px;
margin: 40px auto;
}
.project {
background-color: white;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.project h2 {
margin-top: 0;
}
.project p {
color: #555;
}
.project a {
display: inline-block;
margin-top: 10px;
text-decoration: none; text-decoration: none;
color: white;
background-color: #007acc;
padding: 8px 15px;
border-radius: 5px; border-radius: 5px;
} }
a:hover {
.project a:hover {
background-color: #005f99; background-color: #005f99;
} }
</style> </style>
</head> </head>
<body> <body>
<header>
<h1>Mein Portfolio</h1>
<p>Medieninformatik Student | Softwareentwicklung</p>
</header>
<div class="container"> <div class="container">
<h1>Hallo 👋</h1>
<p>Ich bin [Dein Name] und studiere Medieninformatik.</p> <!-- 🔹 PROJEKT BLOCK START -->
<p>Willkommen auf meiner ersten GitHub-Website!</p> <div class="project">
<h2>PixelCNN Bildgenerierung</h2>
<p>
Deep-Learning-Modell zur Bildgenerierung basierend auf der PixelCNN-Architektur,
implementiert in PyTorch.
</p>
<a href="#">GitHub ansehen</a>
</div>
<!-- 🔹 PROJEKT BLOCK ENDE -->
<!-- 🔹 PROJEKT BLOCK START -->
<div class="project">
<h2>Turnbased Boardgame</h2>
<p>
Entwicklung eines rundenbasierten Brettspiels mit C# WebSocket-Server,
regelbasierter KI sowie Client und Level-Editor in Unity.
</p>
<a href="#">GitHub ansehen</a>
</div>
<!-- 🔹 PROJEKT BLOCK ENDE -->
<!-- 👉 HIER EINFACH KOPIEREN UND NEUES PROJEKT EINFÜGEN -->
<!-- 🔹 PROJEKT BLOCK START -->
<div class="project">
<h2>Projektname</h2>
<p>
Beschreibung deines Projekts.
</p>
<a href="#">GitHub ansehen</a>
</div>
<!-- 🔹 PROJEKT BLOCK ENDE -->
<a href="#">Mein Lebenslauf</a>
</div> </div>
</body> </body>