264 lines
19 KiB
HTML
264 lines
19 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">
|
||
ƒöÆ Privat </h2>
|
||
|
||
<div class="cards">
|
||
|
||
<a
|
||
href="/git"
|
||
class="card"
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #609926;"
|
||
data-status-url="https://fabianschieder.com/git" >
|
||
|
||
<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>
|
||
|
||
<div class="status-right">
|
||
<span class="status-badge status-badge--unknown"
|
||
data-status-badge="1"
|
||
title="Lädt...">
|
||
Lädt... </span>
|
||
</div>
|
||
</a>
|
||
|
||
<a
|
||
href="/nextcloud"
|
||
class="card"
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #0082c9;"
|
||
data-status-url="https://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>
|
||
|
||
<div class="status-right">
|
||
<span class="status-badge status-badge--unknown"
|
||
data-status-badge="1"
|
||
title="Lädt...">
|
||
Lädt... </span>
|
||
</div>
|
||
</a>
|
||
|
||
<a
|
||
href="https://cockpit.fabianschieder.com"
|
||
class="card"
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #E95420;"
|
||
data-status-url="https://cockpit.fabianschieder.com" >
|
||
|
||
<div class="card-icon">
|
||
<img
|
||
src="/icons/ubuntu.svg"
|
||
alt="Server Dashboard Logo"
|
||
class="card-logo"
|
||
loading="lazy"
|
||
decoding="async"
|
||
>
|
||
</div>
|
||
|
||
<div class="card-body">
|
||
<h3>Server Dashboard</h3>
|
||
<p>
|
||
Server-Verwaltung mit Cockpit </p>
|
||
</div>
|
||
|
||
<div class="status-right">
|
||
<span class="status-badge status-badge--unknown"
|
||
data-status-badge="1"
|
||
title="Lädt...">
|
||
Lädt... </span>
|
||
</div>
|
||
</a>
|
||
</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>
|
||
|
||
<div class="status-right">
|
||
<span class="status-badge status-badge--unknown"
|
||
data-status-badge="1"
|
||
title="Lädt...">
|
||
Lädt... </span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2 class="category-title">
|
||
ƒöù Verlinkungen </h2>
|
||
|
||
<div class="cards">
|
||
|
||
<a
|
||
href="http://homeassistant.fabianschieder.com"
|
||
class="card"
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #18BCF2;"
|
||
data-status-url="http://homeassistant.fabianschieder.com" >
|
||
|
||
<div class="card-icon">
|
||
<img
|
||
src="/icons/homeassistant.svg"
|
||
alt="Home Assistant Logo"
|
||
class="card-logo"
|
||
loading="lazy"
|
||
decoding="async"
|
||
>
|
||
</div>
|
||
|
||
<div class="card-body">
|
||
<h3>Home Assistant</h3>
|
||
<p>
|
||
Mein privater HomeAssistant Server </p>
|
||
</div>
|
||
|
||
<div class="card-arrow" aria-hidden="true"></div>
|
||
</a>
|
||
|
||
<a
|
||
href="http://nas.fabianschieder.com"
|
||
class="card"
|
||
target="_blank" rel="noopener noreferrer" style="--accent: #a855f7;"
|
||
data-status-url="http://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>
|
||
|
||
<div class="card-arrow" aria-hidden="true"></div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2 class="category-title">
|
||
ƒøá´©Å Admin/Tools </h2>
|
||
|
||
<div class="cards">
|
||
|
||
<a
|
||
href="/adminer"
|
||
class="card"
|
||
style="--accent: #14b8a6;"
|
||
data-status-url="https://fabianschieder.com/adminer" >
|
||
|
||
<div class="card-icon">
|
||
<span aria-hidden="true">ƒôü</span>
|
||
</div>
|
||
|
||
<div class="card-body">
|
||
<h3>Datenbankverwaltung</h3>
|
||
<p>
|
||
Mini - Datenbankverwaltung </p>
|
||
</div>
|
||
|
||
<div class="status-right">
|
||
<span class="status-badge status-badge--unknown"
|
||
data-status-badge="1"
|
||
title="Lädt...">
|
||
Lädt... </span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2026 Fabian Schieder ÔÇö Alle Rechte vorbehalten.</p>
|
||
</footer>
|
||
|
||
<script src="/assets/js/main.js" defer></script>
|
||
|
||
</body>
|
||
</html>
|
||
|