666 lines
21 KiB
HTML
666 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Git Manager Explorer Pro — Desktop Git Manager für Gitea & GitHub</title>
|
|
<meta name="description" content="Verwalte deine Gitea & GitHub Repositories auf dem Desktop — mit Editor, Favoriten, Batch-Aktionen und mehr.">
|
|
<meta name="keywords" content="Git, Gitea, GitHub, Desktop, Manager, Repository, Electron, Windows">
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:root {
|
|
--accent: #58d5ff;
|
|
--accent2: #67e8f9;
|
|
--blue: #3b82f6;
|
|
--green: #22c55e;
|
|
--red: #ef4444;
|
|
--purple: #a855f7;
|
|
--bg-dark: #0d1520;
|
|
--bg-mid: #0f1e30;
|
|
--bg-card: #1a2b3c;
|
|
--text: #e2eaf5;
|
|
--text-muted: #7a8fab;
|
|
--border: rgba(88, 213, 255, 0.18);
|
|
}
|
|
|
|
body {
|
|
font-family: 'Segoe UI', system-ui, sans-serif;
|
|
background: linear-gradient(135deg, #0d1520 0%, #0a1b30 50%, #0f1e35 100%);
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* Header / Navigation */
|
|
header {
|
|
padding: 20px 40px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border);
|
|
backdrop-filter: blur(10px);
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
background: linear-gradient(135deg, var(--accent2) 0%, var(--blue) 100%);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
.logo-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
background: rgba(88, 213, 255, 0.15);
|
|
border: 1px solid rgba(88, 213, 255, 0.3);
|
|
border-radius: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 22px;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
gap: 24px;
|
|
align-items: center;
|
|
}
|
|
|
|
nav a {
|
|
color: var(--text-muted);
|
|
text-decoration: none;
|
|
transition: color 0.3s;
|
|
font-size: 14px;
|
|
}
|
|
|
|
nav a:hover {
|
|
color: var(--accent);
|
|
}
|
|
|
|
.btn {
|
|
padding: 10px 20px;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
border: none;
|
|
transition: all 0.3s;
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn-primary {
|
|
background: linear-gradient(135deg, var(--accent) 0%, var(--blue) 100%);
|
|
color: #0a1625;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 24px rgba(88, 213, 255, 0.3);
|
|
}
|
|
|
|
.btn-secondary {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
color: var(--text);
|
|
border: 1px solid var(--border);
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border-color: var(--accent);
|
|
}
|
|
|
|
/* Hero Section */
|
|
.hero {
|
|
padding: 100px 40px;
|
|
text-align: center;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 54px;
|
|
font-weight: 900;
|
|
margin-bottom: 16px;
|
|
background: linear-gradient(135deg, var(--accent2) 0%, var(--purple) 100%);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 18px;
|
|
color: var(--text-muted);
|
|
margin-bottom: 32px;
|
|
max-width: 600px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.hero-cta {
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
margin-bottom: 64px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.hero-buttons {
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.hero-buttons .btn {
|
|
padding: 14px 32px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* Features Grid */
|
|
.section {
|
|
padding: 80px 40px;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 36px;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
margin-bottom: 16px;
|
|
color: var(--text);
|
|
}
|
|
|
|
.section-desc {
|
|
text-align: center;
|
|
color: var(--text-muted);
|
|
margin-bottom: 48px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: 24px;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.feature-card {
|
|
background: rgba(255, 255, 255, 0.02);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 32px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.feature-card:hover {
|
|
background: rgba(88, 213, 255, 0.05);
|
|
border-color: rgba(88, 213, 255, 0.3);
|
|
transform: translateY(-4px);
|
|
}
|
|
|
|
.feature-icon {
|
|
font-size: 40px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.feature-card h3 {
|
|
font-size: 18px;
|
|
margin-bottom: 12px;
|
|
color: var(--accent2);
|
|
}
|
|
|
|
.feature-card p {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Screenshots / Demo */
|
|
.demo-section {
|
|
text-align: center;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.demo-mockup {
|
|
background: linear-gradient(135deg, rgba(88, 213, 255, 0.1) 0%, rgba(92, 135, 255, 0.1) 100%);
|
|
border: 2px solid rgba(88, 213, 255, 0.2);
|
|
border-radius: 16px;
|
|
padding: 24px;
|
|
margin-top: 32px;
|
|
max-width: 900px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 400px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* System Requirements */
|
|
.requirements {
|
|
background: rgba(255, 255, 255, 0.02);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 32px;
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.requirements h3 {
|
|
font-size: 18px;
|
|
margin-bottom: 24px;
|
|
color: var(--accent2);
|
|
}
|
|
|
|
.req-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 16px;
|
|
}
|
|
|
|
.req-item {
|
|
padding: 16px;
|
|
background: rgba(255, 255, 255, 0.03);
|
|
border-radius: 8px;
|
|
border-left: 3px solid var(--accent);
|
|
}
|
|
|
|
.req-item strong {
|
|
color: var(--accent2);
|
|
}
|
|
|
|
.req-item span {
|
|
color: var(--text-muted);
|
|
font-size: 13px;
|
|
display: block;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* Download Section */
|
|
.download-section {
|
|
text-align: center;
|
|
padding: 80px 40px;
|
|
background: linear-gradient(135deg, rgba(88, 213, 255, 0.05) 0%, rgba(92, 135, 255, 0.05) 100%);
|
|
border: 1px solid var(--border);
|
|
border-radius: 16px;
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.download-section h2 {
|
|
font-size: 32px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.download-section p {
|
|
color: var(--text-muted);
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.download-buttons {
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Stats */
|
|
.stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 32px;
|
|
margin-bottom: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.stat-item h3 {
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
color: var(--accent2);
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.stat-item p {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Links / Resources */
|
|
.links-section {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 24px;
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.link-card {
|
|
background: rgba(255, 255, 255, 0.02);
|
|
border: 1px solid var(--border);
|
|
border-radius: 12px;
|
|
padding: 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
.link-card h3 {
|
|
margin-bottom: 12px;
|
|
color: var(--accent2);
|
|
}
|
|
|
|
.link-card p {
|
|
color: var(--text-muted);
|
|
font-size: 13px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.link-card a {
|
|
color: var(--accent);
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.link-card a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
padding: 40px;
|
|
text-align: center;
|
|
border-top: 1px solid var(--border);
|
|
color: var(--text-muted);
|
|
font-size: 13px;
|
|
margin-top: 80px;
|
|
}
|
|
|
|
footer a {
|
|
color: var(--accent);
|
|
text-decoration: none;
|
|
}
|
|
|
|
footer a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
header {
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding: 16px 20px;
|
|
}
|
|
|
|
nav {
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
width: 100%;
|
|
}
|
|
|
|
.hero {
|
|
padding: 60px 20px;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 36px;
|
|
}
|
|
|
|
.hero p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.section {
|
|
padding: 60px 20px;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.hero-buttons {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.hero-buttons .btn {
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="logo">
|
|
<div class="logo-icon">🛠</div>
|
|
<span>Git Manager Pro</span>
|
|
</div>
|
|
<nav>
|
|
<a href="#features">Features</a>
|
|
<a href="#download">Download</a>
|
|
<a href="HANDBUCH.html" target="_blank">Dokumentation</a>
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Gitea</a>
|
|
<a href="#contact">Kontakt</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Hero -->
|
|
<section class="hero">
|
|
<h1>Git Manager Explorer Pro</h1>
|
|
<p>
|
|
Verwalte deine Gitea & GitHub Repositories auf dem Desktop.<br>
|
|
Mit Editor, Favoriten, Batch-Aktionen und mehr — alles ohne Kommandozeile.
|
|
</p>
|
|
<div class="hero-buttons">
|
|
<a href="#download" class="btn btn-primary">⬇️ Jetzt Download (v2.1.3)</a>
|
|
<a href="HANDBUCH.html" target="_blank" class="btn btn-secondary">📖 Handbuch lesen</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Stats -->
|
|
<section class="section">
|
|
<div class="stats">
|
|
<div class="stat-item">
|
|
<h3>100+</h3>
|
|
<p>Repos gleichzeitig verwalten</p>
|
|
</div>
|
|
<div class="stat-item">
|
|
<h3>2.1.3</h3>
|
|
<p>Aktuelle Version</p>
|
|
</div>
|
|
<div class="stat-item">
|
|
<h3>⚡</h3>
|
|
<p>Schnell & zuverlässig</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features -->
|
|
<section class="section" id="features">
|
|
<h2 class="section-title">Warum Git Manager Pro?</h2>
|
|
<p class="section-desc">Alles was du brauchst um deine Repositories effizient zu verwalten.</p>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🌐</div>
|
|
<h3>Gitea & GitHub</h3>
|
|
<p>Unterstützt beide Plattformen seamless — alle Repositories an einem Ort.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📂</div>
|
|
<h3>Datei-Explorer</h3>
|
|
<p>Navigiere durch Ordnerstruktur wie im Windows Explorer. Mit integriertem Editor.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">⭐</div>
|
|
<h3>Favoriten & Verlauf</h3>
|
|
<p>Schnelle Navigation zu Lieblingsprojekten. Automatisch gespeichert.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📤</div>
|
|
<h3>Drag & Drop</h3>
|
|
<p>Ziehe Dateien rein zum Upload, raus zum Download — direkt im App-Fenster.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🧩</div>
|
|
<h3>Batch-Aktionen</h3>
|
|
<p>Wende dieselbe Operation auf mehrere Repositories gleichzeitig an.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📊</div>
|
|
<h3>Commit-History</h3>
|
|
<p>Sieh alle Commits, Tags und Releases. Mit Aktivitäts-Heatmap wie auf GitHub.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">✏️</div>
|
|
<h3>Code-Editor</h3>
|
|
<p>Bearbeite Dateien direkt in der App. Mit Syntax-Highlighting und Auto-Save.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🔒</div>
|
|
<h3>Sichere Credentials</h3>
|
|
<p>Alle Tokens verschlüsselt (AES-256) — deine Daten sind sicher.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📥</div>
|
|
<h3>Ein-Klick Migration</h3>
|
|
<p>Migriere Repos zwischen Services — mit kompletter History.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="demo-section">
|
|
<h3 style="color: var(--accent2); margin-bottom: 16px;">🎥 Demo (baldiger Update)</h3>
|
|
<div class="demo-mockup">
|
|
Screenshot-Bereich — Demo und UI-Preview kommen bald!<br><br>
|
|
<em>Starte die App mit npm start um einen Live-Demo zu sehen</em>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- System Requirements -->
|
|
<section class="section">
|
|
<div class="requirements">
|
|
<h3>💻 Systemvoraussetzungen</h3>
|
|
<div class="req-grid">
|
|
<div class="req-item">
|
|
<strong>Windows</strong>
|
|
<span>10 oder 11 (64-bit)</span>
|
|
</div>
|
|
<div class="req-item">
|
|
<strong>RAM</strong>
|
|
<span>Mindestens 4 GB</span>
|
|
</div>
|
|
<div class="req-item">
|
|
<strong>Festplatte</strong>
|
|
<span>200 MB für App + Repos</span>
|
|
</div>
|
|
<div class="req-item">
|
|
<strong>Internet</strong>
|
|
<span>Für Gitea/GitHub Zugriff</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Download -->
|
|
<section class="section" id="download">
|
|
<div class="download-section">
|
|
<h2>⬇️ Git Manager Pro herunterladen</h2>
|
|
<p>Wähle eine Option um zu starten:</p>
|
|
<div class="download-buttons">
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/releases/download/v2.1.3/git-manager-gui-Setup-2.1.3.exe" class="btn btn-primary">
|
|
📦 Installer (v2.1.3)
|
|
</a>
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/releases" target="_blank" class="btn btn-secondary">
|
|
📋 Alle Versionen
|
|
</a>
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank" class="btn btn-secondary">
|
|
💻 Source Code
|
|
</a>
|
|
</div>
|
|
<p style="color: var(--text-muted); margin-top: 24px; font-size: 13px;">
|
|
✨ Kostenlos, Open Source, MIT Lizenz
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Resources / Links -->
|
|
<section class="section">
|
|
<h2 class="section-title">Ressourcen & Support</h2>
|
|
|
|
<div class="links-section">
|
|
<div class="link-card">
|
|
<h3>📖 Benutzerhandbuch</h3>
|
|
<p>Vollständiges Handbuch mit Screenshots und Schritt-für-Schritt Anleitungen.</p>
|
|
<a href="HANDBUCH.html" target="_blank">Zum Handbuch →</a>
|
|
</div>
|
|
<div class="link-card">
|
|
<h3>👨💻 Entwicklerguide</h3>
|
|
<p>Für Entwickler — Projektstruktur, API-Integration, Build-Prozess.</p>
|
|
<a href="DEV_GUIDE.md" target="_blank">Zum Dev Guide →</a>
|
|
</div>
|
|
<div class="link-card">
|
|
<h3>🐛 Issues & Support</h3>
|
|
<p>Fehler gefunden? Idee für neues Feature? Schreib ein Issue auf Gitea.</p>
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/issues" target="_blank">Zu Issues →</a>
|
|
</div>
|
|
<div class="link-card">
|
|
<h3>⭐ Gitea Repository</h3>
|
|
<p>Source Code, Roadmap und Releases — vollständig open source.</p>
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Zum Repo →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Mini -->
|
|
<section class="section">
|
|
<h2 class="section-title">❓ Häufige Fragen</h2>
|
|
|
|
<div style="max-width: 800px; margin: 0 auto;">
|
|
<div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
|
|
<h4 style="color: var(--accent2); margin-bottom: 8px;">Kostet die App etwas?</h4>
|
|
<p style="color: var(--text-muted);">Nein, Git Manager Pro ist kostenlos und Open Source unter der MIT-Lizenz.</p>
|
|
</div>
|
|
<div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
|
|
<h4 style="color: var(--accent2); margin-bottom: 8px;">Funktioniert es nur mit Gitea?</h4>
|
|
<p style="color: var(--text-muted);">Nein, die App unterstützt sowohl Gitea als auch GitHub. Du kannst zwischen den Plattformen wechseln.</p>
|
|
</div>
|
|
<div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
|
|
<h4 style="color: var(--accent2); margin-bottom: 8px;">Sind meine Credentials sicher?</h4>
|
|
<p style="color: var(--text-muted);">Ja, alle Tokens und Passwörter werden lokal mit AES-256 verschlüsselt. Nie auf Servern gespeichert.</p>
|
|
</div>
|
|
<div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px;">
|
|
<h4 style="color: var(--accent2); margin-bottom: 8px;">Kann ich beitragen?</h4>
|
|
<p style="color: var(--text-muted);">Gerne! Siehe den DEV_GUIDE.md für Setup-Anleitung und sieh dir unsere <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/issues" target="_blank" style="color: var(--accent); text-decoration: none;">offenen Issues</a> an.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<p>
|
|
Git Manager Explorer Pro © 2026 —
|
|
<a href="https://m-viper.de" target="_blank">m-viper.de</a> |
|
|
<a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Gitea Repository</a> |
|
|
<a href="HANDBUCH.html" target="_blank">Handbuch</a> |
|
|
<a href="DEV_GUIDE.md" target="_blank">Dev Guide</a>
|
|
</p>
|
|
<p style="margin-top: 16px; opacity: 0.7;">
|
|
Made with ❤️ von M_Viper — <a href="mailto:admin@m-viper.de">Kontakt</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|