Update packages & optimize docs

Signed-off-by: TheRealPear <20259871+TheRealPear@users.noreply.github.com>

package.json

@@ -20,22 +20,22 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.0.1",
-    "@docusaurus/preset-classic": "^3.0.1",
-    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@docusaurus/core": "^3.2.1",
+    "@docusaurus/preset-classic": "^3.2.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mdx-js/react": "^3.0.0",
-    "classnames": "^2.3.2",
-    "clsx": "^2.0.0",
-    "date-fns": "^2.30.0",
-    "prism-react-renderer": "^2.3.0",
+    "@mdx-js/react": "^3.0.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.0",
+    "date-fns": "^3.6.0",
+    "prism-react-renderer": "^2.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.0.1",
-    "husky": "^8.0.3"
+    "@docusaurus/module-type-aliases": "^3.2.1",
+    "husky": "^9.0.11"
   },
   "browserslist": {
     "production": [

src/pages/downloads/index.js

@@ -55,7 +55,7 @@ export default function Downloads() {
               <div className="row">
                 <div className="col">
                   <div className="row">
-                    <img src="/img/shield.png" className={styles.pgm_logo} />
+                    <img src="/img/shield.png" alt="" className={styles.pgm_logo} />
                     <div className={styles.pgm}>
                       <h1>PGM {releases[0].name}</h1>
                       <p>
@@ -123,19 +123,24 @@ export default function Downloads() {
                 <div className={classnames("col col--4", styles.col_margin_left)}>
                 <h2>Download SportPaper</h2>
                 <p>
-                  SportPaper is a Minecraft server jar based on Paper 1.8 tuned
-                  for maximum performance and high intensity PvP. It is
-                  mandatory and should run alongside PGM.
+                  SportPaper is a Minecraft server software based on Paper 1.8, tuned
+                  for maximum performance and high-intensity PvP. It is
+                  recommended for use with PGM.
                 </p>
                 <div className="text--center">
-                  <a
-                    className={classnames(
-                      "button button--primary",
-                      styles.download_button
-                    )}
-                    href={releases[0].assets[1].browser_download_url}
-                  >
-                    Download <FontAwesomeIcon icon={faDownload} />
+                  <div className={classnames(styles.download_button_wrapper)}>
+                    <a
+                      className={classnames(
+                        "button button--primary",
+                        styles.download_button
+                      )}
+                      href={"https://repo.pgm.fyi/snapshots/app/ashcon/sportpaper/1.8.8-R0.1-SNAPSHOT/sportpaper-1.8.8-R0.1-SNAPSHOT.jar"}
+                    >
+                      Download <FontAwesomeIcon icon={faDownload} />
+                    </a>
+                  </div>
+                  <a href="https://github.com/Electroid/SportPaper">
+                    GitHub <FontAwesomeIcon icon={faAngleRight} />
                   </a>
                 </div>
               </div>
@@ -213,8 +218,8 @@ export default function Downloads() {
                   <div className={styles.others_description}>
                     <p>
                       Community is a standalone plugin for managing PGM servers.
-                      It includes various PGM features, such as punishments,
-                      moderation, freezing, and other aspects.
+                      It includes a wide range of useful features such as robust moderation 
+                      tools, a friendship system, match mutations, a party system, and more.
                     </p>
                   </div>
                 </div>
@@ -253,8 +258,8 @@ export default function Downloads() {
                   </div>
                   <div className={styles.others_description}>
                     <p>
-                      ResourcePile is a community project which aims to provide
-                      various collections of resources, such as maps or
+                      ResourcePile is a community project that aims to archive
+                      various collections of resources, such as maps or historical
                       statistics, for users with backgrounds in Overcast and
                       similar networks.
                     </p>

src/pages/downloads/styles.module.css

@@ -130,7 +130,7 @@
     0px 1.6px 3.6px rgba(0, 0, 0, 0.132);
   padding: 3rem 1rem;
   background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
-    url("/img/fallback.jpg");
+    url("/img/fallback.avif");
   background-position: center;
   color: white;
   border-radius: 10px;

src/pages/index.js

@@ -9,7 +9,7 @@ import styles from "./styles.module.css";
 const features = [
   {
     title: "Easy to Use",
-    imageUrl: "img/ok-hand.png",
+    imageUrl: "img/ok-hand.svg",
     description: (
       <>
         Unlike the original release, PGM 1.8 is much easier to use. It has no
@@ -19,7 +19,7 @@ const features = [
   },
   {
     title: "Open Source",
-    imageUrl: "img/open-hands.png",
+    imageUrl: "img/open-hands.svg",
     description: (
       <>
         Not only is PGM easy to use, but contributing requires no dependency
@@ -31,7 +31,7 @@ const features = [
   },
   {
     title: "Active Community",
-    imageUrl: "img/handshake.png",
+    imageUrl: "img/handshake.svg",
     description: (
       <>
         Be part of a community of over 20 contributors and help keep the project
@@ -48,7 +48,7 @@ function Feature({ imageUrl, title, description }) {
     <div className={classnames("col col--4", styles.feature)}>
       {imgUrl && (
         <div className="text--center">
-          <img className={styles.featureImage} src={imgUrl} alt={title} />
+          <img className={styles.featureImage} src={imgUrl} loading="lazy" alt="" />
         </div>
       )}
       <h3>{title}</h3>
@@ -67,17 +67,19 @@ function Home() {
         <video
           playsInline="playsinline"
           autoPlay="autoplay"
+          disablePictureInPicture
           muted="muted"
           loop="loop"
-          poster="img/fallback.jpg"
+          poster="img/fallback.avif"
         >
-          <source src="video/video.mp4" type="video/mp4" />
+          <source src="video/video.webm" type="video/webm" />
+          {/* <source src="video/video.mp4" type="video/mp4" /> */}
         </video>
         <div className={classnames("container", styles.bannerContainer)}>
           <div className="row">
             <div className="col col--6">
               <h1 className={classnames("hero__title", styles.bannerTitle)}>
-                The original, redefined.
+                The original, <span className={styles.bannerGradient}>redefined</span>.
               </h1>
               <p className="hero__subtitle" style={{ color: "#FFF" }}>
                 {siteConfig.tagline}

src/pages/styles.module.css

@@ -40,10 +40,17 @@
 }
 
 .bannerTitle {
-  font-size: 4.5rem !important;
+  font-size: clamp(2.91rem, 4.5vw, 4.5rem) !important;
   line-height: 1.01em !important;
   font-weight: 700 !important;
-  color: #fff !important;
+  color: #fff;
+}
+
+.bannerGradient {
+  background: #FF4500; /* fallback color */
+  background: linear-gradient(to right, #FFA500 0%, #FF8D00 15%, #FF7500 50%, #FF4500 85%, #DC3B00 100%);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
 @media only screen and (min-width: 992px) {