From 101693ba99e9a7cc763373d21342e357d1d4ff5d Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Mon, 25 Mar 2024 14:16:54 +0200
Subject: [PATCH] Add i18n tags to onboarding.

---
 public/index.html | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index ad8c21feb..1a93e0c31 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5085,23 +5085,33 @@
         <div class="onboarding">
             <h3 data-i18n="Welcome to SillyTavern!">Welcome to SillyTavern!</h3>
             <ul class="justifyLeft margin-bot-10px">
-                <li>Read the <a href="https://docs.sillytavern.app/" target="_blank">Official Documentation</a>.</li>
+                <li>Read the <a href="https://docs.sillytavern.app/" data-i18n="Official Documentation" target="_blank">Official Documentation</a>.</li>
                 <li>Type <code>/help</code> in chat for commands and macros.</li>
-                <li>Join the <a href="https://discord.gg/RZdyAEUPvj" target="_blank">Discord server</a> for info and announcements.</li>
+                <li>Join the <a href="https://discord.gg/sillytavern" data-i18n="Discord server" target="_blank">Discord server</a> for info and announcements.</li>
             </ul>
-            <b>SillyTavern is aimed at advanced users.</b>
-            <div>
+            <b data-i18n="SillyTavern is aimed at advanced users.">
+                SillyTavern is aimed at advanced users.
+            </b>
+            <div data-i18n="If you're new to this, enable the simplified UI mode below.">
                 If you're new to this, enable the simplified UI mode below.
             </div>
             <label class="checkbox_label">
                 <input type="checkbox" name="enable_simple_mode" />
-                <span data-i18n="Enable simple UI mode">Enable simple UI mode</span>
+                <span data-i18n="Enable simple UI mode">
+                    Enable simple UI mode
+                </span>
             </label>
             <div class="justifyLeft margin-bot-10px">
-                Before you get started, you must select a user name.
+                <span data-i18n="Before you get started, you must select a user name.">
+                    Before you get started, you must select a user name.
+                </span>
                 This can be changed at any time via the <code><i class="fa-solid fa-face-smile"></i></code> icon.
             </div>
-            <h4>User Name:</h4>
+            <h4 data-i18n="UI Language:">UI Language:</h4>
+            <select name="onboarding_ui_language">
+                <option value="en">English</option>
+            </select>
+            <h4 data-i18n="User Name:">User Name:</h4>
         </div>
     </div>
     <div id="group_member_template" class="template_element">