Twilight Loading Screenpaidv1.1.0Standalone

Changelog

Release history for Twilight Loading Screen.

1.1.0 - 15/10/2026

Buttons in the top right that open an info panel. Section buttons open that section, and link buttons open your rules, Discord or any other site.
Info panel section types:
- Tips: every tip in one list.
- Staff: cards with name, role and picture. A missing picture falls back to the person's initial.
- Keybinds: a keyboard with your bound keys lit up and labelled.
- List: numbered items, for rules or an FAQ.
- Text: paragraphs.
Config.Panels to set up the buttons and sections.
Config.LoadingStages to set your own loading stage labels and when each one shows.
Config.Colors for the accent, text, panel and background colours.
Config.Logo and Config.Video. Both load from the new media folder or a full URL.
media/staff/ folder for staff pictures.
Mouse cursor on the loading screen, so players can click the buttons.

The loading screen UI has been rebuilt in Svelte.
The logo has moved to the top left.
The logo, video and pictures now live in media/ instead of the web folder.
Tips, colours, stages and panels are now set in config.lua. The old config.js is gone.
Every box and button now uses the same octagon shape with a full accent border.
jQuery, Bootstrap's JS and the CDN links have been removed. Everything now loads from the resource.

The progress stage labels are now the same whether the update comes from the game or from the client script.

The latest changes from development, before they're bundled into a release.

15/10/202615 commits

style: show the full octagon border on the progress boxes1f6cdbc
feat: load staff pictures from media/staff with a fallback to initials33ef807
fix: keep checking for handover data for a few seconds after the page loadsb965618
fix: send the config from the client script so panels show when handover data is missing21e1227
feat: set the loading stage labels in config.lua73408a5
style: show the full octagon border on panel buttons788f30c
style: give the panel tabs and close button the octagon button shape56ac05a
style: enlarge the info panel and fit the keyboard without scrolling98a4ee3
style: run keybind lines under the keys so key names stay readable7dff8a5
style: drop the unmapped keybinds list and line dots7ac49f2
feat: add a keybinds panel that draws a keyboard with labelled keys9d2317b
style: move the logo to the top left9d87b36
style: move the logo to the top right above the panel buttonsb67e2cc
feat: replace the tip box with buttons that open each panel793215f
feat: expand the tip box into an info panel with sections and links935cd80

14/10/20265 commits

chore: add a dev preview with fake load progress374681b
feat: set the accent, text, panel and background colours in config.lua6abb9e7
feat: load the logo and background video from a media folder set in config.luaceb1b40
refactor: rebuild the loading screen UI in Sveltee9372f3
Initial loading screen from Twilight Roleplay25848fb

Info Panels