Add Adventure Javadocs (#234)

And update Javadocs page

Author: Strokkur424

src/assets/brand/adventure.svg

@@ -21,12 +21,12 @@ const { id, name, icon, description, type, eol } = Astro.props;
 
 <software-preview data-software={id} data-preview-type={type}>
   <a href="#loading" class="rounded-md">
-    <article class="btn btn-outline btn-gray h-full flex-col items-start justify-start rounded-md p-4 text-left">
+    <article class="btn btn-outline btn-gray group h-full flex-col items-start justify-start rounded-md p-4 text-left">
       <div class="flex flex-row items-center gap-4">
         <div class="h-12 w-12 rounded-lg bg-gray-800 p-3">
-          <Icon name={icon} class="h-full w-full" />
+          <Icon name={icon} class:list={["h-full w-full", eol && "group-hover:stroke-red-400 group-hover:text-red-400"]} />
         </div>
-        <h3 class="flex flex-1 items-center gap-4 text-lg font-medium">
+        <h3 class:list={["flex flex-1 items-center gap-4 text-lg font-medium", eol && "group-hover:text-red-400"]}>
           {name}
           {eol && <Icon name="icons/fontawesome/box-archive" class="h-6 fill-current" />}
         </h3>

src/assets/brand/waterfall.svg

@@ -9,16 +9,28 @@ import SoftwarePreview, { SoftwarePreviewType } from "@/components/data/Software
   keywords={["papermc", "paper", "folia", "javadocs", "velocity", "waterfall"]}
   canonical="/javadocs"
 >
-  <header class="mx-auto flex max-w-7xl flex-col items-center gap-2 px-4 pt-32 pb-16 lg:pt-48 lg:pb-26">
+  <header class="mx-auto flex max-w-4xl flex-col items-center gap-2 px-4 pt-32 pb-16 lg:pt-28 lg:pb-12">
     <h1 class="text-4xl leading-normal font-medium lg:text-5xl lg:leading-normal">Javadocs</h1>
     <p class="mb-6 text-center text-xl">
-      {"You can find the javadocs for our software below:"}
+      {"You can find the javadocs for our software below."}
     </p>
-    <div class="grid gap-2 px-2 md:grid-cols-4 lg:mt-6 xl:gap-4">
+
+    <h2 class="mt-4 text-center text-2xl font-medium">Server Software</h2>
+    <div class="grid w-full gap-2 px-2 pr-15 pl-15 md:grid-cols-2 xl:gap-4">
       <SoftwarePreview id="paper" name="Paper" icon="brand/paper" type={SoftwarePreviewType.Javadocs} />
       <SoftwarePreview id="folia" name="Folia" icon="brand/folia" type={SoftwarePreviewType.Javadocs} />
+    </div>
+
+    <h2 class="mt-4 text-center text-2xl font-medium">Proxy Software</h2>
+    <div class="grid w-full gap-2 px-2 pr-15 pl-15 md:grid-cols-2 xl:gap-4">
       <SoftwarePreview id="velocity" name="Velocity" icon="brand/velocity" type={SoftwarePreviewType.Javadocs} />
-      <SoftwarePreview id="waterfall" name="Waterfall" icon="brand/waterfall" type={SoftwarePreviewType.Javadocs} />
+      <SoftwarePreview id="waterfall" name="Waterfall" icon="brand/waterfall" type={SoftwarePreviewType.Javadocs} eol />
+    </div>
+
+    <h2 class="mt-4 text-center text-2xl font-medium">Libraries</h2>
+    <div class="grid w-full gap-2 px-2 pr-15 pl-15 md:grid-cols-2 xl:gap-4">
+      <SoftwarePreview id="adventure" name="Adventure" icon="brand/adventure" type={SoftwarePreviewType.Javadocs} />
+      <div></div>
     </div>
   </header>
 </Layout>