docs: update gettingstarted

gettingstarted.html

@@ -2,98 +2,56 @@
 title: Getting Started
 description: 
 published: true
-date: 2025-02-27T01:50:07.618Z
+date: 2025-07-06T04:22:02.761Z
 tags: 
 editor: code
-dateCreated: 2025-01-27T20:50:39.270Z
+dateCreated: 2025-06-08T03:06:31.460Z
 -->
 
-<div align="center">
+<div style="text-align: center; margin-bottom: 20px;">
-  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="NGD Logo">
+  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;">
 </div>
-<br>
+
-<div style="
+<hr style="border: none; border-top: 2px solid #4a90e2; margin-bottom: 30px;">
-    border: 1px solid #888;
+
-    border-radius: 8px;
+<div style="background-color: #2a2a2a; border: 1px solid #555; border-radius: 8px; padding: 16px; margin: 0 auto 30px auto; width: 700px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);">
-    padding: 15px;
+  <div style="text-align: center;">
-    background-color: #2a2a2a;
+    <div style="color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 8px;">
-    text-align: center;
-    color: #fff;
-    font-size: 20px;
-    font-weight: bold;
-    line-height: 1.4; /* Adjust line height for closer spacing */
-">
-    <p style="margin: 0;">
       Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
-    </p>
+    </div>
-    <p style="color: #4a90e2; font-size: 16px; margin: 5px 0 0 0; line-height: 1;">
+    <p style="color: #4a90e2; font-size: 15px; margin-bottom: 12px; margin-top: 0;">
       <strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
     </p>
+    <iframe width="660" height="371" src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
+  </div>
 </div>
 
+<div style="background-color: #2a2a2a; border: 1px solid #555; border-radius: 8px; padding: 16px; margin: 0 auto 30px auto; width: 700px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);">
+  <div style="text-align: left; color: #e0e0e0; font-size: 15px;">
+    <p><strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong></p>
+    <ol>
+      <li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank" style="color: #4a90e2;">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank" style="color: #4a90e2;">CFX Portal</a>.</li>
+      <li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
+      <li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank" style="color: #4a90e2;">like shown</a>.</li>
+      <li>Open your server's <code>server.cfg</code> file. At the bottom, add these lines, then restart your server:</li>
+    </ol>
 
-
+    <div style="background: #111; border: 1px solid #555; padding: 10px; border-radius: 6px; width: 175px; margin: 10px auto; text-align: left; font-family: monospace;">
-<br>
+<pre style="margin: 0;">
-<div style="
-    border: 1px solid #888;
-    border-radius: 8px;
-    padding: 15px;
-    background-color: #2a2a2a; /* Gray background */
-    color: #fff;
-    font-size: 18px;
-    font-weight: bold;
-">
-    <div style="display: flex; align-items: center;">
-        <span style="font-size: 24px; margin-right: 10px;">🛠️</span>
-        MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
-    </div>
-    <ol style="padding-left: 20px; font-weight: normal; margin-top: 15px;">
-        <li>
-            Download all NGD resources from 
-            <a href="https://keymaster.fivem.net/" style="color: #4a90e2; text-decoration: underline;">Keymaster</a>
-            or 
-            <a href="https://portal.cfx.re/" style="color: #4a90e2; text-decoration: underline;">CFX Portal</a>.
-        </li>
-        <li>
-            Create a folder called <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">[ngd]</code> inside of your server's main resource folder.
-        </li>
-        <li>
-            Extract all of your NGD resources and put them in this folder 
-            <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" style="color: #4a90e2; text-decoration: underline;">like shown</a> 
-            (Please note - You may not have the resources shown.)
-        </li>
-        <li>
-            Open your server's <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">server.cfg</code> file. Towards the <b>bottom</b> of all your resources, put the following and then restart your server:
-            <pre style="background-color: #111; padding: 12px 15px; border-radius: 6px; color: #f1f1f1; margin: 10px 0; font-family: monospace; font-size: 16px;">
 ensure ngd-Bridge
 ensure ngd-dj
