diff --git a/docs/en/FAQ/march-28-outage.md b/docs/en/FAQ/march-28-outage.md deleted file mode 100644 index 0b0d42ef..00000000 --- a/docs/en/FAQ/march-28-outage.md +++ /dev/null @@ -1,30 +0,0 @@ -# March 28, 2026 BeamMP Outage FAQ - -Temporary FAQ for the (currently) ongoing BeamMP outage that started on March 28th, 2026. - -**Last updated April 1st, 2026.** - -=== Help! My BeamMP launcher doesn't work! - Try reinstalling the BeamMP launcher. To do so, follow the instructions below: - 1. Go to [beammp.com](https://beammp.com/) - 2. Click *Download Now* - 3. Run the installer and follow instructions - - !!! note - - As of April 1st, 2026, the MSI installer is an "unrecognized app" according to Windows Defender SmartScreen. - - To bypass this warning, click *More info*, then click *Run anyway*. - -=== Help! My authkey(s) don't work anymore! - As of April 1st, 2026, keymaster and auth systems are offline. This means that your authkeys won't work. To get around this, follow the instructions below: - 1. Open your `ServerConfig.toml`, or wherever your server config is modified - 2. Set `Private` to `true`. It should look like this: `Private = true` - 3. This should fix the authkey issue. - - !!! note - - As of April 1st, 2026, BeamMP's auth systems are offline. Only guest accounts are available. - - Make sure your server allows guests. - diff --git a/docs/en/beamng/css-snippets.md b/docs/en/beamng/css-snippets.md index 6d0a6a9a..3082f607 100644 --- a/docs/en/beamng/css-snippets.md +++ b/docs/en/beamng/css-snippets.md @@ -12,168 +12,174 @@ === BeamNG Orange - ```css - var(--bng-orange) /*Common orange*/ - var(--bng-orange-shade1) /*70% opacity*/ - var(--bng-orange-shade2) /*40% opacity*/ - var(--bng-orange-shade1opaque) - var(--bng-orange-shade2opaque) - ``` + ```css + var(--bng-orange) /*Common orange*/ + var(--bng-orange-shade1) /*70% opacity*/ + var(--bng-orange-shade2) /*40% opacity*/ + var(--bng-orange-shade1opaque) + var(--bng-orange-shade2opaque) + ``` === Monochrome - ```css - --- Monochrome - var(--bng-black-8) /*80% opacity (duplicate --bng-black-o8)*/ - var(--bng-black-6) /*60% opacity (duplicate --bng-black-o6)*/ - var(--bng-black-4) /*40% opacity (duplicate --bng-black-o4)*/ - var(--bng-black-2) /*20% opacity (duplicate --bng-black-o2)*/ + ```css + --- Monochrome + var(--bng-black-8) /*80% opacity (duplicate --bng-black-o8)*/ + var(--bng-black-6) /*60% opacity (duplicate --bng-black-o6)*/ + var(--bng-black-4) /*40% opacity (duplicate --bng-black-o4)*/ + var(--bng-black-2) /*20% opacity (duplicate --bng-black-o2)*/ - var(--dark-neutral-grey) - var(--neutral-grey) - var(--light-neutral-grey) - var(--dark-grey) - var(--dark-grey-alpha) /*80% opacity*/ + var(--dark-neutral-grey) + var(--neutral-grey) + var(--light-neutral-grey) + var(--dark-grey) + var(--dark-grey-alpha) /*80% opacity*/ - var(--black-1) /*70% opacity*/ - var(--black-2) /*40% opacity (duplicate --bng-black-o4)*/ + var(--black-1) /*70% opacity*/ + var(--black-2) /*40% opacity (duplicate --bng-black-o4)*/ - var(--white-1) /*80% opacity*/ - var(--white-2) /*40% opacity*/ - var(--white-3) /*20% opacity*/ - ``` + var(--white-1) /*80% opacity*/ + var(--white-2) /*40% opacity*/ + var(--white-3) /*20% opacity*/ + ``` === BeamNG UI Color Palette - === Orange + === Orange - ```css - var(--bng-orange-50) - var(--bng-orange-100) - var(--bng-orange-200) - var(--bng-orange-300) - var(--bng-orange-b400) - var(--bng-orange-500) - var(--bng-orange-600) - var(--bng-orange-700) - var(--bng-orange-800) - var(--bng-orange-900) - ``` - - === Cool Gray + ```css + var(--bng-orange-50) + var(--bng-orange-100) + var(--bng-orange-200) + var(--bng-orange-300) + var(--bng-orange-b400) + var(--bng-orange-500) + var(--bng-orange-600) + var(--bng-orange-700) + var(--bng-orange-800) + var(--bng-orange-900) + ``` + + === Cool Gray - ```css - var(--bng-cool-gray-50) - var(--bng-cool-gray-100) - var(--bng-cool-gray-200) - var(--bng-cool-gray-300) - var(--bng-cool-gray-400) - var(--bng-cool-gray-500) - var(--bng-cool-gray-600) - var(--bng-cool-gray-700) - var(--bng-cool-gray-800) - var(--bng-cool-gray-900) - ``` - - === Ter Blue - ```css - var(--bng-ter-blue-50) - var(--bng-ter-blue-100) - var(--bng-ter-blue-200) - var(--bng-ter-blue-300) - var(--bng-ter-blue-400) - var(--bng-ter-blue-500) - var(--bng-ter-blue-600) - var(--bng-ter-blue-700) - var(--bng-ter-blue-800) - var(--bng-ter-blue-900) - ``` - - === Add Blue - ```css - var(--bng-add-blue-50) - var(--bng-add-blue-100) - var(--bng-add-blue-200) - var(--bng-add-blue-300) - var(--bng-add-blue-400) - var(--bng-add-blue-500) - var(--bng-add-blue-600) - var(--bng-add-blue-700) - var(--bng-add-blue-800) - var(--bng-add-blue-900) - ``` - - === Add Green - ```css - var(--bng-add-green-50) - var(--bng-add-green-100) - var(--bng-add-green-200) - var(--bng-add-green-300) - var(--bng-add-green-400) - var(--bng-add-green-500) - var(--bng-add-green-600) - var(--bng-add-green-700) - var(--bng-add-green-800) - var(--bng-add-green-900) - ``` - - === Add Yellow - ```css - var(--bng-add-yellow-50) - var(--bng-add-yellow-100) - var(--bng-add-yellow-200) - var(--bng-add-yellow-300) - var(--bng-add-yellow-400) - var(--bng-add-yellow-500) - var(--bng-add-yellow-600) - var(--bng-add-yellow-700) - var(--bng-add-yellow-800) - var(--bng-add-yellow-900) - ``` - - === Add Peach - ```css - var(--bng-add-peach-50) - var(--bng-add-peach-100) - var(--bng-add-peach-200) - var(--bng-add-peach-300) - var(--bng-add-peach-400) - var(--bng-add-peach-500) - var(--bng-add-peach-600) - var(--bng-add-peach-700) - var(--bng-add-peach-800) - var(--bng-add-peach-900) - ``` + ```css + var(--bng-cool-gray-50) + var(--bng-cool-gray-100) + var(--bng-cool-gray-200) + var(--bng-cool-gray-300) + var(--bng-cool-gray-400) + var(--bng-cool-gray-500) + var(--bng-cool-gray-600) + var(--bng-cool-gray-700) + var(--bng-cool-gray-800) + var(--bng-cool-gray-900) + ``` + + === Ter Blue - === Add Red - ```css - var(--bng-add-red-50) - var(--bng-add-red-100) - var(--bng-add-red-200) - var(--bng-add-red-300) - var(--bng-add-red-400) - var(--bng-add-red-500) - var(--bng-add-red-600) - var(--bng-add-red-700) - var(--bng-add-red-800) - var(--bng-add-red-900) - ``` - + ```css + var(--bng-ter-blue-50) + var(--bng-ter-blue-100) + var(--bng-ter-blue-200) + var(--bng-ter-blue-300) + var(--bng-ter-blue-400) + var(--bng-ter-blue-500) + var(--bng-ter-blue-600) + var(--bng-ter-blue-700) + var(--bng-ter-blue-800) + var(--bng-ter-blue-900) + ``` + + === Add Blue + + ```css + var(--bng-add-blue-50) + var(--bng-add-blue-100) + var(--bng-add-blue-200) + var(--bng-add-blue-300) + var(--bng-add-blue-400) + var(--bng-add-blue-500) + var(--bng-add-blue-600) + var(--bng-add-blue-700) + var(--bng-add-blue-800) + var(--bng-add-blue-900) + ``` + + === Add Green + + ```css + var(--bng-add-green-50) + var(--bng-add-green-100) + var(--bng-add-green-200) + var(--bng-add-green-300) + var(--bng-add-green-400) + var(--bng-add-green-500) + var(--bng-add-green-600) + var(--bng-add-green-700) + var(--bng-add-green-800) + var(--bng-add-green-900) + ``` + + === Add Yellow + + ```css + var(--bng-add-yellow-50) + var(--bng-add-yellow-100) + var(--bng-add-yellow-200) + var(--bng-add-yellow-300) + var(--bng-add-yellow-400) + var(--bng-add-yellow-500) + var(--bng-add-yellow-600) + var(--bng-add-yellow-700) + var(--bng-add-yellow-800) + var(--bng-add-yellow-900) + ``` + + === Add Peach + + ```css + var(--bng-add-peach-50) + var(--bng-add-peach-100) + var(--bng-add-peach-200) + var(--bng-add-peach-300) + var(--bng-add-peach-400) + var(--bng-add-peach-500) + var(--bng-add-peach-600) + var(--bng-add-peach-700) + var(--bng-add-peach-800) + var(--bng-add-peach-900) + ``` + + === Add Red + + ```css + var(--bng-add-red-50) + var(--bng-add-red-100) + var(--bng-add-red-200) + var(--bng-add-red-300) + var(--bng-add-red-400) + var(--bng-add-red-500) + var(--bng-add-red-600) + var(--bng-add-red-700) + var(--bng-add-red-800) + var(--bng-add-red-900) + ``` + === Extra color presets - ```css - var(--bng-filter-orange) /*Filter preset to force SVGs to use bng-orange*/ - var(--bng-black-o8) /*80% opacity*/ - var(--bng-black-o6) /*60% opacity*/ - var(--bng-black-o4) /*40% opacity*/ - var(--bng-black-o2) /*20% opacity*/ - ``` + ```css + var(--bng-filter-orange) /*Filter preset to force SVGs to use bng-orange*/ + var(--bng-black-o8) /*80% opacity*/ + var(--bng-black-o6) /*60% opacity*/ + var(--bng-black-o4) /*40% opacity*/ + var(--bng-black-o2) /*20% opacity*/ + ``` === Corner rounding presets - ```css - var(--bng-corners-1) /*0.25rem*/ - var(--bng-corners-2) /*0.50rem*/ - var(--bng-corners-3) /*1.00rem*/ - ``` + ```css + var(--bng-corners-1) /*0.25rem*/ + var(--bng-corners-2) /*0.50rem*/ + var(--bng-corners-3) /*1.00rem*/ + ``` diff --git a/docs/en/beamng/imgui-snippets.md b/docs/en/beamng/imgui-snippets.md index 69464e3a..225c87b4 100644 --- a/docs/en/beamng/imgui-snippets.md +++ b/docs/en/beamng/imgui-snippets.md @@ -33,45 +33,45 @@ im.End() === Basic Formatting - ```lua - im.Text("") - im.TextWrapped("") -- automatic word wrap - im.TextColored(im.ImVec4(0,1,0,1), "") -- R,G,B,A - im.TextDisabled("") -- predefined style for disabled text + ```lua + im.Text("") + im.TextWrapped("") -- automatic word wrap + im.TextColored(im.ImVec4(0,1,0,1), "") -- R,G,B,A + im.TextDisabled("") -- predefined style for disabled text - im.LabelText("", "") - im.BulletText("") -- Bullet point with text - im.SeparatorText("") -- Separator with centered text + im.LabelText("", "") + im.BulletText("") -- Bullet point with text + im.SeparatorText("") -- Separator with centered text - im.Separator() -- might want a NewLine before these - im.SameLine() -- horizontally append the following element to the previous element - im.NewLine() + im.Separator() -- might want a NewLine before these + im.SameLine() -- horizontally append the following element to the previous element + im.NewLine() - im.Spacing() -- small padding - im.Indent() - im.Unindent() - ``` + im.Spacing() -- small padding + im.Indent() + im.Unindent() + ``` === Inputs - ```lua - im.Button("", im.ImVec2(0,0)) -- 0 = fit to content - im.SmallButton("") -- Fit to content and slightly less padding - im.ArrowButton("", 0) -- arg 1: string is not actually used? arg 2: 0 = left, 1 = right, 2 = up, 3 = down - im.InvisibleButton("", im.ImVec2(0,0), ...) -- used for imgui cursor positioning? + ```lua + im.Button("", im.ImVec2(0,0)) -- 0 = fit to content + im.SmallButton("") -- Fit to content and slightly less padding + im.ArrowButton("", 0) -- arg 1: string is not actually used? arg 2: 0 = left, 1 = right, 2 = up, 3 = down + im.InvisibleButton("", im.ImVec2(0,0), ...) -- used for imgui cursor positioning? - im.Checkbox("", im.BoolPtr(false)) + im.Checkbox("", im.BoolPtr(false)) - im.RadioButton1("", im.BoolPtr(false)) - im.RadioButton2("", im.IntPtr(), 0) -- arg. 3: 0 or 1 for disabled or enabled - ``` + im.RadioButton1("", im.BoolPtr(false)) + im.RadioButton2("", im.IntPtr(), 0) -- arg. 3: 0 or 1 for disabled or enabled + ``` === Other - ```lua - im.Bullet() + ```lua + im.Bullet() - im.ProgressBar(0.5, im.ImVec2(0,0), "") -- arg 2: 0 for default width and/or height + im.ProgressBar(0.5, im.ImVec2(0,0), "") -- arg 2: 0 for default width and/or height - im.TextUnformatted("", "") -- Second argument seems to crash the game - ``` + im.TextUnformatted("", "") -- Second argument seems to crash the game + ```