docs: update gettingstarted
This commit is contained in:
DeLuce
parent
0291f6204f
commit
3860a00071
|
|
@ -2,152 +2,46 @@
|
||||||
title: Getting Started
|
title: Getting Started
|
||||||
description:
|
description:
|
||||||
published: true
|
published: true
|
||||||
date: 2025-07-06T03:00:44.530Z
|
date: 2025-07-06T03:01:34.944Z
|
||||||
tags:
|
tags:
|
||||||
editor: code
|
editor: code
|
||||||
dateCreated: 2025-06-08T03:06:31.460Z
|
dateCreated: 2025-06-08T03:06:31.460Z
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!-- Centered Logo -->
|
||||||
<html lang="en">
|
<div style="text-align: center; margin-bottom: 20px;">
|
||||||
<head>
|
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;">
|
||||||
<meta charset="UTF-8">
|
</div>
|
||||||
<title>NGD Docs - Getting Started</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
background-color: #1a1a1a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
line-height: 1.6;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Logo Centered */
|
<hr style="border: none; border-top: 2px solid #4a90e2; margin-bottom: 30px;">
|
||||||
.logo {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
<!-- Video Box -->
|
||||||
max-width: 100%;
|
<div style="border: 1px solid #555; border-radius: 8px; background-color: #2a2a2a; padding: 16px; margin-bottom: 30px;">
|
||||||
height: auto;
|
<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;">
|
||||||
/* Blue Line */
|
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
|
||||||
.divider {
|
</p>
|
||||||
border: none;
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis" frameborder="0" allowfullscreen></iframe>
|
||||||
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">
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Blue Divider Line -->
|
<!-- Instructions -->
|
||||||
<hr class="divider">
|
<div>
|
||||||
|
<p><strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong></p>
|
||||||
<!-- 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>
|
<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>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>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>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:
|
<li>Open your server's <code>server.cfg</code> file. At the bottom, add these lines, then restart your server:
|
||||||
<pre>
|
<pre style="background: #1e1e1e; padding: 10px; border-radius: 6px; border: 1px solid #444;">
|
||||||
ensure ngd-Bridge
|
ensure ngd-Bridge
|
||||||
ensure ngd-dj
|
ensure ngd-dj
|
||||||
ensure [ngd]
|
ensure [ngd]
|
||||||
</pre>
|
</pre>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn’t receive it with your resources.</p>
|
<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>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>
|
<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>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user