-ensure [ngd]            </pre>
+ensure [ngd]
-            <span style="font-size: 14px;">
+</pre>
-                Please Note - If you didn't receive <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">ngd-dj</code> with your resources, please don't put it in your server.cfg
-            </span>
-        </li>
-    </ol>
-    <p style="margin-top: 15px; font-weight: normal;">
-        Do you have CODEM Inventory? Click 
-        <a href="https://nemesisdocs.com/en/codemsetup" style="color: #4a90e2; text-decoration: underline;">HERE</a>
-        to view the additional instructions when using this inventory.
-    </p>
-    <ul style="margin-top: 10px; font-weight: normal;">
-        <li>
-            <b>Does the readme of your script have items?</b> Make sure to add them into your framework or inventory, along with all of the inventory icons from the <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">'img'</code> folder!
-        </li>
-    </ul>
-</div>
-<br>
-<div style="text-align: center; margin-top: 20px;">
-    <iframe 
-        width="800" 
-        height="600" 
-        src="https://www.youtube.com/embed/g-iYc0wXeis?start=0" 
-        title="YouTube video player" 
-        frameborder="0" 
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-        allowfullscreen>
-    </iframe>
     </div>
 
+    <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
+    
+    <p style="font-weight: bold; margin-left: 5px;">&gt; Using CODEM Inventory? Click <a href="#" style="color: #4a90e2;">HERE</a> for additional setup instructions.</p>
+    
+    <p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p>
+  </div>
+</div>
+
+<p style="font-size: 14px; color: #cccccc; text-align: center; margin-top: 30px; font-weight: bold;">
+Need more help? <a href="https://discord.gg/AnXx2GVGcM" target="_blank" style="color: #4a90e2; text-decoration: none;">Join our Discord!</a>.
+</p>

gettingstarted.md

@@ -2,30 +2,35 @@
 title: Getting Started
 description: 
 published: true
-date: 2025-01-27T22:02:20.679Z
+date: 2025-07-06T02:43:43.214Z
 tags: 
 editor: markdown
-dateCreated: 2025-01-27T20:50:39.270Z
+dateCreated: 2025-06-08T03:06:31.460Z
 ---
 
-# ![11f39c35-0150-4b61-b168-a61c673b9cce.png](/11f39c35-0150-4b61-b168-a61c673b9cce.png)
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
-
 
+    <!-- Logo -->
+    <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;" />
 
+    <!-- Gray Guide Box -->
     <div style="
         border: 1px solid #888;
         border-radius: 8px;
         padding: 15px;
-    background-color: #2a2a2a; /* Gray background */
+        background-color: #2a2a2a;
-    text-align: center; /* Center text horizontally */
         color: #fff;
         font-size: 20px;
         font-weight: bold;
-    display: flex; /* Enable centering */
+        display: flex;
-    flex-direction: column; /* Stack elements vertically */
+        flex-direction: column;
-    justify-content: center; /* Center text vertically */
+        align-items: center;
-    height: 100px; /* Ensure the box has enough height */
+        line-height: normal;
-    line-height: normal; /* Reset line height for consistency */
+        margin-top: 20px;
+        width: 100%;
+        max-width: 700px;
+        margin-left: auto;
+        margin-right: auto;
     ">
         <div>
             Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
@@ -33,23 +38,29 @@ dateCreated: 2025-01-27T20:50:39.270Z
         <div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
             <strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
         </div>
+        <div style="margin-top: 10px;">
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis"
+                title="YouTube video player" frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen></iframe>
+        </div>
     </div>
 
