31 lines
10 KiB
HTML
31 lines
10 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="description" content="Install the exact From the Fog Reimagined pack and join our Minecraft Java server.">
|
||
<title>The Fog — Pack & Play</title>
|
||
<style>
|
||
:root{color-scheme:dark;--bg:#0b1110;--fg:#e5eee8;--muted:#a3b2aa;--line:#2c3b33;--green:#c4f29d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.15em;font-size:14px;text-decoration:none}.brand span{color:var(--green)}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;letter-spacing:.07em}.muted{color:var(--muted)}.hero{padding:84px 0 62px;position:relative;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;z-index:-1;width:56%;height:400px;right:-8%;top:5%;background:repeating-linear-gradient(90deg,transparent 0 34px,#36503b26 35px 52px,transparent 53px 70px),radial-gradient(ellipse,#6b84502b,transparent 65%);transform:skewY(-7deg);mask-image:linear-gradient(90deg,transparent,#000)}.eyebrow{color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";height:7px;width:7px;background:var(--green)}h1{font-size:clamp(44px,7.5vw,88px);line-height:1.04;letter-spacing:-.06em;margin:24px 0 27px;font-weight:650;max-width:800px}h1 em{font-style:normal;color:var(--green)}.intro{max-width:540px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:10px 19px;background:var(--green);color:#13200e;border:1px solid var(--green);font-family:inherit;font-weight:600;font-size:14px;text-decoration:none;border-radius:4px;cursor:pointer}.button.secondary{background:#121b16;color:var(--fg);border-color:var(--line)}.versions{display:flex;flex-wrap:wrap;gap:8px 28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.versions span{color:var(--muted)}.versions b{color:var(--fg);font-weight:500}.section-title{display:flex;gap:20px;align-items:baseline;margin:64px 0 20px}.section-title h2{font-size:25px;letter-spacing:-.035em;margin:0}.steps{border-top:1px solid var(--line)}article{display:grid;grid-template-columns:64px 280px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:30px 0}.num{font-family:ui-monospace,monospace;color:var(--green);font-size:14px}h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}p{margin:0 0 14px}article p{color:var(--muted)}.detail{max-width:590px}.detail a{color:var(--fg)}.note{font-size:13px}.server-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #536645;background:#162014;padding:15px 18px;margin-top:18px;gap:15px;border-radius:4px}.server-box code{font-size:clamp(13px,2vw,17px);overflow-wrap:anywhere}.copy{background:none;border:0;color:var(--green);font-weight:600;font-size:13px;cursor:pointer;min-height:30px;white-space:nowrap}code{font-family:ui-monospace,SFMono-Regular,monospace}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;list-style-position:outside;margin-left:18px;font-weight:550}details p{margin:14px 0 4px 18px;color:var(--muted);max-width:760px}.download{padding:30px;border:1px solid var(--line);border-radius:5px;margin:45px 0;background:#111a15;display:flex;justify-content:space-between;align-items:center;gap:24px}.download h3{margin-bottom:6px}.download p{margin:0;font-size:14px;color:var(--muted)}footer{padding:32px 0 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#13200e;padding:10px 20px;border-radius:4px;box-shadow:0 8px 35px #0008}.toast:empty{display:none}@media(max-width:760px){header,main,footer{width:calc(100% - 32px)}header .mono{font-size:10px}.hero{padding:52px 0 40px}.intro{font-size:16px}article{grid-template-columns:35px 1fr;gap:10px}.detail{grid-column:2}.section-title{margin-top:44px}.download{padding:22px;display:block}.download .button{margin-top:20px}footer{display:block}footer p{margin-bottom:10px}.versions{gap:8px 18px}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header><a class="brand" href="#">THE <span>FOG</span> / PACK & PLAY</a><span class="mono muted">JAVA EDITION · FRIENDS SERVER</span></header>
|
||
<main>
|
||
<section class="hero"><div class="eyebrow mono">FROM THE FOG REIMAGINED · 6.3.2</div><h1>Get in.<br><em>Stay together.</em></h1><p class="intro">One matching modpack. One server address. Everything you need to join the new world, without collecting a folder of mods.</p><div class="actions"><a class="button" href="#install">Install the pack <span aria-hidden="true">↗</span></a><a class="button secondary" href="#join">I’m ready to join <span aria-hidden="true">↓</span></a></div></section>
|
||
<div class="versions mono"><div><span>PACK</span> <b>6.3.2</b></div><div><span>MINECRAFT</span> <b>1.20.1</b></div><div><span>LOADER</span> <b>FORGE 47.4.10</b></div><div><span>JAVA</span> <b>17</b></div></div>
|
||
<section id="install" aria-labelledby="install-title"><div class="section-title"><span class="mono muted">01—03</span><h2 id="install-title">Three steps to the fog.</h2></div><div class="steps">
|
||
<article><span class="num">01</span><div><h3>Open your launcher.</h3><span class="mono muted">INSTALL ONCE</span></div><div class="detail"><p>Using an offline username? <a href="https://docs.skmedix.pl/4.0/" target="_blank" rel="noopener">SKlauncher 4.0</a> has a CurseForge modpack installer and automatic Java setup. Version 4.0 is currently beta.</p><p>If you play with Microsoft sign-in, you can also use the <a href="https://www.curseforge.com/download/app" target="_blank" rel="noopener">CurseForge app</a>.</p><p class="note">Already have a compatible launcher? Keep it. You only need its CurseForge pack installer or ZIP import.</p></div></article>
|
||
<article><span class="num">02</span><div><h3>Install the whole pack.</h3><span class="mono muted">PINNED TO 6.3.2</span></div><div class="detail"><p>Search <strong>From the Fog Reimagined</strong> by <strong>SoumXD</strong>. Select version <strong>6.3.2</strong>, then install and launch that profile.</p><p><a href="https://www.curseforge.com/minecraft/modpacks/from-the-fog-reimagined/files/9191040" target="_blank" rel="noopener">Open the exact official release ↗</a></p><p class="note">The launcher downloads the mods for you. Allocate 6 GB of memory if your computer has room (the author’s minimum is 4 GB). Shaders are optional.</p></div></article>
|
||
<article id="join"><span class="num">03</span><div><h3>Add the server.</h3><span class="mono muted">MULTIPLAYER → ADD SERVER</span></div><div class="detail"><p>Launch the pack, open Multiplayer, and paste this address. Use the exact username the admin approved, including capitalization.</p><div class="server-box"><code id="server-address">minecraft.ayush-jain.dev</code><button class="copy" id="copy-address">Copy address</button></div><p class="note" style="margin-top:16px">Ask the admin to open your first-join registration window in CraftDeck. On first join, follow the prompt: <code>/login YOUR_PASSWORD YOUR_PASSWORD</code>. Later, use <code>/login YOUR_PASSWORD</code>. Choose your password in the game.</p></div></article>
|
||
</div></section>
|
||
<section aria-labelledby="help-title"><div class="section-title"><span class="mono muted">FIELD NOTES</span><h2 id="help-title">Stuck at the treeline?</h2></div><details><summary>“You are not whitelisted”</summary><p>Use your approved username exactly. The initial names are <code>aryan</code> and <code>jainster</code>. Ask the admin to approve or reopen your name in CraftDeck → Access & Auth immediately before joining.</p></details><details><summary>Missing mods or incompatible version</summary><p>Launch the complete Reimagined 6.3.2 profile with Minecraft 1.20.1 and Forge 47.4.10. The standalone From the Fog datapack and the latest vanilla Minecraft are different installations.</p></details><details><summary>The game runs slowly or closes</summary><p>Disable shaders first, then check the pack’s memory setting. The author lists 4 GB as the client minimum; 6 GB is useful when your computer has enough spare memory.</p></details><details><summary>I forgot my server password</summary><p>Ask the admin to use Re-register password in CraftDeck → Access & Auth. Rejoin during the new approval window and choose your own replacement password in the game.</p></details></section>
|
||
<section class="download"><div><h3>Need a ZIP for your launcher?</h3><p>Get the exact client manifest from CurseForge, then use your launcher’s pack import.<br>This is the client pack—not the server archive.</p></div><a class="button secondary" href="https://www.curseforge.com/api/v1/mods/964725/files/9191040/download">Download client pack <span aria-hidden="true">↓</span></a></section>
|
||
</main>
|
||
<footer><p>Pack by <a href="https://www.curseforge.com/minecraft/modpacks/from-the-fog-reimagined" target="_blank" rel="noopener">SoumXD</a>. Mod files are downloaded from their official sources.</p><p>Official pack baseline · CaseOh’s exact custom setup is unverified.</p></footer>
|
||
<div class="toast" id="toast" role="status" aria-live="polite"></div>
|
||
<script>
|
||
const copy=document.getElementById('copy-address'),toast=document.getElementById('toast');let timer;
|
||
copy.addEventListener('click',async()=>{const address=document.getElementById('server-address').textContent;try{await navigator.clipboard.writeText(address);copy.textContent='Copied';toast.textContent='Server address copied';}catch{const selection=window.getSelection(),range=document.createRange();range.selectNodeContents(document.getElementById('server-address'));selection.removeAllRanges();selection.addRange(range);toast.textContent='Address selected. Press Ctrl+C or ⌘C to copy.';}clearTimeout(timer);timer=setTimeout(()=>{copy.textContent='Copy address';toast.textContent='';},3000);});
|
||
</script>
|
||
</body></html>
|