added Frontpage

2026-02-01 19:53:38 +01:00
parent 283b54b6f5
commit 740c4258bd
1 changed files with 59 additions and 0 deletions
--- a/pages/index.html
+++ b/pages/index.html
@@ -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>