mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
[wip] Welcome screen prototype
This commit is contained in:
71
public/scripts/templates/welcomePanel.html
Normal file
71
public/scripts/templates/welcomePanel.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<div class="welcomePanel">
|
||||
<div class="welcomeHeaderTitle">
|
||||
<img src="img/logo.png" alt="SillyTavern Logo" class="welcomeHeaderLogo">
|
||||
<span class="welcomeHeaderVersionDisplay">{{version}}</span>
|
||||
</div>
|
||||
<div class="welcomeHeader">
|
||||
<div class="recentChatsTitle" data-i18n="Recent Chats">
|
||||
Recent Chats
|
||||
</div>
|
||||
<div class="welcomeShortcuts">
|
||||
<a class="menu_button menu_button_icon" target="_blank" href="https://docs.sillytavern.app/">
|
||||
<i class="fa-solid fa-question-circle"></i>
|
||||
<span data-i18n="Docs">Docs</span>
|
||||
</a>
|
||||
<a class="menu_button menu_button_icon" target="_blank" href="https://github.com/SillyTavern/SillyTavern">
|
||||
<i class="fa-brands fa-github"></i>
|
||||
<span data-i18n="GitHub">GitHub</span>
|
||||
</a>
|
||||
<a class="menu_button menu_button_icon" target="_blank" href="https://discord.gg/sillytavern">
|
||||
<i class="fa-brands fa-discord"></i>
|
||||
<span data-i18n="Discord">Discord</span>
|
||||
</a>
|
||||
<span class="welcomeShortcutsSeparator">|</span>
|
||||
<button class="openTemporaryChat menu_button menu_button_icon">
|
||||
<i class="fa-solid fa-comment-dots"></i>
|
||||
<span data-i18n="Temporary Chat">Temporary Chat</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="welcomeRecent">
|
||||
<div class="recentChatList">
|
||||
{{#if empty}}
|
||||
<div class="noRecentChat">
|
||||
<i class="fa-solid fa-comment-dots"></i>
|
||||
<span data-i18n="No recent chats">No recent chats</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#each chats}}
|
||||
{{#with this}}
|
||||
<div class="recentChat" data-file="{{chat_name}}" data-avatar="{{avatar}}">
|
||||
<div class="avatar" title="{{char_name}}">
|
||||
<img src="{{char_thumbnail}}" alt="{{char_name}}">
|
||||
</div>
|
||||
<div class="recentChatInfo">
|
||||
<div class="chatNameContainer">
|
||||
<div class="chatName" title="{{file_name}}">
|
||||
<strong class="characterName">{{char_name}}</strong>
|
||||
<span>–</span>
|
||||
<span>{{chat_name}}</span>
|
||||
</div>
|
||||
<small class="chatDate" title="{{date_full}}">{{date_short}}</small>
|
||||
</div>
|
||||
<div class="chatMessageContainer">
|
||||
<div class="chatMessage" title="{{mes}}">
|
||||
{{mes}}
|
||||
</div>
|
||||
<div class="chatStats">
|
||||
<div class="counterBlock">
|
||||
<i class="fa-solid fa-comment fa-xs"></i>
|
||||
<small>{{chat_items}}</small>
|
||||
</div>
|
||||
<small class="fileSize">{{file_size}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/with}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user