added tattooshop doc

Author: zKXDEX

index.css

@@ -89,6 +89,14 @@ body{
   }
 }
 
+:is(html[class~="light"] p) {
+  color: rgb(53, 53, 53) !important;
+}
+
+:is(html[class~="dark"] p) {
+  color: rgb(206, 206, 206) !important;
+}
+
 a {
   text-decoration: none !important;
 }
@@ -194,7 +202,7 @@ footer{
 .btn--style{
   /* border-radius: 3px; */
   border-radius: 30px;
-  
+
   /* opacity: 0.5; */
   /* background-color: #202020 !important; */
 }
@@ -375,7 +383,7 @@ footer{
   transition: 0.5s;
   /* z-index: 1; */
  }
- 
+
  .card__profile .content {
   position: relative;
   width: 100%;
@@ -450,7 +458,7 @@ footer{
  .banner{
   display: block;
   height: 100%;
-  
+
  }
 
  .container--desc_profile{
@@ -538,7 +546,7 @@ footer{
 }
 
 
- 
+
 .card__profile:hover{
   transform: scale(1.04);
  }
@@ -553,7 +561,7 @@ footer{
   opacity: 1 !important;
   z-index: 99999 !important;
  }
- 
+
  .line{
   font-weight: 600;
  }
@@ -579,26 +587,39 @@ footer{
 .page_404  img{ width:100%;}
 
 .four_zero_four_bg{
- 
+
  background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
     height: 400px;
     background-position: center;
  }
- 
- 
+
+
  .four_zero_four_bg h1{
  font-size:80px;
  }
- 
+
   .four_zero_four_bg h3{
 			 font-size:80px;
 			 }
-			 
-			 .link_404{			 
+
+			 .link_404{
 	color: #fff!important;
     padding: 10px 20px;
     background: #39ac31;
     margin: 20px 0;
     display: inline-block;}
 	.contant_box_404{ margin-top:-50px;}
 
+  :is(html[class~="dark"] hr){
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
+    margin: 20px 0;
+  }
+
+  hr{
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
+    margin: 20px 0;
+  }

pages/_meta.json

@@ -2,12 +2,16 @@
   "index": {
     "title": "Introduction"
   },
-  
+
   "icHud": "icHud",
   "icMySQL": {
     "title": "icMySQL"
   },
   "icTrophies": {
     "title": "icTrophies"
+  },
+  "icTattooShop": {
+    "title": "icTattooShop"
   }
+
 }

pages/assets/icTattooshop.png

@@ -0,0 +1,13 @@
+# IC Tattoo Shop
+
+An advanced system for tattoo creation and management in FiveM, designed with intuitive tools and a wide range of customisation options to enrich the player experience.
+
+![icTattooshop](./assets/icTattooshop.png)
+
+### Why?
+
+We developed this tattoo system because, although there are good solutions on the market, we wanted to offer something new to the FiveM community. We have added innovative features that are missing in other systems, and we hope you will find our system useful and easy to integrate.
+
+### Support
+
+Right now we only give support in our [Discord Server](https://discord.gg/3DhEgXAX2U). If you ask in the forum we will try to answer you as soon as possible but to make sure to get an answer join our [Discord Server](https://discord.gg/3DhEgXAX2U).

pages/icTattooShop.mdx

@@ -0,0 +1,63 @@
+---
+title: Guide
+---
+import { Steps } from 'nextra-theme-docs';
+import { Callout } from 'nextra/components';
+import { Tabs, Tab } from 'nextra-theme-docs';
+
+## Add custom tattoos to your server
+
+To expand the selection of tattoos available on your FiveM server, you can add new designs by following these steps. Make sure you have the tattoo designs you want to add ready.
+
+<Steps>
+### Modify AddonTattoos.json
+
+First, you will need to edit the `AddonTattoos.json` file located in the `src/shared/assets/` path. This is where you will define the new tattoos you want to add.
+
+```path showLineNumbers filename="File location"
+src/shared/assets/AddonTattoos.json
+```
+
+Each entry in the `AddonTattoos.json` file must follow this format:
+
+```json {2-9} showLineNumbers filename="AddonTattoos.json"
+[
+  {
+    "collection": "nombre_de_colección",
+    "hashFemale": "identificador_del_tatuaje_para_mujeres",
+    "hashMale": "identificador_del_tatuaje_para_hombres",
+    "name": "nombre_único_del_tatuaje",
+    "price": precio_en_números,
+    "zone": "zona_del_cuerpo"
+  },
+  ...
+]
+```
+
+- collection: The name of the collection the tattoo belongs to. Use a unique identifier if you are creating a new collection.
+
+- hashFemale and hashMale: Unique identifiers for the male and female versions of the tattoo.
+
+- name: A unique name for the tattoo, used internally by the script.
+
+- price: The price of the tattoo in the game.
+
+- zone: The area of the body where the tattoo will be applied.
+
+### Add Tattoo XML Files
+
+After defining the new tattoos in the JSON file (`AddonTattoos.json`), you will need to add the tattoo XML files to the server. These files are located in the `src/modules/screenshots/xml/` path.
+
+Make sure your XML file name follows the format *_overlays.xml, where * is an identifier that matches the name of your collection in AddonTattoos.json.
+
+### Execute Command in FiveM
+
+Once you have placed the XML files in the correct location, you must run the following command on your FiveM server to generate screenshots of the custom tattoos. This is necessary for the tattoos to display correctly in the menus.
+
+```bash showLineNumbers filename="Fivem Command"
+/ screenshotTattoosCustom
+```
+
+This command will process the XML and AddonTattoos.json files and generate screenshots of the tattoos. The screenshots will be saved in the `src/nui/assets/tattoos` path automatically.
+
+</Steps>