Documentation - Various Image Improvements

docs/developers/modules/_meta.json

@@ -16,7 +16,7 @@
     "nametag": "Nametag",
     "nickhider": "Nick Hider",
     "notification": "Notification",
-    "paynow": "Pay Now",
+    "paynow": "PayNow",
     "packetenrichment": "Packet Enrichment",
     "richpresence": "Rich Presence",
     "saturation": "Saturation",

docs/developers/modules/beam.mdx

@@ -12,7 +12,7 @@ The beam module allows you to create custom beams resembling beacon beams, which
     -   Exact location pinpointing for the beams to be shown on.
     -   Beams appear through blocks, unlike in vanilla Minecraft.
 
-![Beam Module Example](https://i.imgur.com/F539tcr.jpeg#center)
+![Beam Module Example](/modules/beam/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Beams can be at any location and be any color!</small>

docs/developers/modules/chat.mdx

@@ -9,7 +9,7 @@ The chat module allows you to interact with and modify users chat feeds.
 - Adds the ability to simulate live updating messages
     - Grants the ability to remove specific messages for a player
 
-![Chat Module Example](https://i.imgur.com/4kMmYJZ.gif#center)
+![Chat Module Example](/modules/chat/overview.gif#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Example of simulating live chat!</small>

docs/developers/modules/coloredfire.mdx

@@ -6,7 +6,7 @@ import { Tab, Tabs } from 'nextra-theme-docs'
 
 The colored fire module allows you to modify the color of the flames that appear on a burning entity.
 
-![Colored Fire Module Example](https://i.imgur.com/Ou4kiYE.png#center)
+![Colored Fire Module Example](/modules/coloredfire/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Make users burn with any color!</small>

docs/developers/modules/cooldown.mdx

@@ -10,7 +10,7 @@ Apollo's cooldown module allows servers to interact with the Cooldown mod found
   - Add your own custom icon, visible within the cooldown.
   - Set your own duration for each cooldown.
 
-![Cooldown Module Example](https://i.imgur.com/EPPNIQw.png#center)
+![Cooldown Module Example](/modules/cooldown/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Display any in-game item, SVGs or textures found within resourcepacks! (1.7+)</small>

docs/developers/modules/glint.mdx

@@ -14,7 +14,7 @@ The glint module allows you to control, display, and override a custom glint eff
   This module is only supported for 1.7 to 1.12 versions of Lunar Client.
 </Callout>
 
-![Glint Module Example](https://i.imgur.com/UcIY0YO.png#center)
+![Glint Module Example](/modules/glint/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Set enchantment glints on any item with any color!</small>

docs/developers/modules/glow.mdx

@@ -15,7 +15,7 @@ The glow module allows you to take advantage of the vanilla Minecraft Glow Effec
   In Version 1.12, Optifine's 'Fast Render' setting alters player rendering. This is expected behavior for Optifine.
 </Callout>
 
-![Glow Module Example](https://i.imgur.com/Ra3r363.png#center)
+![Glow Module Example](/modules/glow/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Highlight any user with the glow effect, of any color on all versions!</small>

docs/developers/modules/limb.mdx

@@ -9,7 +9,7 @@ The limb module allows you to hide the `ArmorPiece` and `BodyPart` limbs of a pl
 - Adds the ability to hide individual armor pieces and body parts of a player.
   - Select certain body parts and armor pieces to hide without needing to do any complex integration.
 
-![Limb Module Example](https://i.imgur.com/nzq1aht.jpeg#center)
+![Limb Module Example](/modules/limb/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Hide select body parts and armor pieces!</small>

docs/developers/modules/modsetting.mdx

@@ -14,7 +14,7 @@ You can find all available mods and their options under the mods section.
   - Ability to change, enable or disable mod settings within a mod.
   - Ability to retrieve the current value of any mod and settings within a mod.
 
-![Mod Settings Module Example](https://i.imgur.com/KJqpGfa.png#center)
+![Mod Settings Module Example](/modules/modsettings/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>When mods are disabled on the server, players will receive a notification!</small>

docs/developers/modules/nametag.mdx

@@ -16,7 +16,7 @@ The nametag module enhances the vanilla Minecraft nametag.
   After a certain point, adding extra lines can start to be less appealing.
 </Callout>
 
-![Nametag Module Example](https://i.imgur.com/kE5CyLm.png#center)
+![Nametag Module Example](/modules/nametag/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Display an unlimited amount of lines above a users head.</small>

docs/developers/modules/notification.mdx

@@ -11,7 +11,7 @@ The notification module allows you to send Lunar Client notifications to players
   - Custom notification color can be provided.
   - Custom icons can be provided.
 
-![Notification Module Example](https://i.imgur.com/pBgRxda.png#center)
+![Notification Module Example](/modules/notification/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Send notifications using Lunar Client, with any icon, title, and description!</small>

docs/developers/modules/paynow.mdx

@@ -1,19 +1,23 @@
 import { Tab, Tabs } from 'nextra-theme-docs'
 import { Callout } from 'nextra-theme-docs'
 
-# Pay Now Module
+# PayNow Module
 
 ## Overview
 
-The Pay Now module allows Lunar Client users to complete purchases directly within the game, providing a faster, more seamless checkout experience.
+The PayNow module allows Lunar Client users to complete purchases directly within the game, providing a faster, more seamless checkout experience.
 
 **Overlay Mode**
 
-This mode displays the Pay Now checkout flow as an overlay on the Minecraft window, similar to opening an inventory. It provides the most seamless experience and is the preferred method. Overlay mode is only available on **Windows**.
+This mode displays the PayNow checkout flow as an overlay on the Minecraft window, similar to opening an inventory. It provides the most seamless experience and is the preferred method. Overlay mode is only available on **Windows**.
+
+![PayNow Overlay Example](/modules/paynow/overlay.png#center)
 
 **Window Mode**
 
-As a fallback, and for **macOS** and **Linux** users, a separate window opens to display the Pay Now checkout flow. While not as seamless as overlay mode, this ensures compatibility across all operating systems.
+As a fallback, and for **macOS** and **Linux** users, a separate window opens to display the PayNow checkout flow. While not as seamless as overlay mode, this ensures compatibility across all operating systems.
+
+![PayNow Window Example](/modules/paynow/window.png#center)
 
 ## Usage Guidelines
 
@@ -65,7 +69,7 @@ Explore each integration by cycling through each tab to find the best fit for yo
 
 <Tab>
 
-**Display Pay Now Embedded Checkout**
+**Display PayNow Embedded Checkout**
 
 ```java
 public void displayPayNowEmbeddedCheckoutExample(Player viewer, String checkoutToken) {
@@ -98,7 +102,7 @@ public void displayPayNowEmbeddedCheckoutExample(Player viewer, String checkoutT
 
 <Tab>
 
-**Display Pay Now Embedded Checkout**
+**Display PayNow Embedded Checkout**
 
 <Callout type="info">
   To detect embedded checkout support type visit [Apollo Serverbound packets](/apollo/developers/lightweight/protobuf/serverbound-packets)
@@ -118,7 +122,7 @@ public void displayPayNowEmbeddedCheckoutExample(Player viewer, String checkoutT
 
 <Tab>
 
-**Display Pay Now Embedded Checkout**
+**Display PayNow Embedded Checkout**
 
 ```java
 public void displayPayNowEmbeddedCheckoutExample(Player viewer, String checkoutToken) {

docs/developers/modules/richpresence.mdx

@@ -20,7 +20,7 @@ The rich presence module allows you to interact with Discord and Lunar Client's
   Your server must be a part of Lunar Client's [ServerMappings](/server-mappings/introduction) to use this module.
 </Callout>
 
-![Rich Presence Module Example](https://i.imgur.com/k788SQ2.png#center)
+![Rich Presence Module Example](/modules/richpresence/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Display information about your server on Discord and Lunar Client's rich presence!</small>

docs/developers/modules/saturation.mdx

@@ -15,7 +15,7 @@ The saturation module allows you to interact with and set custom saturation and
   This module only changes the displayed values, you'll need to change the actual hunger and saturation levels server-side.
 </Callout>
 
-![Saturation Module Example](https://i.imgur.com/HcyvVWr.gif#center)
+![Saturation Module Example](/modules/saturation/overview.gif#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Set custom saturation and hunger display values for items!</small>

docs/developers/modules/staffmod.mdx

@@ -9,7 +9,7 @@ The staff mod module allows you to interact with Lunar Client's built in staff m
 - Ability to grant and remove staff mods found in Lunar Client for players.
   - Ability to allow players to enable/disable the X-ray mod.
 
-![Staff Mod Module Example](https://i.imgur.com/8muCExp.png)
+![Staff Mod Module Example](/modules/staffmod/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Allow your staff to use hidden staff only mods, like xray!</small>

docs/developers/modules/stopwatch.mdx

@@ -11,7 +11,7 @@ The stopwatch module allows you to control the stopwatch mod inside Lunar Client
   - Stop a player's stopwatch
   - Reset a player's stopwatch
 
-![Stopwatch Module Example](https://i.imgur.com/HEX9q0H.gif#center)
+![Stopwatch Module Example](/modules/stopwatch/overview.gif#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Start, Stop, and Reset the Lunar Client stopwatch mod!</small>

docs/developers/modules/team.mdx

@@ -11,7 +11,7 @@ The team module will allow you to interact with the Team View mod in Lunar Clien
   - Enables displaying a marker above the head of teammates
   - Set custom team marker color
 
-![Team Module Example](https://i.imgur.com/Cp2YMbe.jpeg#center)
+![Team Module Example](/modules/team/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Teammates will have markers over their head, appear on Minimap Mod, and appear in the Direction HUD mod!</small>

docs/developers/modules/tebex.mdx

@@ -11,13 +11,13 @@ The Tebex module allows Lunar Client users to complete purchases directly within
 
 This mode displays the Tebex checkout flow as an overlay on the Minecraft window, similar to opening an inventory. It provides the most seamless experience and is the preferred method. Overlay mode is only available on **Windows**.
 
-![Tebex Overlay Example](https://i.imgur.com/1grfRaX.png#center)
+![Tebex Overlay Example](/modules/tebex/overlay.png#center)
 
 **Window Mode**
 
 As a fallback, and for **macOS** and **Linux** users, a separate window opens to display the Tebex checkout flow. While not as seamless as overlay mode, this ensures compatibility across all operating systems.
 
-![Tebex Window Example](https://i.imgur.com/68wBAYZ.png#center)
+![Tebex Window Example](/modules/tebex/window.png#center)
 
 ## Usage Guidelines
 

docs/developers/modules/transfer.mdx

@@ -17,7 +17,7 @@ When you combine the usage of the ping packet and transfer packet, you can do co
   Players are prompted with a confirmation screen, where they can accept or decline the transfer-packet. However, the prompt can be skipped via the transfer consent DNS record. See the section below for more info.
 </Callout>
 
-![Transfer Module Example](https://i.imgur.com/TjdBfYn.png#center)
+![Transfer Module Example](/modules/transfer/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Attempting to transfer users from one server to another! (Works on both modern & legacy versions)</small>

docs/developers/modules/waypoint.mdx

@@ -14,7 +14,7 @@ The waypoint module allows you to interact with the Waypoints mod in Lunar Clien
     - Control the ability to remove the waypoint. (They will always have the option to disable the waypoint, even if you prevent it from being deleted client-side.)
     - Control if the waypoint is set to be hidden by default.
 
-![Waypoint Module Example](https://i.imgur.com/WN2MY5u.jpeg#center)
+![Waypoint Module Example](/modules/waypoint/overview.png#center)
 
 <div style={{ textAlign: "center" }}>
     <small>Waypoints allow players on your server to know where the action is at!</small>

docs/downloads.mdx

@@ -18,7 +18,7 @@ import styles from "./downloads.module.css";
 
 <div className={styles.downloadGrid}>
     <div className={styles.downloadItem}>
-        <img className={styles.downloadIcon} src="/bukkit.png" alt="Bukkit" />
+        <img className={styles.downloadIcon} src="/platforms/bukkit.png" alt="Bukkit" />
         <span className={styles.downloadTitle}>Bukkit</span>
         <button className={styles.downloadButton} onClick={() => 
             fetch("https://api.lunarclientprod.com/apollo/updates")
@@ -30,7 +30,7 @@ import styles from "./downloads.module.css";
         </button>
     </div>
     <div className={styles.downloadItem}>
-        <img className={styles.downloadIcon} src="/folia.png" alt="Folia" />
+        <img className={styles.downloadIcon} src="/platforms/folia.png" alt="Folia" />
         <span className={styles.downloadTitle}>Folia</span>
         <button className={styles.downloadButton} onClick={() => 
             fetch("https://api.lunarclientprod.com/apollo/updates")
@@ -42,7 +42,7 @@ import styles from "./downloads.module.css";
         </button>
     </div>
     <div className={styles.downloadItem}>
-        <img className={styles.downloadIcon} src="/bungee.png" alt="Bungee" />
+        <img className={styles.downloadIcon} src="/platforms/bungee.png" alt="Bungee" />
         <span className={styles.downloadTitle}>Bungee</span>
         <button className={styles.downloadButton} onClick={() => 
             fetch("https://api.lunarclientprod.com/apollo/updates")
@@ -54,7 +54,7 @@ import styles from "./downloads.module.css";
         </button>
     </div>
     <div className={styles.downloadItem}>
-        <img className={styles.downloadIcon} src="/velocity.png" alt="Velocity" />
+        <img className={styles.downloadIcon} src="/platforms/velocity.png" alt="Velocity" />
         <span className={styles.downloadTitle}>Velocity</span>
         <button className={styles.downloadButton} onClick={() => 
             fetch("https://api.lunarclientprod.com/apollo/updates")
@@ -66,7 +66,7 @@ import styles from "./downloads.module.css";
         </button>
     </div>
     <div className={styles.downloadItem}>
-        <img className={styles.downloadIcon} src="/minestom.png" alt="Minestom" />
+        <img className={styles.downloadIcon} src="/platforms/minestom.png" alt="Minestom" />
         <span className={styles.downloadTitle}>Minestom</span>
         <button className={styles.downloadButton} onClick={() => router.push("https://lunarclient.dev/apollo/developers/minestom")}>
             <FontAwesomeIcon icon={faFileCode} className={styles.downloadButtonIcon} />