docker/games-landing
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
games-landing/minecraft.html
joshii 5aeaf567a7
Some checks failed
Build games-landing / build (push) Failing after 13s
Details
Initial commit: Game Night landing + Minecraft cheat sheet 
Includes:
- Game Night landing page with health checks
- FTB StoneBlock 4 server info & command reference
- Dockerfile for nginx deployment
- Forgejo CI/CD workflow
2026-03-17 23:31:54 +01:00

176 lines
15 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FTB StoneBlock 4 - Server Info</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<script src="https://unpkg.com/lucide@latest"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #07070f; color: #d0d0d0; min-height: 100vh; }
.bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 80% 60% at 15% 45%, rgba(16,185,129,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 85% 25%, rgba(59,130,246,0.08) 0%, transparent 55%); }
.bg::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 32px 32px; }
.container { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }
header { text-align: center; margin-bottom: 2rem; }
.logo { font-size: 3rem; margin-bottom: 0.3rem; color: #34d399; }
h1 { font-size: 2.2rem; font-weight: 800; letter-spacing: -0.03em; background: linear-gradient(135deg, #6ee7b7 0%, #34d399 40%, #10b981 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.subtitle { color: #555; font-size: 0.9rem; margin-top: 0.4rem; }
.server-info { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; margin: 1.5rem 0 2rem; }
.info-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 99px; font-size: 0.82rem; color: #aaa; }
.info-badge strong { color: #f0f0f0; }
.info-badge svg { width: 16px; height: 16px; color: #777; flex-shrink: 0; }
.info-badge .copy-btn { background: none; border: none; color: #666; cursor: pointer; padding: 0 0.2rem; transition: color 0.2s; display: inline-flex; align-items: center; }
.info-badge .copy-btn svg { width: 14px; height: 14px; }
.info-badge .copy-btn:hover { color: #10b981; }
.download-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.7rem 1.5rem; margin: 0.5rem 0.5rem 2rem; background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #fff; font-weight: 600; font-size: 0.9rem; border: none; border-radius: 12px; cursor: pointer; text-decoration: none; transition: all 0.3s; }
.download-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,185,129,0.3); }
.download-btn.orange { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.download-btn.orange:hover { box-shadow: 0 8px 24px rgba(245,158,11,0.3); }
.steps { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 1.5rem; margin-bottom: 2rem; }
.steps h2 { font-size: 1.1rem; font-weight: 700; color: #f0f0f0; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.steps h2 svg { width: 20px; height: 20px; color: #34d399; flex-shrink: 0; }
.steps ol { padding-left: 1.4rem; }
.steps li { margin-bottom: 0.7rem; font-size: 0.88rem; line-height: 1.6; color: #bbb; }
.steps li strong { color: #f0f0f0; }
.steps code { background: rgba(16,185,129,0.1); color: #6ee7b7; padding: 0.15rem 0.5rem; border-radius: 6px; font-size: 0.82rem; }
h2.section-title { font-size: 1.3rem; font-weight: 800; color: #f0f0f0; margin: 2rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.06); display: flex; align-items: center; gap: 0.5rem; }
h2.section-title svg { width: 20px; height: 20px; color: #34d399; flex-shrink: 0; }
.cmd-grid { display: grid; gap: 0.5rem; margin-bottom: 1.5rem; }
.cmd-row { display: grid; grid-template-columns: 1fr 1.2fr; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.04); border-radius: 10px; overflow: hidden; }
.cmd-row:hover { border-color: rgba(16,185,129,0.2); }
.cmd-row.admin { border-left: 3px solid rgba(239,68,68,0.4); }
.cmd-row.player { border-left: 3px solid rgba(34,197,94,0.4); }
.cmd-cmd { padding: 0.6rem 0.9rem; font-family: monospace; font-size: 0.78rem; color: #6ee7b7; background: rgba(16,185,129,0.04); display: flex; align-items: center; word-break: break-all; }
.cmd-desc { padding: 0.6rem 0.9rem; font-size: 0.82rem; color: #999; display: flex; align-items: center; gap: 0.5rem; }
.badge { font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.badge-admin { background: rgba(239,68,68,0.15); color: #f87171; }
.badge-player { background: rgba(34,197,94,0.15); color: #4ade80; }
.legend { display: flex; gap: 1.2rem; justify-content: center; margin: 1rem 0 0.5rem; font-size: 0.78rem; color: #777; }
.legend span { display: inline-flex; align-items: center; gap: 0.4rem; }
.legend-dot { width: 10px; height: 3px; border-radius: 2px; }
.legend-dot.admin { background: rgba(239,68,68,0.6); }
.legend-dot.player { background: rgba(34,197,94,0.6); }
.back-link { display: inline-flex; align-items: center; gap: 0.4rem; color: #555; font-size: 0.8rem; text-decoration: none; margin-bottom: 1.5rem; transition: color 0.2s; }
.back-link:hover { color: #10b981; }
.mc-status { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 1rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 99px; font-size: 0.78rem; color: #777; margin-bottom: 1rem; }
.mc-dot { width: 8px; height: 8px; border-radius: 50%; background: #555; transition: all 0.4s; }
.mc-dot.online { background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,0.6); animation: glow 2.5s ease-in-out infinite; }
.mc-dot.offline { background: #ef4444; box-shadow: 0 0 4px rgba(239,68,68,0.4); }
@keyframes glow { 0%,100% { box-shadow: 0 0 4px rgba(34,197,94,0.4); } 50% { box-shadow: 0 0 10px rgba(34,197,94,0.7); } }
footer { text-align: center; margin-top: 2rem; font-size: 0.72rem; color: #333; }
@media (max-width: 640px) { h1 { font-size: 1.7rem; } .cmd-row { grid-template-columns: 1fr; } .container { padding: 1.5rem 1rem 3rem; } }
</style>
</head>
<body>
<div class="bg"></div>
<div class="container">
<a href="https://games.joshuahirsig.xyz" class="back-link"><i data-lucide="arrow-left" style="width:14px;height:14px"></i> Zurück zu Game Night</a>
<header>
<div class="logo"><i data-lucide="pickaxe"></i></div>
<h1>FTB StoneBlock 4</h1>
<p class="subtitle">Minecraft Modpack Server</p>
</header>
<div style="text-align:center">
<div class="mc-status"><span class="mc-dot" id="mc-dot"></span><span id="mc-status-text">Server wird geprüft...</span></div>
<div class="server-info">
<div class="info-badge"><i data-lucide="globe"></i> Server: <strong>joshuahirsig.xyz</strong> <button class="copy-btn" onclick="navigator.clipboard.writeText('joshuahirsig.xyz')" title="Kopieren"><i data-lucide="clipboard"></i></button></div>
<div class="info-badge"><i data-lucide="lock"></i> Online Mode (Mojang-Account)</div>
<div class="info-badge"><i data-lucide="users"></i> Max 20 Spieler</div>
<div class="info-badge"><i data-lucide="cpu"></i> Minecraft 1.21.1 / NeoForge</div>
</div>
<a href="https://www.curseforge.com/minecraft/modpacks/ftb-stoneblock-4" target="_blank" class="download-btn"><i data-lucide="download"></i> Modpack bei CurseForge</a>
<a href="https://www.feed-the-beast.com/modpacks/130-ftb-stoneblock-4" target="_blank" class="download-btn orange"><i data-lucide="download"></i> Modpack bei FTB App</a>
</div>
<div class="steps">
<h2><i data-lucide="rocket"></i> So kommst du auf den Server</h2>
<ol>
<li><strong>FTB App</strong> oder <strong>CurseForge App</strong> installieren</li>
<li><strong>FTB StoneBlock 4</strong> Modpack installieren und starten</li>
<li>Im Hauptmenu: <strong>Multiplayer</strong> &rarr; <strong>Server hinzufügen</strong></li>
<li>Server-Adresse eingeben: <code>joshuahirsig.xyz</code></li>
<li>Verbinden &mdash; du landest in der <strong>Lobby</strong></li>
<li>Durch ein <strong>Portal</strong> gehen und eine Base wählen (Stone, Cherry, Cave, etc.)</li>
<li>Viel Spass beim Graben</li>
</ol>
</div>
<div class="legend"><span><span class="legend-dot player"></span> Alle Spieler</span><span><span class="legend-dot admin"></span> Nur Admin (OP)</span></div>
<h2 class="section-title"><i data-lucide="home"></i> FTB Team Bases</h2>
<div class="cmd-grid">
<div class="cmd-row player"><div class="cmd-cmd">/ftbteams party create &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Neues Team erstellen</div></div>
<div class="cmd-row player"><div class="cmd-cmd">/ftbteams party invite &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Spieler ins Team einladen</div></div>
<div class="cmd-row player"><div class="cmd-cmd">/ftbteams party kick &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Spieler aus Team werfen</div></div>
<div class="cmd-row player"><div class="cmd-cmd">/ftbteams party leave</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Team verlassen</div></div>
<div class="cmd-row player"><div class="cmd-cmd">/ftbteambases home</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Zur eigenen Base teleportieren</div></div>
<div class="cmd-row player"><div class="cmd-cmd">/ftbteambases lobby</div><div class="cmd-desc"><span class="badge badge-player">Alle</span> Zurück zur Lobby</div></div>
</div>
<h2 class="section-title"><i data-lucide="shield"></i> Spieler-Verwaltung</h2>
<div class="cmd-grid">
<div class="cmd-row admin"><div class="cmd-cmd">/whitelist add &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler zur Whitelist hinzufügen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/whitelist remove &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler von Whitelist entfernen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/whitelist list</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Alle Spieler auf der Whitelist</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/kick &lt;Name&gt; [Grund]</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler kicken</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/ban &lt;Name&gt; [Grund]</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler permanent bannen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/pardon &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Ban aufheben</div></div>
</div>
<h2 class="section-title"><i data-lucide="compass"></i> Teleport &amp; Gamemode</h2>
<div class="cmd-grid">
<div class="cmd-row admin"><div class="cmd-cmd">/tp &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Zu Spieler teleportieren</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/tp &lt;Name&gt; &lt;x&gt; &lt;y&gt; &lt;z&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler zu Koordinaten teleportieren</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/gamemode survival &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Überlebensmodus</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/gamemode creative &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Kreativmodus</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/gamemode spectator &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Zuschauermodus</div></div>
</div>
<h2 class="section-title"><i data-lucide="settings"></i> Server-Verwaltung</h2>
<div class="cmd-grid">
<div class="cmd-row admin"><div class="cmd-cmd">/difficulty easy|normal|hard</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Schwierigkeit ändern</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/gamerule keepInventory true</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Inventar beim Tod behalten</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/gamerule doDaylightCycle false</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Tag/Nacht-Zyklus stoppen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/time set day</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Tageszeit auf Tag setzen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/weather clear</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Wetter auf klar setzen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/save-all</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Welt manuell speichern</div></div>
</div>
<h2 class="section-title"><i data-lucide="package"></i> Items &amp; Effekte</h2>
<div class="cmd-grid">
<div class="cmd-row admin"><div class="cmd-cmd">/give &lt;Name&gt; &lt;Item&gt; [Anzahl]</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Item geben</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/clear &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Inventar leeren</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/effect give &lt;Name&gt; &lt;Effekt&gt; &lt;Dauer&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Effekt geben</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/effect clear &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Alle Effekte entfernen</div></div>
<div class="cmd-row admin"><div class="cmd-cmd">/kill &lt;Name&gt;</div><div class="cmd-desc"><span class="badge badge-admin">Admin</span> Spieler/Entity töten</div></div>
</div>
<footer>Hosted on joshuahirsig.xyz</footer>
</div>
<script>
lucide.createIcons();
(function() {
var dot = document.getElementById('mc-dot');
var txt = document.getElementById('mc-status-text');
fetch('https://minecraft.joshuahirsig.xyz/api/status')
.then(function(r) { return r.json(); })
.then(function(data) {
if (data.online) {
dot.className = 'mc-dot online';
var players = data.players + '/' + data.max + ' Spieler';
txt.textContent = 'Server Online - ' + players;
txt.style.color = '#4ade80';
} else {
dot.className = 'mc-dot offline';
txt.textContent = 'Server Offline';
txt.style.color = '#f87171';
}
})
.catch(function() {
dot.className = 'mc-dot offline';
txt.textContent = 'Status unbekannt';
txt.style.color = '#f87171';
});
})();
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink