sx-loadingV1

Configuration

    serverName: "SyneX Scrpits",

To Promote you server add the name and let players now where there are joining

---

    links: [
        "https://discord.com",
        "https://youtube.com",
        "https://instagram.com",
        "https://google.com",
        "https://tiktok.com",

    ]

In links you can add as much link as you wish but we don't think it will look good on screen. Also Discord, Instagram and Youtube have their own emoji.

---

    background: {
        type: "video", // "video" or "photo"
        videocode: "Awgpquzwwz0", /*[Required if type is video]*/
    }

Background is to switch if you want your background as YouTube video or a photo. For instance, we allow only two types. In the future there will be local video and multiple photo choices.

---

    music: {
        audiolevel: 25, // [Range between 0 and 100]
        songs: [
            {
                title: "Welcome to Los Santos",
                src: "./songs/song1.mp3"
            },
            {
                title: "Rolling in the Deep",
                src: "./songs/song2.mp3"
            },
            {
                title: "Gangsta's Paradise",
                src: "./songs/song3.mp3"
            },
        ]
    }

While playing a music on loading screens, sometimes audio level can be a bit too much you can set a default level to decrease volume and add some more music.

While adding music please be careful with the song paths and song file names. We suggest copy paste the original name and go on from there.

---

managers: [
        
        {logo: "", name: "Lotifwere"},
        {logo: "", name: "HLion"},
        {logo: "", name: "Blacklion"},
    ],

Add your managers to promote them. If you don't add logo path server logo will appear.

---

announcements: [
        {
            title: "Welcome to SyneX Scripts",
            content: "This is a sample announcement. You can add more announcements in the config file.",
            date: "2023-10-01"
        },
        {
            title: "New Update Available",
            content: "Check out the latest features and improvements in our new update.",
            date: "2023-10-02"
        }
    ],

To inform your players you can add latest announcements. Don't write loooooooooOOOooOooOOoOOong texts 'cus llading screen might be scared.

While adding paths, they must be relative to index.js.

Theme

For the theme you can configures as you wish. Loading screen comes in purple based theme by default. but you can configure as you wish in styles.css. To change the theme, follow the instructions below

1

Go to sytyles.css

First go to script files and follow the /web/styles/style.css

2

Find the :root

Find the :root . It is probably at the top.

3

Change the variables as you wish

Once you find the :root , you will see 3 variables with hex values. You can change them for a better look. We suggest changing only "--main-color" for better look.