68 lines
2.6 KiB
HTML
68 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>chat.saiden.dev</title>
|
|
<meta name="description" content="A quiet channel.">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
<link rel="icon" href="https://saiden.dev/favicon.ico">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Caveat:wght@400;500&family=Inter:wght@300;400;500;600&family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap">
|
|
|
|
<link rel="stylesheet" href="/static/chat.css">
|
|
</head>
|
|
<body
|
|
data-palette="{{ ui_palette }}"
|
|
data-typography="{{ ui_typography }}"
|
|
data-density="{{ ui_density }}"
|
|
data-labels="{{ ui_labels }}">
|
|
<script>
|
|
window.__pilotName = {{ pilot_name | tojson }};
|
|
window.__personaName = {{ persona_name | tojson }};
|
|
</script>
|
|
<nav class="topnav" aria-label="channel controls">
|
|
<button type="button" class="topnav__link" id="recalibrate-btn" title="reset calibration">recalibrate</button>
|
|
<span class="topnav__sep">·</span>
|
|
<a class="topnav__link" href="/auth/logout">sign out</a>
|
|
<a class="sigil" href="https://saiden.dev/" target="_blank" rel="noopener" title="Saiden">
|
|
<img src="https://saiden.dev/logo.png" alt="Saiden">
|
|
</a>
|
|
</nav>
|
|
|
|
<main class="page">
|
|
<section class="conversation" id="conversation" aria-live="polite">
|
|
</section>
|
|
|
|
<form class="prompt" id="prompt-form" autocomplete="off">
|
|
<hr class="prompt__line">
|
|
<div class="prompt__row">
|
|
<input
|
|
class="prompt__input"
|
|
id="prompt-input"
|
|
type="text"
|
|
placeholder="{% if cart %}speak to {{ persona_name }}{% else %}…{% endif %}"
|
|
autofocus
|
|
autocomplete="off"
|
|
spellcheck="true"
|
|
aria-label="message">
|
|
<button type="button" class="prompt__mic" id="mic-button" aria-label="speak"
|
|
title="hold space to speak · click to toggle">
|
|
<svg viewBox="0 0 24 24" width="20" height="20" fill="none"
|
|
stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="9" y="3" width="6" height="12" rx="3"></rect>
|
|
<path d="M5 11a7 7 0 0 0 14 0"></path>
|
|
<line x1="12" y1="18" x2="12" y2="22"></line>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
|
|
<script src="/static/chat.js"></script>
|
|
</body>
|
|
</html>
|