Restyle welcome

60fef3ee99705be644c25e578b666344af8af81d

Cohee <18619528+Cohee1207@users.noreply.github.com>

3 files changed, +14 -11Showing whitespace changes
public/script.js+0 -0
public/scripts/templates/welcome.html+8 -11
@@ -4,7 +4,6 @@
4<a href="https://docs.sillytavern.app/usage/update/" target="_blank" data-i18n="Want to update?">4<a href="https://docs.sillytavern.app/usage/update/" target="_blank" data-i18n="Want to update?">
5 Want to update?5 Want to update?
6</a>6</a>
7<hr>
8<h3 data-i18n="How to start chatting?">How to start chatting?</h3>7<h3 data-i18n="How to start chatting?">How to start chatting?</h3>
9<ol>8<ol>
10 <li>9 <li>
@@ -13,10 +12,10 @@
13 <i class="fa-solid fa-plug"></i>12 <i class="fa-solid fa-plug"></i>
14 <span data-i18n="[title]API Connections">API Connections</span>13 <span data-i18n="[title]API Connections">API Connections</span>
15 </button>14 </button>
16 <span data-i18n="and select a">and select a</span>15 <span data-i18n="and connect to an">and connect to an</span>
17 <a href="https://docs.sillytavern.app/usage/api-connections/" target="_blank">16 <a href="https://docs.sillytavern.app/usage/api-connections/" target="_blank">
18 <span class="fa-solid fa-circle-question"></span>17 <span class="fa-solid fa-circle-question"></span>
19 <span data-i18n="Chat API">Chat API</span></a>.18 <span data-i18n="API">API</span></a>.
20 </li>19 </li>
21 <li>20 <li>
22 <span data-i18n="Click _space">Click </span>21 <span data-i18n="Click _space">Click </span>
@@ -28,7 +27,7 @@
28 </li>27 </li>
29</ol>28</ol>
3029
31<p>30<div>
32 <span data-i18n="You can add more">You can add more</span>31 <span data-i18n="You can add more">You can add more</span>
33 <button class="open_characters_library menu_button menu_button_icon inline-flex">32 <button class="open_characters_library menu_button menu_button_icon inline-flex">
34 <i class="fa-solid fa-image-portrait"></i>33 <i class="fa-solid fa-image-portrait"></i>
@@ -40,7 +39,8 @@
40 <span data-i18n="Import Characters">Import characters</span>39 <span data-i18n="Import Characters">Import characters</span>
41 </button>40 </button>
42 <span data-i18n="from other websites">from other websites.</span>41 <span data-i18n="from other websites">from other websites.</span>
4342</div>
43<div>
44 <span data-i18n="Go to the">Go to the</span>44 <span data-i18n="Go to the">Go to the</span>
4545
46 <i data-i18n="Download Extensions & Assets">Download Extensions & Assets</i>46 <i data-i18n="Download Extensions & Assets">Download Extensions & Assets</i>
@@ -52,15 +52,14 @@
52 </button>52 </button>
5353
54 <span data-i18n="to install additional features.">to install additional features.</span>54 <span data-i18n="to install additional features.">to install additional features.</span>
55</p>55</div>
5656
57<hr>
58<h3 data-i18n="Confused or lost?">Confused or lost?</h3>57<h3 data-i18n="Confused or lost?">Confused or lost?</h3>
59<ul>58<ul>
60 <li>59 <li>
61 <span class="note-link-span"><a class="fa-solid fa-circle-question" target="_blank"60 <span class="note-link-span"><a class="fa-solid fa-circle-question" target="_blank"
62 href="https://docs.sillytavern.app/"></a></span> - <span61 href="https://docs.sillytavern.app/"></a></span> - <span data-i18n="click these icons!">click these
63 data-i18n="click these icons!">click these icons!</span>62 icons!</span>
64 </li>63 </li>
65 <li>64 <li>
66 <span data-i18n="Enter">Enter </span><code>/?</code><span data-i18n="in the chat bar"> in the chat bar</span>65 <span data-i18n="Enter">Enter </span><code>/?</code><span data-i18n="in the chat bar"> in the chat bar</span>
@@ -72,7 +71,6 @@
72 </li>71 </li>
73</ul>72</ul>
7473
75<hr>
76<h3 data-i18n="Still have questions?">Still have questions?</h3>74<h3 data-i18n="Still have questions?">Still have questions?</h3>
77<ul>75<ul>
78 <li>76 <li>
@@ -92,4 +90,3 @@
92 </a>90 </a>
93 </li>91 </li>
94</ul>92</ul>
95
public/style.css+6 -0
@@ -314,6 +314,12 @@ input[type='checkbox']:focus-visible {
314 display: inline-block;314 display: inline-block;
315}315}
316316
317.mes_text ol,
318.mes_text ul {
319 margin-top: 5px;
320 margin-bottom: 5px;
321}
322
317.mes_text br,323.mes_text br,
318.mes_bias br {324.mes_bias br {
319 content: ' ';325 content: ' ';