Move New chat button to header logo position, remove Devseis logo image
Browse files- index.html +1 -12
index.html
CHANGED
|
@@ -36,7 +36,6 @@
|
|
| 36 |
html,body{height:100%;}
|
| 37 |
body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;}
|
| 38 |
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;}
|
| 39 |
-
header img{height:32px;width:auto;cursor:pointer;}
|
| 40 |
.new-chat-btn{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 14px;height:34px;font-size:13px;font-weight:600;cursor:pointer;}
|
| 41 |
.new-chat-btn:hover{background:var(--bg);}
|
| 42 |
.header-actions{display:flex;align-items:center;gap:8px;}
|
|
@@ -111,7 +110,7 @@
|
|
| 111 |
</head>
|
| 112 |
<body>
|
| 113 |
<header>
|
| 114 |
-
<
|
| 115 |
<div class="header-actions">
|
| 116 |
<div class="lang-flags" id="langFlags">
|
| 117 |
<button type="button" class="flag-btn" data-lang="en" title="English" aria-label="English">🇬🇧</button>
|
|
@@ -120,7 +119,6 @@
|
|
| 120 |
<button type="button" class="flag-btn" data-lang="lb" title="Lëtzebuergesch" aria-label="Lëtzebuergesch">🇱🇺</button>
|
| 121 |
<button type="button" class="flag-btn" data-lang="pt" title="Português" aria-label="Português">🇵🇹</button>
|
| 122 |
</div>
|
| 123 |
-
<button type="button" id="newChat" class="new-chat-btn">New chat</button>
|
| 124 |
</div>
|
| 125 |
</header>
|
| 126 |
<div class="status-bar" id="statusBar">Loading usage stats…</div>
|
|
@@ -213,7 +211,6 @@ const form = document.getElementById('form');
|
|
| 213 |
const input = document.getElementById('input');
|
| 214 |
const sendBtn = document.getElementById('send');
|
| 215 |
const newChatBtn = document.getElementById('newChat');
|
| 216 |
-
const logoBtn = document.getElementById('logoBtn');
|
| 217 |
const statusBar = document.getElementById('statusBar');
|
| 218 |
const attachBtn = document.getElementById('attachBtn');
|
| 219 |
const fileInput = document.getElementById('fileInput');
|
|
@@ -223,8 +220,6 @@ const capTitleEl = document.getElementById('capTitle');
|
|
| 223 |
const capSubEl = document.getElementById('capSub');
|
| 224 |
const capCountdownEl = document.getElementById('capCountdown');
|
| 225 |
|
| 226 |
-
logoBtn.addEventListener('click', () => startNewChat());
|
| 227 |
-
|
| 228 |
const MAX_ATTACHMENT_BYTES = 4 * 1024 * 1024; // 4MB
|
| 229 |
const MAX_DOC_CHARS = 12000;
|
| 230 |
|
|
@@ -331,7 +326,6 @@ const TRANSLATIONS = {
|
|
| 331 |
newChat: "New chat",
|
| 332 |
attachTitle: "Attach an image or document",
|
| 333 |
sendTitle: "Send",
|
| 334 |
-
logoAlt: "Devseis — start a new chat",
|
| 335 |
privacyLink: "Privacy & Terms",
|
| 336 |
statusDemo: "Free public demo",
|
| 337 |
statusUsedToday: "messages used today",
|
|
@@ -353,7 +347,6 @@ const TRANSLATIONS = {
|
|
| 353 |
newChat: "Nouvelle discussion",
|
| 354 |
attachTitle: "Joindre une image ou un document",
|
| 355 |
sendTitle: "Envoyer",
|
| 356 |
-
logoAlt: "Devseis — démarrer une nouvelle discussion",
|
| 357 |
privacyLink: "Confidentialité et conditions",
|
| 358 |
statusDemo: "Démo publique gratuite",
|
| 359 |
statusUsedToday: "messages utilisés aujourd'hui",
|
|
@@ -375,7 +368,6 @@ const TRANSLATIONS = {
|
|
| 375 |
newChat: "Neuer Chat",
|
| 376 |
attachTitle: "Bild oder Dokument anhängen",
|
| 377 |
sendTitle: "Senden",
|
| 378 |
-
logoAlt: "Devseis — neuen Chat starten",
|
| 379 |
privacyLink: "Datenschutz & AGB",
|
| 380 |
statusDemo: "Kostenlose öffentliche Demo",
|
| 381 |
statusUsedToday: "Nachrichten heute genutzt",
|
|
@@ -397,7 +389,6 @@ const TRANSLATIONS = {
|
|
| 397 |
newChat: "Neie Chat",
|
| 398 |
attachTitle: "Bild oder Dokument uhänken",
|
| 399 |
sendTitle: "Schécken",
|
| 400 |
-
logoAlt: "Devseis — en neie Chat ufänken",
|
| 401 |
privacyLink: "Dateschutz & Bedéngungen",
|
| 402 |
statusDemo: "Gratis ëffentlech Demo",
|
| 403 |
statusUsedToday: "Messagen haut benotzt",
|
|
@@ -419,7 +410,6 @@ const TRANSLATIONS = {
|
|
| 419 |
newChat: "Nova conversa",
|
| 420 |
attachTitle: "Anexar uma imagem ou documento",
|
| 421 |
sendTitle: "Enviar",
|
| 422 |
-
logoAlt: "Devseis — iniciar uma nova conversa",
|
| 423 |
privacyLink: "Privacidade e Termos",
|
| 424 |
statusDemo: "Demonstração pública gratuita",
|
| 425 |
statusUsedToday: "mensagens usadas hoje",
|
|
@@ -472,7 +462,6 @@ function applyLanguage(lang) {
|
|
| 472 |
attachBtn.setAttribute('aria-label', t.attachTitle);
|
| 473 |
sendBtn.title = t.sendTitle;
|
| 474 |
sendBtn.setAttribute('aria-label', t.sendTitle);
|
| 475 |
-
logoBtn.alt = t.logoAlt;
|
| 476 |
const privacyLink = document.getElementById('footerPrivacyLink');
|
| 477 |
if (privacyLink) privacyLink.textContent = t.privacyLink;
|
| 478 |
|
|
|
|
| 36 |
html,body{height:100%;}
|
| 37 |
body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;}
|
| 38 |
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;}
|
|
|
|
| 39 |
.new-chat-btn{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 14px;height:34px;font-size:13px;font-weight:600;cursor:pointer;}
|
| 40 |
.new-chat-btn:hover{background:var(--bg);}
|
| 41 |
.header-actions{display:flex;align-items:center;gap:8px;}
|
|
|
|
| 110 |
</head>
|
| 111 |
<body>
|
| 112 |
<header>
|
| 113 |
+
<button type="button" id="newChat" class="new-chat-btn">New chat</button>
|
| 114 |
<div class="header-actions">
|
| 115 |
<div class="lang-flags" id="langFlags">
|
| 116 |
<button type="button" class="flag-btn" data-lang="en" title="English" aria-label="English">🇬🇧</button>
|
|
|
|
| 119 |
<button type="button" class="flag-btn" data-lang="lb" title="Lëtzebuergesch" aria-label="Lëtzebuergesch">🇱🇺</button>
|
| 120 |
<button type="button" class="flag-btn" data-lang="pt" title="Português" aria-label="Português">🇵🇹</button>
|
| 121 |
</div>
|
|
|
|
| 122 |
</div>
|
| 123 |
</header>
|
| 124 |
<div class="status-bar" id="statusBar">Loading usage stats…</div>
|
|
|
|
| 211 |
const input = document.getElementById('input');
|
| 212 |
const sendBtn = document.getElementById('send');
|
| 213 |
const newChatBtn = document.getElementById('newChat');
|
|
|
|
| 214 |
const statusBar = document.getElementById('statusBar');
|
| 215 |
const attachBtn = document.getElementById('attachBtn');
|
| 216 |
const fileInput = document.getElementById('fileInput');
|
|
|
|
| 220 |
const capSubEl = document.getElementById('capSub');
|
| 221 |
const capCountdownEl = document.getElementById('capCountdown');
|
| 222 |
|
|
|
|
|
|
|
| 223 |
const MAX_ATTACHMENT_BYTES = 4 * 1024 * 1024; // 4MB
|
| 224 |
const MAX_DOC_CHARS = 12000;
|
| 225 |
|
|
|
|
| 326 |
newChat: "New chat",
|
| 327 |
attachTitle: "Attach an image or document",
|
| 328 |
sendTitle: "Send",
|
|
|
|
| 329 |
privacyLink: "Privacy & Terms",
|
| 330 |
statusDemo: "Free public demo",
|
| 331 |
statusUsedToday: "messages used today",
|
|
|
|
| 347 |
newChat: "Nouvelle discussion",
|
| 348 |
attachTitle: "Joindre une image ou un document",
|
| 349 |
sendTitle: "Envoyer",
|
|
|
|
| 350 |
privacyLink: "Confidentialité et conditions",
|
| 351 |
statusDemo: "Démo publique gratuite",
|
| 352 |
statusUsedToday: "messages utilisés aujourd'hui",
|
|
|
|
| 368 |
newChat: "Neuer Chat",
|
| 369 |
attachTitle: "Bild oder Dokument anhängen",
|
| 370 |
sendTitle: "Senden",
|
|
|
|
| 371 |
privacyLink: "Datenschutz & AGB",
|
| 372 |
statusDemo: "Kostenlose öffentliche Demo",
|
| 373 |
statusUsedToday: "Nachrichten heute genutzt",
|
|
|
|
| 389 |
newChat: "Neie Chat",
|
| 390 |
attachTitle: "Bild oder Dokument uhänken",
|
| 391 |
sendTitle: "Schécken",
|
|
|
|
| 392 |
privacyLink: "Dateschutz & Bedéngungen",
|
| 393 |
statusDemo: "Gratis ëffentlech Demo",
|
| 394 |
statusUsedToday: "Messagen haut benotzt",
|
|
|
|
| 410 |
newChat: "Nova conversa",
|
| 411 |
attachTitle: "Anexar uma imagem ou documento",
|
| 412 |
sendTitle: "Enviar",
|
|
|
|
| 413 |
privacyLink: "Privacidade e Termos",
|
| 414 |
statusDemo: "Demonstração pública gratuita",
|
| 415 |
statusUsedToday: "mensagens usadas hoje",
|
|
|
|
| 462 |
attachBtn.setAttribute('aria-label', t.attachTitle);
|
| 463 |
sendBtn.title = t.sendTitle;
|
| 464 |
sendBtn.setAttribute('aria-label', t.sendTitle);
|
|
|
|
| 465 |
const privacyLink = document.getElementById('footerPrivacyLink');
|
| 466 |
if (privacyLink) privacyLink.textContent = t.privacyLink;
|
| 467 |
|