92 lines
3.0 KiB
PHP
92 lines
3.0 KiB
PHP
<?php
|
||
$projects = [
|
||
"privat" => [
|
||
[
|
||
"title" => "Gitea",
|
||
"description" => "Mein privates Git-Repository – Quellcode, Projekte & mehr.",
|
||
"url" => "/git",
|
||
"icon" => "fab fa-git-alt",
|
||
"color" => "#f97316"
|
||
],
|
||
[
|
||
"title" => "Nextcloud",
|
||
"description" => "Meine persönliche Cloud – Dateien, Kalender & Kontakte.",
|
||
"url" => "/nextcloud",
|
||
"icon" => "fas fa-cloud",
|
||
"color" => "#0082c9"
|
||
],
|
||
],
|
||
"schule" => [
|
||
[
|
||
"title" => "Geizkragen.store",
|
||
"description" => "Schulprojekt – Ein Online-Shop für Schnäppchenjäger.",
|
||
"url" => "https://geizkragen.store",
|
||
"icon" => "fas fa-store",
|
||
"color" => "#22c55e",
|
||
"external" => true
|
||
],
|
||
],
|
||
];
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Fabian Schieder</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="background-blur"></div>
|
||
|
||
<header>
|
||
<div class="avatar">FS</div>
|
||
<h1>Fabian Schieder</h1>
|
||
<p class="tagline">Entwickler · Schüler · Macher</p>
|
||
</header>
|
||
|
||
<main>
|
||
<?php foreach ($projects as $category => $items): ?>
|
||
<section>
|
||
<h2 class="category-title">
|
||
<?php if ($category === "privat"): ?>
|
||
<i class="fas fa-lock"></i> Privat
|
||
<?php elseif ($category === "schule"): ?>
|
||
<i class="fas fa-graduation-cap"></i> Schule
|
||
<?php endif; ?>
|
||
</h2>
|
||
<div class="cards">
|
||
<?php foreach ($items as $project): ?>
|
||
<a
|
||
href="<?= htmlspecialchars($project['url']) ?>"
|
||
class="card"
|
||
<?= !empty($project['external']) ? 'target="_blank" rel="noopener noreferrer"' : '' ?>
|
||
style="--accent: <?= htmlspecialchars($project['color']) ?>;"
|
||
>
|
||
<div class="card-icon">
|
||
<i class="<?= htmlspecialchars($project['icon']) ?>"></i>
|
||
</div>
|
||
<div class="card-body">
|
||
<h3><?= htmlspecialchars($project['title']) ?></h3>
|
||
<p><?= htmlspecialchars($project['description']) ?></p>
|
||
</div>
|
||
<div class="card-arrow">
|
||
<i class="fas fa-arrow-right"></i>
|
||
</div>
|
||
</a>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
</section>
|
||
<?php endforeach; ?>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© <?= date('Y') ?> Fabian Schieder — Alle Rechte vorbehalten.</p>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|
||
|