added Frontpage

This commit is contained in:
2026-02-01 19:53:38 +01:00
parent 283b54b6f5
commit 740c4258bd

59
pages/index.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gitea Pages | scu.si</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
<style>
:root { --brand-color: #63a045; } /* Gitea Grün */
body { padding-top: 50px; }
.hero { text-align: center; margin-bottom: 50px; }
.gitea-logo { width: 100px; margin-bottom: 20px; }
.project-card {
background: #1a1b1e;
border: 1px solid #333;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.step { color: var(--brand-color); font-weight: bold; }
code { background: #2d2d2d; color: #e0e0e0; }
</style>
</head>
<body>
<div class="hero">
<img src="https://gitea.io/images/gitea.png" alt="Gitea Logo" class="gitea-logo">
<h1>Gitea Pages <small>auf scu.si</small></h1>
<p>Der statische Hosting-Service für alle Projekte auf <a href="https://gitea.scu.si">gitea.scu.si</a>.</p>
</div>
<section>
<h2>Was ist das hier?</h2>
<p>Ähnlich wie bei <strong>GitHub Pages</strong> können Nutzer hier statische Webseiten (HTML, CSS, JS) direkt aus ihren Repositories heraus veröffentlichen. Egal ob Dokumentation, Portfolios oder kleine Web-Tools.</p>
</section>
<section>
<h2>So funktioniert's</h2>
<div class="project-card">
<p><span class="step">1. Repository:</span> Erstelle ein Projekt auf gitea.scu.si.</p>
<p><span class="step">2. Action:</span> Aktiviere Gitea Actions und nutze einen Deployment-Workflow.</p>
<p><span class="step">3. Online:</span> Deine Seite ist unter <code>pages.scu.si/dein-projekt/</code> erreichbar.</p>
</div>
</section>
<section>
<h2>Aktive Projekte</h2>
<ul>
<li><a href="/rclone-app/">Rclone Photos</a> Google Photos Management für Linux.</li>
</ul>
</section>
<footer>
<hr>
<p style="text-align: center;">
<small>Betrieben von <strong>scu.si</strong> | Powered by Gitea Actions & Nginx</small>
</p>
</footer>
</body>
</html>