Umer359 commited on
Commit
c6a6f84
·
1 Parent(s): 26d8faa

Move New chat button to header logo position, remove Devseis logo image

Browse files
Files changed (1) hide show
  1. 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
- <img src="devseis-logo.png" alt="Devseis — start a new chat" id="logoBtn" />
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