-  
+    <!-- Instructions -->
-
+    <div style="margin-top: 30px; font-size: 16px; line-height: 1.6; max-width: 900px;">
-🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
+        <strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
-
+        <ol style="text-align: left;">
-1.  Download all NGD resources from [Keymaster](https://keymaster.fivem.net/) or [CFX Portal](https://portal.cfx.re/).
+            <li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
-2.  Create a folder called `[ngd]` inside of your server's main resource folder.
+            <li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
-3.  Extract all of your NGD resources and put them in this folder [like shown](https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png) (Please note - You may not have the resources shown.)
+            <li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a> (your resources may vary).</li>
-4.  Open your server's `server.cfg` file. Towards the **bottom** of all your resources, put the following and then restart your server:
+            <li>Open your server’s <code>server.cfg</code> file. At the <strong>bottom</strong>, add these lines then restart your server:
-    
+                <pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
-    ensure ngd-Bridge
 ensure ngd-dj
-    ensure \[ngd\]            
+ensure [ngd]</pre>
-    
+            </li>
-    Please Note - If you didn't receive `ngd-dj` with your resources, please don't put it in your server.cfg
+        </ol>
-
+        <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn't receive it with your resources.</p>
-Do you have CODEM Inventory? Click [HERE](#) to view the additional instructions when using this inventory.
+        <p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
-
+        <p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p>
--   **Does the readme of your script have items?** Make sure to add them into your framework or inventory, along with all of the inventory icons from the `'img'` folder!
+    </div>
+</div>

home.md

@@ -2,30 +2,49 @@
 title: Home
 description: 
 published: true
-date: 2025-02-24T16:19:34.032Z
+date: 2025-07-06T03:46:13.266Z
 tags: 
 editor: markdown
-dateCreated: 2025-01-27T20:49:41.237Z
+dateCreated: 2025-06-08T03:06:33.441Z
 ---
 
-<div align="center">
+<!-- Logo -->
-  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="NGD Redemption Logo">
+<div style="text-align: center; margin-bottom: 20px;">
-  
+  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="NGD Logo" style="height: auto;">
-  <h1>Welcome to the NGD Documentation Page</h1>
 </div>
 
-<br>
+<!-- Heading -->
-<p style="text-align:center;"><strong>We strive to make the installation process of NGD scripts as painless as possible. Please follow our guides exactly to make your NGD scripts work perfectly.</strong></p>
+<h1 style="text-align: center; color: #ffffff; font-size: 28px; margin-bottom: 30px;">
-
+  Welcome to the NGD Documentation Page
-
+</h1>
-
+
-> Click [HERE](https://nemesisdocs.com/en/gettingstarted) to get started!
+<div style="background-color: #2a2a2a; border: 1px solid #4a90e2; border-radius: 10px; padding: 24px 32px;
-{.is-success}
+            margin: 0 auto 40px auto; width: 685px; max-width: 95%;
-
+            box-shadow: 0 8px 16px rgba(0,0,0,0.5); text-align: center; color: #e0e0e0;
-
+            line-height: 1.8; font-weight: 600; font-size: 16px; letter-spacing: 0.3px;">
-- If you are still having issues after following these guides, please make a ticket on our [Discord](https://discord.gg/AnXx2GVGcM)
+  Our goal is to make setting up your NGD scripts as simple and smooth as possible, making it so you can play in your server instead of just working on it.  
-
+  <br><br>
+  Please follow our guides exactly to ensure everything works as intended.
+</div>
 
 
 
+<!-- Button -->
+<div style="text-align: center; margin-bottom: 35px;">
+  <a href="https://nemesisdocs.com/en/gettingstarted"
+     style="display: inline-block; background-color: #2e7d32; color: #fff; padding: 14px 26px; border-radius: 8px;
+            text-decoration: none; font-weight: bold; font-size: 16px;
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s ease, transform 0.3s ease;"
+     onmouseover="this.style.boxShadow='0 0 15px #4a90e2'; this.style.transform='scale(1.05)';"
+     onmouseout="this.style.boxShadow='0 2px 6px rgba(0, 0, 0, 0.3)'; this.style.transform='scale(1)';">
+    ✅ Get Started with NGD Scripts →
+  </a>
+</div>
 
+<!-- Footer -->
+<p style="text-align: center; font-size: 14px; color: #cccccc; font-weight: bold;">
+  Still need help?  
+  <a href="https://discord.gg/AnXx2GVGcM" target="_blank" style="color: #4a90e2; text-decoration: none;">
+    💬 Join our Discord Today!
+  </a>.
+</p>