2026-08-20 23:13:51 +00:00
<!doctype html>
< html lang = "en" >
< head >
2026-08-23 01:08:35 +00:00
< 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 >
2026-08-20 23:13:51 +00:00
< link rel = "stylesheet" href = "static/style.css?v=__WEBUI_VERSION__" >
< / head >
< body >
2026-08-23 01:08:35 +00:00
< 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 >
2026-08-20 23:13:51 +00:00
< select id = "settingsTtsEngine" > < option value = "browser" > Browser speech synthesis< / option > < option value = "edge" > Edge TTS (server)< / option > < / select >
2026-08-20 18:53:43 +00:00
< 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 >
2026-08-23 17:13:05 -03:00
< 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 >
2026-08-20 23:13:51 +00:00
< 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 >
