website/src/routes/downloads/+page.svelte

<script>
  import MsgBox from "$lib/modules/MsgBox.svelte";
</script>

<svelte:head>
  <title>Downloads</title>
  <meta name="description" content="About this app" />
</svelte:head>

<div class="text-column">
  <h1>Downloads</h1>
  <p>You've decided to download ExploreCraft?<br>Here you'll find all the download links and instructions to install ExploreCraft!</p>
</div>
<MsgBox
  type="warning"
  message="<br>Currently WIP. You'll find downloads on this page,<br>though some links aren't currently ready."
  prefix="ℹ️ Note ℹ️"
/>

<div class="grid">
  <article class="main-card">
    <div>
      <h4>ExploreCraft: Marbled</h4>
      <p>
        The main way to play ExploreCraft. If you don't know what you're doing,
        download this version. It is the most stable.
        For more versions, open the "Unstable Releases" section down below.
      </p>
      <a role="button" href="https://gitpot.org/ExploreCraft/modpack/releases/tag/v2.0">Download</a>
      <a href="#instructions" role="button" class="outline">Instructions</a>
    </div>
  </article>
</div>

<!-- Unstable Versions -->
<details>
  <!-- svelte-ignore a11y-no-redundant-roles -->
  <summary class="secondary" role="button" id="unstable">Unstable Releases
  </summary>
  <div class="grid">
    <article>
      <div>
        <h4>ExploreCraft: Legacy</h4>
        <div class="msg-box"><MsgBox type="error" message="Unmaintained!" prefix="Warning:" /></div>
        <p>
          If you'd like to keep playing the legacy version of ExploreCraft, you
          can download it here. Not recommended as it is not maintained anymore and incompatible with Marbled.
        </p>
        <a role="button" href="https://gitpot.org/ExploreCraft/modpack/releases/tag/v1.0">Download</a>
        <a href="#instructions" role="button" class="outline">Instructions</a>
      </div>
    </article>
    <article>
      <h4>ExploreCraft: Dev</h4>
      <div class="msg-box"><MsgBox type="warning" message="Unstable!" /></div>
      <p>
        ExploreCraft's Beta instance. Here be dragons! This is the in-dev version
        of ExploreCraft which may have game-breaking bugs, unfinished features and
        world corruptions at the cost of new features.
      </p>
      <a href="https://gitpot.org/ExploreCraft/modpack/src/branch/dev" role="button">Download</a>
      <a href="#instructions" role="button" class="outline">Instructions</a>
    </article>
  </div>
</details>


<!-- Instructions -->
<h2 id="instructions">Instructions</h2>
<p>Need help installing ExploreCraft? No problem! Just follow these few easy steps.</p>

<h3>Installation</h3>
<ul>
  <li>
    To install this modpack, you'll either need
    <a href="https://prismlauncher.org" rel="noopener noreferrer" target="_blank"><b>PrismLauncher</b> (Recommended)</a> or 
    <a href="https://multimc.org" rel="noopener noreferrer" target="_blank"><b>MultiMC</b></a>.
    <br>Additionaly, you'll need to download one of the above instances (.zip files).
  </li>
  <li>
    Create a new instance by using Ctrl-N (Or CMD-N on MacOS).<br>
    Open the "Import from ZIP" tab, and choose the file you just downloaded.<br>
    You can also give it a catchy name and a snazzy icon while you're at it.<br>
    <img class="guide" alt="instance creation" src="assets/images/guide/instance-creation.png">
  </li>
  <li>
    Once the import is complete, you can configure your instance however you like by pressing Ctrl-I (or CMD-I on a Mac.)
  </li>
  <li>
    It is time to launch!<br>
    You should see a "packwiz" window appear which will download all the mods you need.<br>
    This tool is also responsible for keeping the modpack up to date.
    <ul>
      <li class="indented">
        A window will appear asking you which optional mods you'd like to download. As it implies, none of them are necessary but recommended.<br>
        <img class="guide" src="assets/images/guide/optional-mods.png" alt="Manual Download error in packwiz">
      </li>
      <li class="indented">
        Mods downloading:<br>
        <img class="guide" src="assets/images/guide/loading.png" alt="Manual Download error in packwiz">
      </li>
      <li class="indented">
        If a screen similar to this one appears, don't fret!<br>
        <img class="guide" src="assets/images/guide/manual-download.png" alt="Manual Download error in packwiz"><br>
        Just follow the guide
        <a href="https://gitpot.org/ExploreCraft/modpack/src/branch/marbled/manual-download.md" rel="noopener noreferrer" target="_blank">here</a>
        to continue:
      </li>
    </ul>
  </li>
  <li>
    The game will now boot up, and you'll be ready to rock! Have fun :D
  </li>
</ul>


<style>
  .main-card {
    width: 50%;
    justify-self: center;
  }
  a[role="button"]{
    width: 100%;
    margin-bottom: 1em;
  }
  li {
    list-style: decimal;
  }
  li .indented {
    list-style: disc;
  }
  img.guide {
    margin-top: 1em;
    margin-bottom: 1em;
    justify-self: center;
    align-self: center;
    border-radius: 1em;
    transition: all 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }
  img.guide:hover {
    transform: scale(1.005);
    box-shadow: 0px 0px 1em rgba(32, 32, 32, 0.6);
    cursor: pointer;
  }
</style>