324 lines
12 KiB
HTML
324 lines
12 KiB
HTML
<!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">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<canvas id="particle-canvas"></canvas>
|
||
|
||
<div class="orb orb-1"></div>
|
||
|
||
<div class="orb orb-2"></div>
|
||
|
||
<div class="orb orb-3"></div>
|
||
|
||
<div class="orb orb-4"></div>
|
||
|
||
|
||
<div class="background-blur"></div>
|
||
|
||
|
||
<header>
|
||
|
||
<div class="avatar">FS</div>
|
||
|
||
<h1 class="glitch" data-text="Fabian Schieder">Fabian Schieder</h1>
|
||
|
||
<p class="tagline" id="typewriter"></p>
|
||
|
||
</header>
|
||
|
||
|
||
<main>
|
||
|
||
<section>
|
||
|
||
<h2 class="category-title">
|
||
|
||
Privater
|
||
|
||
</h2>
|
||
|
||
|
||
<div class="cards">
|
||
|
||
<a
|
||
|
||
href="/git"
|
||
|
||
class="card"
|
||
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #609926;"
|
||
|
||
data-status-url="https://git.fabianschieder.com"
|
||
|
||
>
|
||
|
||
|
||
<div class="card-icon">
|
||
|
||
<img
|
||
|
||
src="/icons/gitea.svg"
|
||
|
||
alt="Gitea Logo"
|
||
|
||
class="card-logo"
|
||
|
||
loading="lazy"
|
||
|
||
decoding="async"
|
||
|
||
>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="card-body">
|
||
|
||
<h3>Gitea</h3>
|
||
|
||
<p>
|
||
|
||
Mein privater Gitea - Server
|
||
|
||
</p>
|
||
|
||
</div>
|
||
|
||
</a>
|
||
|
||
|
||
<div class="status-right">
|
||
|
||
<span class="status-badge status-badge--unknown"
|
||
|
||
data-status-badge="1"
|
||
|
||
title="Lädt...">Lädt... </span>
|
||
|
||
</div>
|
||
|
||
|
||
<a
|
||
|
||
href="/nextcloud"
|
||
|
||
class="card"
|
||
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #0082c9;"
|
||
|
||
data-status-url="https://nextcloud.fabianschieder.com/nextcloud"
|
||
|
||
>
|
||
|
||
|
||
<div class="card-icon">
|
||
|
||
<img
|
||
|
||
src="/icons/nextcloud.svg"
|
||
|
||
alt="Nextcloud Logo"
|
||
|
||
class="card-logo"
|
||
|
||
loading="lazy"
|
||
|
||
decoding="async"
|
||
|
||
>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="card-body">
|
||
|
||
<h3>Nextcloud</h3>
|
||
|
||
<p>
|
||
|
||
Meine persönliche Nextcloud
|
||
|
||
</p>
|
||
|
||
</div>
|
||
|
||
</a>
|
||
|
||
|
||
<div class="status-right">
|
||
|
||
<span class="status-badge status-badge--unknown"
|
||
|
||
data-status-badge="1"
|
||
|
||
title="Lädt...">Lädt... </span>
|
||
|
||
</div>
|
||
|
||
|
||
<a
|
||
|
||
href="https://nas.fabianschieder.com"
|
||
|
||
class="card"
|
||
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #a855f7;"
|
||
|
||
data-status-url="https://nas.fabianschieder.com"
|
||
|
||
>
|
||
|
||
|
||
<div class="card-icon">
|
||
|
||
<img
|
||
|
||
src="/icons/nas.svg"
|
||
|
||
alt="NAS Logo"
|
||
|
||
class="card-logo"
|
||
|
||
loading="lazy"
|
||
|
||
decoding="async"
|
||
|
||
>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="card-body">
|
||
|
||
<h3>NAS</h3>
|
||
|
||
<p>
|
||
|
||
Mein privater Netzwerkspeicher
|
||
|
||
</p>
|
||
|
||
</div>
|
||
|
||
</a>
|
||
|
||
|
||
<div class="status-right">
|
||
|
||
<span class="status-badge status-badge--unknown"
|
||
|
||
data-status-badge="1"
|
||
|
||
title="Lädt...">Lädt... </span>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
<section>
|
||
|
||
<h2 class="category-title">
|
||
|
||
Schule
|
||
|
||
</h2>
|
||
|
||
|
||
<div class="cards">
|
||
|
||
<a
|
||
|
||
href="https://geizkragen.store"
|
||
|
||
class="card"
|
||
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #0082c9;"
|
||
|
||
data-status-url="https://geizkragen.store"
|
||
|
||
>
|
||
|
||
|
||
<div class="card-icon">
|
||
|
||
<img
|
||
|
||
src="/icons/geizkragen.png"
|
||
|
||
alt="Geizkragen Logo"
|
||
|
||
class="card-logo"
|
||
|
||
loading="lazy"
|
||
|
||
decoding="async"
|
||
|
||
>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="card-body">
|
||
|
||
<h3>Geizkragen</h3>
|
||
|
||
<p>
|
||
|
||
Ein Online - Preisvergleichsportal
|
||
|
||
</p>
|
||
|
||
</div>
|
||
|
||
</a>
|
||
|
||
|
||
<div class="status-right">
|
||
|
||
<span class="status-badge status-badge--unknown"
|
||
|
||
data-status-badge="1"
|
||
|
||
title="Lädt...">Lädt... </span>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
</main>
|
||
|
||
|
||
<footer>
|
||
|
||
<p>© 2026 Fabian Schieder — Alle Rechte vorbehalten.</p>
|
||
|
||
</footer>
|
||
|
||
|
||
<script src="/assets/js/main.js" defer></script>
|
||
|
||
</body>
|
||
|
||
</html>
|