49 lines
2.9 KiB
HTML
49 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Hermes</title>
|
|
<link rel="icon" type="image/svg+xml" href="static/favicon.svg">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32.png">
|
|
<link rel="shortcut icon" href="static/favicon.ico">
|
|
<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
|
|
<meta name="apple-mobile-web-app-title" content="Hermes">
|
|
<link rel="apple-touch-icon" sizes="512x512" href="static/apple-touch-icon.png">
|
|
<meta name="theme-color" content="#FAF7F0" media="(prefers-color-scheme: light)">
|
|
<meta name="theme-color" content="#141425" media="(prefers-color-scheme: dark)">
|
|
<meta name="theme-color" id="hermes-theme-color" content="#0D0D1A">
|
|
<script>var c=t==='dark'?'#141425':'#FAF7F0';</script>
|
|
<link rel="stylesheet" href="static/style.css?v=__WEBUI_VERSION__">
|
|
</head>
|
|
<body>
|
|
<header class="app-titlebar" role="banner">
|
|
<div class="app-titlebar-inner">
|
|
<span class="app-titlebar-icon" aria-hidden="true">
|
|
<svg><path d="fixture"/></svg>
|
|
</span>
|
|
<span class="app-titlebar-title" id="appTitlebarTitle">Hermes</span>
|
|
</div>
|
|
</header>
|
|
<select id="settingsTtsEngine"><option value="browser">Browser speech synthesis</option><option value="edge">Edge TTS (server)</option></select>
|
|
<div class="settings-field"><label for="settingsTtsVoice" data-i18n="settings_label_tts_voice">Voice</label>
|
|
<select id="settingsTtsVoice" style="width:100%;padding:8px;background:var(--code-bg);color:var(--text);border:1px solid var(--border2);border-radius:6px">
|
|
<option value="">Default system voice</option>
|
|
</select>
|
|
<div style="font-size:11px;color:var(--muted);margin-top:4px" data-i18n="settings_desc_tts_voice">Preferred voice. Populated from your browser's available voices.</div>
|
|
</div>
|
|
<div class="empty-state" id="emptyState">
|
|
<div class="empty-logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="80" height="80" aria-label="Hermes caduceus"><defs><linearGradient id="hermes-mark"><stop class="hm-g0"/><stop class="hm-g1"/></linearGradient></defs><path fill="url(#hermes-mark)" d="M32 4v56"/></svg></div>
|
|
<h2 data-i18n="empty_title">What can I help with?</h2>
|
|
</div>
|
|
<div class="messages-inner" id="msgInner"></div>
|
|
<div class="composer-box" id="composerBox">
|
|
<div class="voice-mode-bar" id="voiceModeBar" style="display:none">
|
|
<span class="voice-mode-indicator" id="voiceModeIndicator"></span>
|
|
<span class="voice-mode-label" id="voiceModeLabel"></span>
|
|
</div>
|
|
<textarea id="msg" rows="1" placeholder="Message Hermes…"></textarea>
|
|
<button class="icon-btn voice-mode-btn has-tooltip" id="btnVoiceMode" data-tooltip="Voice mode" data-i18n-title="voice_mode_toggle" style="display:none"></button>
|
|
</div>
|
|
<script src="static/boot.js?v=__WEBUI_VERSION__" defer></script>
|
|
</body>
|
|
</html>
|