From e22221bc41f684b58e07bafbbe6fe7b801d65fb4 Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sat, 1 Aug 2026 12:05:38 +0200
Subject: [PATCH 1/7] WIP: Add paperclip-rs downloads page

---
 src/pages/downloads/paperclip-rs.astro | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/pages/downloads/paperclip-rs.astro

diff --git a/src/pages/downloads/paperclip-rs.astro b/src/pages/downloads/paperclip-rs.astro
new file mode 100644
index 00000000..5ac3d134
--- /dev/null
+++ b/src/pages/downloads/paperclip-rs.astro
@@ -0,0 +1,14 @@
+---
+export const prerender = false;
+import Layout from "@/layouts/Layout.astro";
+
+Astro.response.headers.set("Cache-Control", "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
+Astro.response.headers.set("CDN-Cache-Control", "public, max-age=600, stale-while-revalidate=120");
+---
+
+<Layout
+  title="Paper"
+  description="Download Paper, our Minecraft server software offering unrivaled performance and stability."
+  keywords={["papermc", "minecraft", "performance", "paper", "downloads", "jar"]}
+  canonical="/downloads/paper"
+/>

From 50f1f61decea8d967c89baf3dd216313c018ff9f Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sat, 1 Aug 2026 13:01:44 +0200
Subject: [PATCH 2/7] WIP: Create paperclip-rs software/download page skeleton

---
 .../data/SoftwareGitHubDownloadButton.svelte  | 113 ++++++++++++++++++
 .../data/SoftwareGitHubDownloadPage.svelte    |  78 ++++++++++++
 src/components/layout/NavBar.astro            |   1 +
 src/pages/downloads/paperclip-rs.astro        |  13 +-
 src/pages/software/paperclip-rs.astro         |  32 +++++
 5 files changed, 232 insertions(+), 5 deletions(-)
 create mode 100644 src/components/data/SoftwareGitHubDownloadButton.svelte
 create mode 100644 src/components/data/SoftwareGitHubDownloadPage.svelte
 create mode 100644 src/pages/software/paperclip-rs.astro

diff --git a/src/components/data/SoftwareGitHubDownloadButton.svelte b/src/components/data/SoftwareGitHubDownloadButton.svelte
new file mode 100644
index 00000000..73d1abaa
--- /dev/null
+++ b/src/components/data/SoftwareGitHubDownloadButton.svelte
@@ -0,0 +1,113 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+
+  interface Props {
+    repository: string;
+    version: string;
+    asset: string;
+    compact?: boolean;
+    eol?: boolean;
+    disabled?: boolean;
+  }
+
+  let { repository, version, asset, compact = false, eol = false, disabled = false }: Props = $props();
+
+  let url = $derived(`https://github.com/${repository}/releases/download/${version}/${asset}`);
+
+  let open = $state(false);
+  let rootEl: HTMLDivElement | null = $state(null);
+  let copied: Record<string, boolean> = $state({});
+
+  function close() {
+    open = false;
+  }
+
+  function toggle() {
+    if (!disabled) open = !open;
+  }
+
+  function onDocumentClick(ev: MouseEvent) {
+    const t = ev.target as HTMLElement | null;
+    if (!rootEl) return;
+    if (t && rootEl.contains(t)) return;
+    close();
+  }
+
+  onMount(() => {
+    document.addEventListener("click", onDocumentClick);
+    return () => document.removeEventListener("click", onDocumentClick);
+  });
+
+  type DownloadEntry = [string, { name: string; checksums: { sha256: string }; size: number; url: string }];
+
+  async function copySha256(evt: MouseEvent, entry: DownloadEntry) {
+    evt.preventDefault();
+    evt.stopPropagation();
+    const [, d] = entry;
+    if (!d.checksums.sha256) return;
+    try {
+      await navigator.clipboard.writeText(d.checksums.sha256);
+      copied[d.name] = true;
+      copied = { ...copied };
+      setTimeout(() => {
+        copied[d.name] = false;
+        copied = { ...copied };
+      }, 2000);
+    } catch (error) {
+      console.error("Failed to copy SHA256 checksum to clipboard:", error);
+    }
+  }
+</script>
+
+<div class="relative flex w-full flex-row md:w-100" bind:this={rootEl}>
+  <div
+    class={`btn transition-color flex flex-row rounded-md
+      ${!compact ? "w-full md:w-100" : ""}
+      ${eol ? "btn-eol" : `btn-stable`}
+      ${disabled ? "cursor-not-allowed opacity-60" : ""}`}
+  >
+    <a
+      class={`flex flex-1 flex-row items-center ${compact ? "gap-2 py-1 pl-2 leading-0" : "gap-8 py-3 pl-5"}`}
+      href={url}
+      target="_blank"
+      aria-disabled={disabled}
+      onclick={(e) => disabled && (e.preventDefault(), e.stopPropagation())}
+    >
+      <div class={compact ? "h-4 w-4" : "h-8 w-8"}>
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+          />
+        </svg>
+      </div>
+
+      <div class="flex-1 pr-2 text-left">
+        <span class="text-sm font-medium">Download</span>
+      </div>
+    </a>
+  </div>
+</div>
+
+<style>
+    .size-4 {
+        width: 1rem;
+        height: 1rem;
+    }
+
+    .size-6 {
+        width: 1.5rem;
+        height: 1.5rem;
+    }
+
+    .size-8 {
+        width: 2rem;
+        height: 2rem;
+    }
+
+    [role="menu"] {
+        top: 100%;
+        transition: opacity 0.25s ease;
+    }
+</style>
diff --git a/src/components/data/SoftwareGitHubDownloadPage.svelte b/src/components/data/SoftwareGitHubDownloadPage.svelte
new file mode 100644
index 00000000..04592d94
--- /dev/null
+++ b/src/components/data/SoftwareGitHubDownloadPage.svelte
@@ -0,0 +1,78 @@
+<script lang="ts">
+  import { onMount, type Snippet } from "svelte";
+  import SoftwareGitHubDownloadButton from "@/components/data/SoftwareGitHubDownloadButton.svelte";
+
+  interface Project {
+    name: string;
+    icon?: string;
+  }
+
+  const projects: Record<string, Project> = {
+    "paperclip-rs": { name: "Paperclip-rs" },
+  };
+
+  interface Props {
+    id: string;
+    description?: string;
+    experimentalWarning?: string;
+    eol?: boolean;
+    Description?: Snippet;
+    repository: string;
+  }
+
+  let {
+    id,
+    description = undefined,
+    experimentalWarning = undefined,
+    eol = false,
+    Description = undefined,
+    repository,
+  }: Props = $props();
+
+  let project = $derived(projects[id])
+
+  let version = "vUnknown"
+</script>
+
+<header class="mx-auto flex max-w-7xl flex-row flex-wrap gap-16 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
+  <div class="flex-1">
+    <div class="mb-6 flex flex-row items-center gap-4">
+      <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-gray-800 p-3">
+        {#if project.icon}
+          <img src={project.icon!} alt={`${project.name} logo`} class="h-full w-full object-contain" />
+        {/if}
+      </div>
+      <h1 class="text-xl font-medium">Downloads</h1>
+    </div>
+
+    <h2 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">
+      Get {project.name}
+      <span class="stable">{version}</span>
+    </h2>
+
+    <p class="mt-4 text-xl">
+      {#if Description}
+        {@render Description()}
+      {:else if typeof description === "string"}
+        {@html description}
+      {/if}
+    </p>
+
+    <div class="mt-8 flex flex-col gap-4">
+      <SoftwareGitHubDownloadButton
+        repository={repository}
+        version={version}
+        asset="none"
+        eol={!!eol}
+        disabled={false}
+      />
+    </div>
+
+    <section id="builds" class="mt-20">
+<!--      <SoftwareBuilds project={id} {version} builds={builds.value.builds} eol={!!eol} />-->
+    </section>
+
+    <div class="hidden"></div>
+  </div>
+</header>
+
diff --git a/src/components/layout/NavBar.astro b/src/components/layout/NavBar.astro
index b8301c89..d4997388 100644
--- a/src/components/layout/NavBar.astro
+++ b/src/components/layout/NavBar.astro
@@ -29,6 +29,7 @@ import LogoMarkerLight from "@/assets/brand/logo-marker-light.svg";
         <NavDropDownLink href="/software/paper">Paper</NavDropDownLink>
         <NavDropDownLink href="/software/folia">Folia</NavDropDownLink>
         <NavDropDownLink href="/software/velocity">Velocity</NavDropDownLink>
+        <NavDropDownLink href="/software/paperclip-rs">Paperclip-rs</NavDropDownLink>
         <NavDropDownLink href="/software/waterfall" eol>Waterfall</NavDropDownLink>
       </NavDropDown>
       <NavLink href="https://hangar.papermc.io/" target="_blank" className="inline-flex items-center">
diff --git a/src/pages/downloads/paperclip-rs.astro b/src/pages/downloads/paperclip-rs.astro
index 5ac3d134..8ef76095 100644
--- a/src/pages/downloads/paperclip-rs.astro
+++ b/src/pages/downloads/paperclip-rs.astro
@@ -1,5 +1,6 @@
 ---
 export const prerender = false;
+import SoftwareGitHubDownloadPage from "@/components/data/SoftwareGitHubDownloadPage.svelte";
 import Layout from "@/layouts/Layout.astro";
 
 Astro.response.headers.set("Cache-Control", "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
@@ -7,8 +8,10 @@ Astro.response.headers.set("CDN-Cache-Control", "public, max-age=600, stale-whil
 ---
 
 <Layout
-  title="Paper"
-  description="Download Paper, our Minecraft server software offering unrivaled performance and stability."
-  keywords={["papermc", "minecraft", "performance", "paper", "downloads", "jar"]}
-  canonical="/downloads/paper"
-/>
+  title="Paperclip-rs"
+  description="Download Paperclip-rs, our AOT-ready Paper JAR launcher for reduced startup time."
+  keywords={["papermc", "minecraft", "performance", "paperclip-rs", "downloads", "windows", "linux", "mac"]}
+  canonical="/downloads/paperclip-rs"
+>
+  <SoftwareGitHubDownloadPage id="paperclip-rs" repository="PaperMC/paperclip" />
+</Layout>
diff --git a/src/pages/software/paperclip-rs.astro b/src/pages/software/paperclip-rs.astro
new file mode 100644
index 00000000..77429686
--- /dev/null
+++ b/src/pages/software/paperclip-rs.astro
@@ -0,0 +1,32 @@
+---
+import Layout from "@/layouts/Layout.astro";
+import SoftwareHeader from "@/components/layout/SoftwareHeader.astro";
+import FeatureCard from "@/components/data/FeatureCard.astro";
+import Button from "@/components/input/Button.astro";
+
+import HomeImage1 from "@/assets/images/home-1.png";
+import HomeImage3 from "@/assets/images/home-3.png";
+import CommunityImage from "@/assets/images/community.png";
+
+import { Image } from "astro:assets";
+
+import { getHangarProjects } from "@/utils/hangar";
+
+const { pagination } = await getHangarProjects("paper");
+---
+
+<Layout
+  title="Paperclip-rs"
+  description="Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time."
+  keywords={["papermc", "minecraft", "performance", "paperclip-rs", "windows", "linux", "mac"]}
+  canonical="/software/paperclip-rs"
+>
+  <SoftwareHeader id="paperclip-rs" name="Paperclip-rs" icon="brand/paper">
+    <p slot="header">
+      Improved startup-time<br /><span class="text-blue-500">for Paper</span>
+    </p>
+    <p slot="description">
+      Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time.
+    </p>
+  </SoftwareHeader>
+</Layout>

From 0f3bb34455a5e4d8e2e80014d96fd684ee272fd6 Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sun, 2 Aug 2026 01:03:23 +0200
Subject: [PATCH 3/7] Add OS and cpu detection

---
 bun.lock                                      | 18 ++++
 package.json                                  |  6 ++
 src/components/data/DropdownSelect.svelte     | 70 ++++++++++++++
 ...velte => PaperclipRsDownloadButton.svelte} | 32 +++----
 .../data/PaperclipRsDownloadPage.svelte       | 93 +++++++++++++++++++
 .../data/SoftwareGitHubDownloadPage.svelte    | 78 ----------------
 src/pages/downloads/paperclip-rs.astro        |  4 +-
 src/pages/software/paperclip-rs.astro         |  4 +-
 8 files changed, 206 insertions(+), 99 deletions(-)
 create mode 100644 src/components/data/DropdownSelect.svelte
 rename src/components/data/{SoftwareGitHubDownloadButton.svelte => PaperclipRsDownloadButton.svelte} (90%)
 create mode 100644 src/components/data/PaperclipRsDownloadPage.svelte
 delete mode 100644 src/components/data/SoftwareGitHubDownloadPage.svelte

diff --git a/bun.lock b/bun.lock
index b116d756..69fe4dd7 100644
--- a/bun.lock
+++ b/bun.lock
@@ -9,6 +9,12 @@
         "@astrojs/sitemap": "3.7.3",
         "@astrojs/svelte": "9.0.1",
         "@fontsource/poppins": "5.2.7",
+        "@iconify-json/file-icons": "^1.2.2",
+        "@iconify-json/flowbite": "^1.2.7",
+        "@iconify-json/griddy-icons": "^1.2.0",
+        "@iconify-json/mdi": "^1.2.3",
+        "@iconify-json/tabler": "^1.2.38",
+        "@iconify-json/wpf": "^1.2.0",
         "@tailwindcss/vite": "4.3.3",
         "astro": "7.1.1",
         "astro-iconset": "^0.0.6",
@@ -224,6 +230,18 @@
 
     "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
 
+    "@iconify-json/file-icons": ["@iconify-json/file-icons@1.2.2", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-ajk44wYGTiu79EAyrfNHNaxZ1/2Z1xuSOAvYUT/pAPWHc+P6n9TUZP/ccnPG18kx0WMBxmkHHQ9/zkm6ENhk+Q=="],
+
+    "@iconify-json/flowbite": ["@iconify-json/flowbite@1.2.7", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-YmjHMSe6zBWI6XMZ35OGxgkX9k0lMiKmJIYOOymhc8rEiVbtZnnujJnGrfTider1JOoArQcCJzhHH6hUoXgiYA=="],
+
+    "@iconify-json/griddy-icons": ["@iconify-json/griddy-icons@1.2.0", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-C3AdVCAC9WrUNFSmyljsiH59CuyOqUfALsanzD4dO0VOHt4Fz0sttDSeayiSap8u8uACeq8WMZ1KZAmMusuf9w=="],
+
+    "@iconify-json/mdi": ["@iconify-json/mdi@1.2.3", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg=="],
+
+    "@iconify-json/tabler": ["@iconify-json/tabler@1.2.38", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-9v6ooRU/bKOK/Whv4w2aiK5gBnfCV9Ei+uD1iDDeLu2b+EnF3G3ZKkRKWEOOLG8bJyfKn6XEia6gUQ9oO7cF+Q=="],
+
+    "@iconify-json/wpf": ["@iconify-json/wpf@1.2.0", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-sA5z2Fy0rh6+wSMlXpj5Of4oRXZTn84zQFo2yWTtjbN5WTrH52iJrT4KLmepnF8l5VAsf+WbeXsQLFFhlVeDFA=="],
+
     "@iconify/tools": ["@iconify/tools@5.0.12", "", { "dependencies": { "@cyberalien/svg-utils": "^1.2.15", "@iconify/types": "^2.0.0", "@iconify/utils": "^3.1.3", "fflate": "^0.8.3", "modern-tar": "^0.7.6", "pathe": "^2.0.3", "svgo": "^4.0.1" } }, "sha512-aFPwSFmFphUPVjNLUkgxgUPSPVgTEEjv0mE7NgvfoQBuE5TtsMrKa4HTY65cM5oXZ2a1xKQcW/RKhiOKEiAarw=="],
 
     "@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],
diff --git a/package.json b/package.json
index b5183957..e8c47e57 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,12 @@
     "@astrojs/sitemap": "3.7.3",
     "@astrojs/svelte": "9.0.1",
     "@fontsource/poppins": "5.2.7",
+    "@iconify-json/file-icons": "^1.2.2",
+    "@iconify-json/flowbite": "^1.2.7",
+    "@iconify-json/griddy-icons": "^1.2.0",
+    "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/tabler": "^1.2.38",
+    "@iconify-json/wpf": "^1.2.0",
     "@tailwindcss/vite": "4.3.3",
     "astro": "7.1.1",
     "astro-iconset": "^0.0.6",
diff --git a/src/components/data/DropdownSelect.svelte b/src/components/data/DropdownSelect.svelte
new file mode 100644
index 00000000..a5ca4695
--- /dev/null
+++ b/src/components/data/DropdownSelect.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import Icon from "astro-iconset/svelte";
+
+  interface Option {
+    name: string;
+    icon?: string;
+  }
+
+  interface Props {
+    value?: string;
+    options: Option[];
+  }
+
+  let { value = $bindable(), options = [] }: Props = $props();
+  let currentOption = $derived(options.find((o) => o.name == (value ?? options[0].name))!!);
+
+  let dropDown = $state(false);
+
+  function selectOption(opt: Option) {
+    dropDown = false;
+    currentOption = opt;
+    value = opt.name;
+  }
+
+  function handleOutsideClick(event: any) {
+    if (dropDown && !(event.target?.closest(".dropdown-clickable") ?? false)) {
+      dropDown = false;
+    }
+  }
+</script>
+
+<svelte:window onclick={handleOutsideClick} />
+
+<div class="relative">
+  <button
+    class="dropdown-clickable flex w-fit cursor-pointer items-center justify-center gap-2 rounded-md border-2
+border-gray-700 px-2 transition-colors duration-150 ease-in-out hover:bg-gray-600"
+    onclick={(e) => (dropDown = !dropDown)}
+  >
+    {#if currentOption.icon}
+      <Icon name={currentOption.icon} />
+    {/if}
+    {currentOption.name}
+
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-100" viewBox="0 0 20 20" fill="currentColor">
+      <path
+        fill-rule="evenodd"
+        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+        clip-rule="evenodd"
+      />
+    </svg>
+  </button>
+
+  {#if dropDown}
+    <div class="border-b-background-dark-80 bg-background-dark-90 absolute z-10 w-fit rounded-md border-2 object-contain">
+      {#each options as option (option.name)}
+        <button
+          class="dropdown-clickable flex w-full cursor-pointer items-center gap-2
+px-2 py-1 transition-colors duration-150 ease-in-out hover:bg-gray-600"
+          onclick={(e) => selectOption(option)}
+        >
+          {#if option.icon}
+            <Icon name={option.icon} />
+          {/if}
+          {option.name}
+        </button>
+      {/each}
+    </div>
+  {/if}
+</div>
diff --git a/src/components/data/SoftwareGitHubDownloadButton.svelte b/src/components/data/PaperclipRsDownloadButton.svelte
similarity index 90%
rename from src/components/data/SoftwareGitHubDownloadButton.svelte
rename to src/components/data/PaperclipRsDownloadButton.svelte
index 73d1abaa..b094f602 100644
--- a/src/components/data/SoftwareGitHubDownloadButton.svelte
+++ b/src/components/data/PaperclipRsDownloadButton.svelte
@@ -91,23 +91,23 @@
 </div>
 
 <style>
-    .size-4 {
-        width: 1rem;
-        height: 1rem;
-    }
+  .size-4 {
+    width: 1rem;
+    height: 1rem;
+  }
 
-    .size-6 {
-        width: 1.5rem;
-        height: 1.5rem;
-    }
+  .size-6 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
 
-    .size-8 {
-        width: 2rem;
-        height: 2rem;
-    }
+  .size-8 {
+    width: 2rem;
+    height: 2rem;
+  }
 
-    [role="menu"] {
-        top: 100%;
-        transition: opacity 0.25s ease;
-    }
+  [role="menu"] {
+    top: 100%;
+    transition: opacity 0.25s ease;
+  }
 </style>
diff --git a/src/components/data/PaperclipRsDownloadPage.svelte b/src/components/data/PaperclipRsDownloadPage.svelte
new file mode 100644
index 00000000..4ac42f13
--- /dev/null
+++ b/src/components/data/PaperclipRsDownloadPage.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+  import PaperclipRsDownloadButton from "@/components/data/PaperclipRsDownloadButton.svelte";
+  import { onMount } from "svelte";
+  import DropdownSelect from "@/components/data/DropdownSelect.svelte";
+
+  interface Props {
+    description?: string;
+    experimentalWarning?: boolean;
+    eol?: boolean;
+    repository: string;
+  }
+
+  let { description = undefined, experimentalWarning = undefined, eol = false, repository }: Props = $props();
+
+  let icon = undefined;
+  let version = "vUnknown";
+
+  // Detect user OS and CPU architecture for default download.
+  let os: "Windows" | "MacOS" | "Linux" | undefined = $state(undefined);
+  let cpu: "x64" | "arm64" | undefined = $state(undefined);
+
+  onMount(() => {
+    const userAgent = navigator.userAgent.toLowerCase();
+
+    if (userAgent.includes("win")) {
+      os = "Windows";
+    } else if (userAgent.includes("mac")) {
+      os = "MacOS";
+    } else if (userAgent.includes("linux")) {
+      os = "Linux";
+    }
+
+    if (userAgent.includes("aarch64") || userAgent.includes("arm64") || userAgent.concat("armv8")) {
+      cpu = "arm64";
+    }
+    if (userAgent.includes("x86")) {
+      cpu = "x64";
+    }
+  });
+
+  interface OptionWithIcon {
+    name: string;
+    icon?: string;
+  }
+
+  const osOptions: OptionWithIcon[] = [
+    { name: "Windows", icon: "flowbite:windows-solid" },
+    { name: "Linux", icon: "file-icons:arch-linux" },
+    { name: "MacOS", icon: "wpf:macos" },
+  ];
+
+  const cpuOptions: OptionWithIcon[] = [
+    { name: "x64", icon: "mdi:cpu-64-bit" },
+    { name: "arm64", icon: "file-icons:arm" },
+  ];
+</script>
+
+<header class="mx-auto flex max-w-7xl flex-row flex-wrap gap-16 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
+  <div class="flex-1">
+    <div class="mb-6 flex flex-row items-center gap-4">
+      <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-gray-800 p-3">
+        {#if icon}
+          <img src={icon!} alt="Paperclip-rs logo" class="h-full w-full object-contain" />
+        {/if}
+      </div>
+      <h1 class="text-xl font-medium">Downloads</h1>
+    </div>
+
+    <h2 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">
+      Get Paperclip-rs
+      <span class="stable">{version}</span>
+    </h2>
+
+    <p class="mt-4 text-xl">Before downloading, ensure your operating system and CPU architecture match!</p>
+
+    <div class="mt-4 flex gap-2 text-xl">
+      Currently selected:
+      <DropdownSelect bind:value={os} options={osOptions} />
+      on
+      <DropdownSelect bind:value={cpu} options={cpuOptions} />
+    </div>
+
+    <div class="mt-8 flex flex-col gap-4">
+      <PaperclipRsDownloadButton {repository} {version} asset="none" eol={!!eol} disabled={false} />
+    </div>
+
+    <section id="builds" class="mt-20">
+      <!--      <SoftwareBuilds project={id} {version} builds={builds.value.builds} eol={!!eol} />-->
+    </section>
+
+    <div class="hidden"></div>
+  </div>
+</header>
diff --git a/src/components/data/SoftwareGitHubDownloadPage.svelte b/src/components/data/SoftwareGitHubDownloadPage.svelte
deleted file mode 100644
index 04592d94..00000000
--- a/src/components/data/SoftwareGitHubDownloadPage.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-<script lang="ts">
-  import { onMount, type Snippet } from "svelte";
-  import SoftwareGitHubDownloadButton from "@/components/data/SoftwareGitHubDownloadButton.svelte";
-
-  interface Project {
-    name: string;
-    icon?: string;
-  }
-
-  const projects: Record<string, Project> = {
-    "paperclip-rs": { name: "Paperclip-rs" },
-  };
-
-  interface Props {
-    id: string;
-    description?: string;
-    experimentalWarning?: string;
-    eol?: boolean;
-    Description?: Snippet;
-    repository: string;
-  }
-
-  let {
-    id,
-    description = undefined,
-    experimentalWarning = undefined,
-    eol = false,
-    Description = undefined,
-    repository,
-  }: Props = $props();
-
-  let project = $derived(projects[id])
-
-  let version = "vUnknown"
-</script>
-
-<header class="mx-auto flex max-w-7xl flex-row flex-wrap gap-16 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
-  <div class="flex-1">
-    <div class="mb-6 flex flex-row items-center gap-4">
-      <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-gray-800 p-3">
-        {#if project.icon}
-          <img src={project.icon!} alt={`${project.name} logo`} class="h-full w-full object-contain" />
-        {/if}
-      </div>
-      <h1 class="text-xl font-medium">Downloads</h1>
-    </div>
-
-    <h2 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">
-      Get {project.name}
-      <span class="stable">{version}</span>
-    </h2>
-
-    <p class="mt-4 text-xl">
-      {#if Description}
-        {@render Description()}
-      {:else if typeof description === "string"}
-        {@html description}
-      {/if}
-    </p>
-
-    <div class="mt-8 flex flex-col gap-4">
-      <SoftwareGitHubDownloadButton
-        repository={repository}
-        version={version}
-        asset="none"
-        eol={!!eol}
-        disabled={false}
-      />
-    </div>
-
-    <section id="builds" class="mt-20">
-<!--      <SoftwareBuilds project={id} {version} builds={builds.value.builds} eol={!!eol} />-->
-    </section>
-
-    <div class="hidden"></div>
-  </div>
-</header>
-
diff --git a/src/pages/downloads/paperclip-rs.astro b/src/pages/downloads/paperclip-rs.astro
index 8ef76095..9c0d5719 100644
--- a/src/pages/downloads/paperclip-rs.astro
+++ b/src/pages/downloads/paperclip-rs.astro
@@ -1,6 +1,6 @@
 ---
 export const prerender = false;
-import SoftwareGitHubDownloadPage from "@/components/data/SoftwareGitHubDownloadPage.svelte";
+import PaperclipRsDownloadPage from "@/components/data/PaperclipRsDownloadPage.svelte";
 import Layout from "@/layouts/Layout.astro";
 
 Astro.response.headers.set("Cache-Control", "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
@@ -13,5 +13,5 @@ Astro.response.headers.set("CDN-Cache-Control", "public, max-age=600, stale-whil
   keywords={["papermc", "minecraft", "performance", "paperclip-rs", "downloads", "windows", "linux", "mac"]}
   canonical="/downloads/paperclip-rs"
 >
-  <SoftwareGitHubDownloadPage id="paperclip-rs" repository="PaperMC/paperclip" />
+  <PaperclipRsDownloadPage client:load repository="PaperMC/paperclip" />
 </Layout>
diff --git a/src/pages/software/paperclip-rs.astro b/src/pages/software/paperclip-rs.astro
index 77429686..68e193bf 100644
--- a/src/pages/software/paperclip-rs.astro
+++ b/src/pages/software/paperclip-rs.astro
@@ -25,8 +25,6 @@ const { pagination } = await getHangarProjects("paper");
     <p slot="header">
       Improved startup-time<br /><span class="text-blue-500">for Paper</span>
     </p>
-    <p slot="description">
-      Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time.
-    </p>
+    <p slot="description">Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time.</p>
   </SoftwareHeader>
 </Layout>

From 066ba31b6f04fe188aca126e8be664ed0a8a8dbe Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sun, 2 Aug 2026 01:13:31 +0200
Subject: [PATCH 4/7] Add to downloads page index

---
 src/pages/downloads/index.astro | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/downloads/index.astro b/src/pages/downloads/index.astro
index b76c6417..203bb630 100644
--- a/src/pages/downloads/index.astro
+++ b/src/pages/downloads/index.astro
@@ -49,5 +49,15 @@ import Layout from "@/layouts/Layout.astro";
         eol
       />
     </div>
+    <h2 class="mt-4 text-center text-2xl font-medium">Misc</h2>
+    <div class="grid gap-2 px-2 md:grid-cols-2 xl:gap-4">
+      <SoftwarePreview
+        id="paperclip-rs"
+        name="Paperclip-rs"
+        icon="brand/paper"
+        description="Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time."
+        type={SoftwarePreviewType.Download}
+      />
+    </div>
   </header>
 </Layout>

From f292d6a48b97b34589f538f845f98d720755f6f4 Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sun, 2 Aug 2026 01:15:22 +0200
Subject: [PATCH 5/7] Fix lint issues

---
 .../data/PaperclipRsDownloadButton.svelte     | 22 -------------------
 1 file changed, 22 deletions(-)

diff --git a/src/components/data/PaperclipRsDownloadButton.svelte b/src/components/data/PaperclipRsDownloadButton.svelte
index b094f602..ce86d0b9 100644
--- a/src/components/data/PaperclipRsDownloadButton.svelte
+++ b/src/components/data/PaperclipRsDownloadButton.svelte
@@ -89,25 +89,3 @@
     </a>
   </div>
 </div>
-
-<style>
-  .size-4 {
-    width: 1rem;
-    height: 1rem;
-  }
-
-  .size-6 {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-
-  .size-8 {
-    width: 2rem;
-    height: 2rem;
-  }
-
-  [role="menu"] {
-    top: 100%;
-    transition: opacity 0.25s ease;
-  }
-</style>

From 324ce86cb1a85ad809c7189449b77ca2f4a9034b Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sun, 2 Aug 2026 21:33:16 +0200
Subject: [PATCH 6/7] Rebrand to Tack

---
 ...dButton.svelte => TackDownloadButton.svelte} |  0
 ...nloadPage.svelte => TackDownloadPage.svelte} | 11 +++++------
 src/components/layout/NavBar.astro              |  2 +-
 src/pages/downloads/index.astro                 |  8 ++++----
 src/pages/downloads/paperclip-rs.astro          | 17 -----------------
 src/pages/downloads/tack.astro                  | 17 +++++++++++++++++
 .../software/{paperclip-rs.astro => tack.astro} | 12 ++++++------
 7 files changed, 33 insertions(+), 34 deletions(-)
 rename src/components/data/{PaperclipRsDownloadButton.svelte => TackDownloadButton.svelte} (100%)
 rename src/components/data/{PaperclipRsDownloadPage.svelte => TackDownloadPage.svelte} (88%)
 delete mode 100644 src/pages/downloads/paperclip-rs.astro
 create mode 100644 src/pages/downloads/tack.astro
 rename src/pages/software/{paperclip-rs.astro => tack.astro} (62%)

diff --git a/src/components/data/PaperclipRsDownloadButton.svelte b/src/components/data/TackDownloadButton.svelte
similarity index 100%
rename from src/components/data/PaperclipRsDownloadButton.svelte
rename to src/components/data/TackDownloadButton.svelte
diff --git a/src/components/data/PaperclipRsDownloadPage.svelte b/src/components/data/TackDownloadPage.svelte
similarity index 88%
rename from src/components/data/PaperclipRsDownloadPage.svelte
rename to src/components/data/TackDownloadPage.svelte
index 4ac42f13..0c04eae1 100644
--- a/src/components/data/PaperclipRsDownloadPage.svelte
+++ b/src/components/data/TackDownloadPage.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-  import PaperclipRsDownloadButton from "@/components/data/PaperclipRsDownloadButton.svelte";
+  import TackDownloadButton from "@/components/data/TackDownloadButton.svelte";
   import { onMount } from "svelte";
   import DropdownSelect from "@/components/data/DropdownSelect.svelte";
+  import Icon from "astro-iconset/svelte";
 
   interface Props {
     description?: string;
@@ -59,15 +60,13 @@
   <div class="flex-1">
     <div class="mb-6 flex flex-row items-center gap-4">
       <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-gray-800 p-3">
-        {#if icon}
-          <img src={icon!} alt="Paperclip-rs logo" class="h-full w-full object-contain" />
-        {/if}
+        <Icon name="tabler:pin-filled" class="h-full w-full text-white" />
       </div>
       <h1 class="text-xl font-medium">Downloads</h1>
     </div>
 
     <h2 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">
-      Get Paperclip-rs
+      Get Tack
       <span class="stable">{version}</span>
     </h2>
 
@@ -81,7 +80,7 @@
     </div>
 
     <div class="mt-8 flex flex-col gap-4">
-      <PaperclipRsDownloadButton {repository} {version} asset="none" eol={!!eol} disabled={false} />
+      <TackDownloadButton {repository} {version} asset="none" eol={!!eol} disabled={false} />
     </div>
 
     <section id="builds" class="mt-20">
diff --git a/src/components/layout/NavBar.astro b/src/components/layout/NavBar.astro
index d4997388..7f22d176 100644
--- a/src/components/layout/NavBar.astro
+++ b/src/components/layout/NavBar.astro
@@ -29,7 +29,7 @@ import LogoMarkerLight from "@/assets/brand/logo-marker-light.svg";
         <NavDropDownLink href="/software/paper">Paper</NavDropDownLink>
         <NavDropDownLink href="/software/folia">Folia</NavDropDownLink>
         <NavDropDownLink href="/software/velocity">Velocity</NavDropDownLink>
-        <NavDropDownLink href="/software/paperclip-rs">Paperclip-rs</NavDropDownLink>
+        <NavDropDownLink href="/software/tack">Tack</NavDropDownLink>
         <NavDropDownLink href="/software/waterfall" eol>Waterfall</NavDropDownLink>
       </NavDropDown>
       <NavLink href="https://hangar.papermc.io/" target="_blank" className="inline-flex items-center">
diff --git a/src/pages/downloads/index.astro b/src/pages/downloads/index.astro
index 203bb630..32a97bf1 100644
--- a/src/pages/downloads/index.astro
+++ b/src/pages/downloads/index.astro
@@ -52,10 +52,10 @@ import Layout from "@/layouts/Layout.astro";
     <h2 class="mt-4 text-center text-2xl font-medium">Misc</h2>
     <div class="grid gap-2 px-2 md:grid-cols-2 xl:gap-4">
       <SoftwarePreview
-        id="paperclip-rs"
-        name="Paperclip-rs"
-        icon="brand/paper"
-        description="Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time."
+        id="tack"
+        name="Tack"
+        icon="tabler:pin-filled"
+        description="Tack is our AOT-ready Paper JAR launcher for reduced startup time."
         type={SoftwarePreviewType.Download}
       />
     </div>
diff --git a/src/pages/downloads/paperclip-rs.astro b/src/pages/downloads/paperclip-rs.astro
deleted file mode 100644
index 9c0d5719..00000000
--- a/src/pages/downloads/paperclip-rs.astro
+++ /dev/null
@@ -1,17 +0,0 @@
----
-export const prerender = false;
-import PaperclipRsDownloadPage from "@/components/data/PaperclipRsDownloadPage.svelte";
-import Layout from "@/layouts/Layout.astro";
-
-Astro.response.headers.set("Cache-Control", "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
-Astro.response.headers.set("CDN-Cache-Control", "public, max-age=600, stale-while-revalidate=120");
----
-
-<Layout
-  title="Paperclip-rs"
-  description="Download Paperclip-rs, our AOT-ready Paper JAR launcher for reduced startup time."
-  keywords={["papermc", "minecraft", "performance", "paperclip-rs", "downloads", "windows", "linux", "mac"]}
-  canonical="/downloads/paperclip-rs"
->
-  <PaperclipRsDownloadPage client:load repository="PaperMC/paperclip" />
-</Layout>
diff --git a/src/pages/downloads/tack.astro b/src/pages/downloads/tack.astro
new file mode 100644
index 00000000..ab91c1a5
--- /dev/null
+++ b/src/pages/downloads/tack.astro
@@ -0,0 +1,17 @@
+---
+export const prerender = false;
+import TackDownloadPage from "@/components/data/TackDownloadPage.svelte";
+import Layout from "@/layouts/Layout.astro";
+
+Astro.response.headers.set("Cache-Control", "public, max-age=300, s-maxage=600, stale-while-revalidate=120");
+Astro.response.headers.set("CDN-Cache-Control", "public, max-age=600, stale-while-revalidate=120");
+---
+
+<Layout
+  title="Tack"
+  description="Download Tack, our AOT-ready Paper JAR launcher for reduced startup time."
+  keywords={["papermc", "minecraft", "performance", "tack", "downloads", "windows", "linux", "mac"]}
+  canonical="/downloads/tack"
+>
+  <TackDownloadPage client:load repository="PaperMC/Tack" />
+</Layout>
diff --git a/src/pages/software/paperclip-rs.astro b/src/pages/software/tack.astro
similarity index 62%
rename from src/pages/software/paperclip-rs.astro
rename to src/pages/software/tack.astro
index 68e193bf..e5d2d15a 100644
--- a/src/pages/software/paperclip-rs.astro
+++ b/src/pages/software/tack.astro
@@ -16,15 +16,15 @@ const { pagination } = await getHangarProjects("paper");
 ---
 
 <Layout
-  title="Paperclip-rs"
-  description="Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time."
-  keywords={["papermc", "minecraft", "performance", "paperclip-rs", "windows", "linux", "mac"]}
-  canonical="/software/paperclip-rs"
+  title="Tack"
+  description="Tack is our AOT-ready Paper JAR launcher for reduced startup time."
+  keywords={["papermc", "minecraft", "performance", "tack", "windows", "linux", "mac"]}
+  canonical="/software/tack"
 >
-  <SoftwareHeader id="paperclip-rs" name="Paperclip-rs" icon="brand/paper">
+  <SoftwareHeader id="tack" name="Tack" icon="tabler:pin-filled">
     <p slot="header">
       Improved startup-time<br /><span class="text-blue-500">for Paper</span>
     </p>
-    <p slot="description">Paperclip-rs is our AOT-ready Paper JAR launcher for reduced startup time.</p>
+    <p slot="description">Tack is our AOT-ready Paper JAR launcher for reduced startup time.</p>
   </SoftwareHeader>
 </Layout>

From 0ffb058f93a32450536f7657c6039b7451244d2d Mon Sep 17 00:00:00 2001
From: Strokkur24 <strokkur.24@gmail.com>
Date: Sun, 2 Aug 2026 21:42:46 +0200
Subject: [PATCH 7/7] Update icon

---
 bun.lock                                    | 3 +++
 package.json                                | 1 +
 src/components/data/TackDownloadPage.svelte | 2 +-
 src/pages/downloads/index.astro             | 2 +-
 src/pages/software/tack.astro               | 2 +-
 5 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/bun.lock b/bun.lock
index 69fe4dd7..3c70451a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -13,6 +13,7 @@
         "@iconify-json/flowbite": "^1.2.7",
         "@iconify-json/griddy-icons": "^1.2.0",
         "@iconify-json/mdi": "^1.2.3",
+        "@iconify-json/pinhead": "^1.2.13",
         "@iconify-json/tabler": "^1.2.38",
         "@iconify-json/wpf": "^1.2.0",
         "@tailwindcss/vite": "4.3.3",
@@ -238,6 +239,8 @@
 
     "@iconify-json/mdi": ["@iconify-json/mdi@1.2.3", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg=="],
 
+    "@iconify-json/pinhead": ["@iconify-json/pinhead@1.2.13", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-B6vLWzIN3bX4qhRriU1JkKx9UW9eS7prQDnplWYneqeHj0mqSfD/R/Qf+zs1y1/5TfipWgxrsBdVdSE2zErWWg=="],
+
     "@iconify-json/tabler": ["@iconify-json/tabler@1.2.38", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-9v6ooRU/bKOK/Whv4w2aiK5gBnfCV9Ei+uD1iDDeLu2b+EnF3G3ZKkRKWEOOLG8bJyfKn6XEia6gUQ9oO7cF+Q=="],
 
     "@iconify-json/wpf": ["@iconify-json/wpf@1.2.0", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-sA5z2Fy0rh6+wSMlXpj5Of4oRXZTn84zQFo2yWTtjbN5WTrH52iJrT4KLmepnF8l5VAsf+WbeXsQLFFhlVeDFA=="],
diff --git a/package.json b/package.json
index e8c47e57..0b26062b 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "@iconify-json/flowbite": "^1.2.7",
     "@iconify-json/griddy-icons": "^1.2.0",
     "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/pinhead": "^1.2.13",
     "@iconify-json/tabler": "^1.2.38",
     "@iconify-json/wpf": "^1.2.0",
     "@tailwindcss/vite": "4.3.3",
diff --git a/src/components/data/TackDownloadPage.svelte b/src/components/data/TackDownloadPage.svelte
index 0c04eae1..9006823c 100644
--- a/src/components/data/TackDownloadPage.svelte
+++ b/src/components/data/TackDownloadPage.svelte
@@ -60,7 +60,7 @@
   <div class="flex-1">
     <div class="mb-6 flex flex-row items-center gap-4">
       <div class="flex h-12 w-12 items-center justify-center rounded-lg bg-gray-800 p-3">
-        <Icon name="tabler:pin-filled" class="h-full w-full text-white" />
+        <Icon name="pinhead:flat-head-thumb-tack" class="h-full w-full text-white" />
       </div>
       <h1 class="text-xl font-medium">Downloads</h1>
     </div>
diff --git a/src/pages/downloads/index.astro b/src/pages/downloads/index.astro
index 32a97bf1..b4ac3e83 100644
--- a/src/pages/downloads/index.astro
+++ b/src/pages/downloads/index.astro
@@ -54,7 +54,7 @@ import Layout from "@/layouts/Layout.astro";
       <SoftwarePreview
         id="tack"
         name="Tack"
-        icon="tabler:pin-filled"
+        icon="pinhead:flat-head-thumb-tack"
         description="Tack is our AOT-ready Paper JAR launcher for reduced startup time."
         type={SoftwarePreviewType.Download}
       />
diff --git a/src/pages/software/tack.astro b/src/pages/software/tack.astro
index e5d2d15a..d4ac09db 100644
--- a/src/pages/software/tack.astro
+++ b/src/pages/software/tack.astro
@@ -21,7 +21,7 @@ const { pagination } = await getHangarProjects("paper");
   keywords={["papermc", "minecraft", "performance", "tack", "windows", "linux", "mac"]}
   canonical="/software/tack"
 >
-  <SoftwareHeader id="tack" name="Tack" icon="tabler:pin-filled">
+  <SoftwareHeader id="tack" name="Tack" icon="pinhead:flat-head-thumb-tack">
     <p slot="header">
       Improved startup-time<br /><span class="text-blue-500">for Paper</span>
     </p>