<!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="stuatus-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" 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="stuatus-badge status-badge--unknown" data-status-badge="1" title="L�dt..."> L�dt... </span> </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" loading="lazy" decoding="async" > </div> <div class="card-body"> <h3>Datenbankverwaltung</h3> <p> Mini - Datenbankverwaltung </p> </div>