> For the complete documentation index, see [llms.txt](https://aklgaming.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aklgaming.gitbook.io/documentation/gusti-resources/gusti-loadscreen/setup.md).

# Setup

## Installation

* Extract file
* Copy / cut gusti-loadscreen to your server resources folder
* [Building](/documentation/gusti-resources/gusti-loadscreen/building.md)
* Open server.cfg
* Add `gusti-loadscreen` script with `ensure gusti-loadscreen` in server.cfg
* Start server / Restart server
* Finished
* gusti-loadscreen installed successfully

## Configuration

Open the `config.json` file located in the `gusti-loadscreen/web` folder to configure

### Logo

To change the logo, you can view it or open the `Logo.tsx` file located at `web/src/components`

```typescript
import Logo_ from '../assets/logo.png'
```

Copy/cut your new logo into `web/src/assets` and match the file name to the one imported

#### Example

```typescript
import Logo_ from '../assets/new_logo.png'
```

{% hint style="danger" %}
Logo name cannot contain spaces!
{% endhint %}

### Server Name

```json
{
    "name_server": "Your Server Name"
}
```

### Description

```json
{
    "description": "Your Server Description"
}
```

### Backsound

To change the backsound, you can view it or open the `Audio.tsx` file located on `web/src/components`

```tsx
import Sound from '../assets/backsound.mp3'
```

Copy/cut your new background sound into `web/src/assets` and adjust the file name to the one imported

#### Example

```tsx
import Sound from '../assets/new_backsound.mp3'
```

{% hint style="danger" %}
Backsound name cannot contain spaces!
{% endhint %}

{% hint style="warning" %}
Once everything is setup, the script won't work if you haven't built it to production, so you have to negbuild it first before using it!
{% endhint %}