From 3860a00071c9df5da3d2c764c84c6b52f1218b3b Mon Sep 17 00:00:00 2001
From: Administrator <delucecc@gmail.com>
Date: Sun, 6 Jul 2025 03:01:35 +0000
Subject: [PATCH] docs: update gettingstarted

---
 gettingstarted.html | 168 ++++++++------------------------------------
 1 file changed, 31 insertions(+), 137 deletions(-)
diff --git a/gettingstarted.html b/gettingstarted.html
index 6f3e1e2..d796a1e 100644
--- a/gettingstarted.html
+++ b/gettingstarted.html
@@ -2,152 +2,46 @@
 title: Getting Started
 description: 
 published: true
-date: 2025-07-06T03:00:44.530Z
+date: 2025-07-06T03:01:34.944Z
 tags: 
 editor: code
 dateCreated: 2025-06-08T03:06:31.460Z
 -->
 
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>NGD Docs - Getting Started</title>
-  <style>
-    body {
-      background-color: #1a1a1a;
-      color: #e0e0e0;
-      font-family: Arial, sans-serif;
-      line-height: 1.6;
-      padding: 30px;
-    }
+<!-- Centered Logo -->
+<div style="text-align: center; margin-bottom: 20px;">
+  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;">
+</div>
 
-    /* Logo Centered */
-    .logo {
-      text-align: center;
-      margin-bottom: 20px;
-    }
+<hr style="border: none; border-top: 2px solid #4a90e2; margin-bottom: 30px;">
 
-    .logo img {
-      max-width: 100%;
-      height: auto;
-    }
-
-    /* Blue Line */
-    .divider {
-      border: none;
-      border-top: 2px solid #4a90e2;
-      margin-bottom: 30px;
-    }
-
-    /* Content Wrapper (Everything Left-Aligned, Clean Look) */
-    .content {
-      max-width: 900px;
-    }
-
-    /* Video Box */
-    .video-box {
-      border: 1px solid #555;
-      border-radius: 10px;
-      background-color: #2a2a2a;
-      padding: 16px;
-      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-      margin-bottom: 30px;
-    }
-
-    .video-box h2 {
-      color: #fff;
-      text-align: center;
-      font-size: 18px;
-      margin-bottom: 10px;
-    }
-
-    .video-box p {
-      text-align: center;
-      color: #4a90e2;
-      font-size: 14px;
-      margin-bottom: 15px;
-    }
-
-    .video-box iframe {
-      width: 100%;
-      height: auto;
-      aspect-ratio: 16 / 9;
-      border-radius: 8px;
-    }
-
-    /* Instruction Section */
-    .instructions {
-      font-size: 15px;
-    }
-
-    .instructions ol {
-      padding-left: 20px;
-    }
-
-    .instructions pre {
-      background: #1e1e1e;
-      padding: 12px 16px;
-      border-radius: 6px;
-      border: 1px solid #444;
-      overflow-x: auto;
-      margin-top: 10px;
-      margin-bottom: 10px;
-    }
-
-    .instructions a {
-      color: #4a90e2;
-      text-decoration: none;
-    }
-
-    .instructions a:hover {
-      text-decoration: underline;
-    }
-
-  </style>
-</head>
-<body>
-
-  <!-- Logo (Centered) -->
-  <div class="logo">
-    <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo">
+<!-- Video Box -->
+<div style="border: 1px solid #555; border-radius: 8px; background-color: #2a2a2a; padding: 16px; margin-bottom: 30px;">
+  <div style="text-align: center;">
+    <strong style="color: #fff;">Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.</strong>
+    <p style="color: #4a90e2; font-size: 14px;">
+      <strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
+    </p>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
   </div>
+</div>
 
-  <!-- Blue Divider Line -->
-  <hr class="divider">
-
-  <!-- Content Section -->
-  <div class="content">
-
-    <!-- Video Box -->
-    <div class="video-box">
-      <h2>Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.</h2>
-      <p><strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong></p>
-      <iframe src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
-    </div>
-
-    <!-- Instructions -->
-    <div class="instructions">
-      <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">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">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">like shown</a>.</li>
-        <li>Open your server's <code>server.cfg</code> file. At the bottom, add these lines, then restart your server:
-          <pre>
+<!-- Instructions -->
+<div>
+  <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">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">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">like shown</a>.</li>
+    <li>Open your server's <code>server.cfg</code> file. At the bottom, add these lines, then restart your server:
+      <pre style="background: #1e1e1e; padding: 10px; border-radius: 6px; border: 1px solid #444;">
 ensure ngd-Bridge
 ensure ngd-dj
 ensure [ngd]
-          </pre>
-        </li>
-      </ol>
-
-      <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
-      <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>
-    </div>
-
-  </div>
-
-</body>
-</html>
+      </pre>
+    </li>
+  </ol>
+  <p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
+  <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>
+</div>
