U still didn't fix the input box for sending prompts to the chat bot it needs to be at the bottom of the screen and u removed my menu button none of the buttons on the other pages work either not on the AI pod or on the instructions page.
Browse files- ai-pods.html +8 -5
- index.html +24 -24
- instructions.html +8 -9
ai-pods.html
CHANGED
|
@@ -350,7 +350,10 @@
|
|
| 350 |
sidebar.classList.toggle('-translate-x-full');
|
| 351 |
}
|
| 352 |
|
| 353 |
-
menuButton.addEventListener('click',
|
|
|
|
|
|
|
|
|
|
| 354 |
|
| 355 |
// Close sidebar when clicking outside on mobile
|
| 356 |
document.addEventListener('click', function(event) {
|
|
@@ -359,11 +362,11 @@
|
|
| 359 |
const isClickInsideMenuButton = menuButton.contains(event.target);
|
| 360 |
|
| 361 |
if (!isClickInsideSidebar && !isClickInsideMenuButton && !sidebar.classList.contains('-translate-x-full')) {
|
| 362 |
-
|
|
|
|
| 363 |
}
|
| 364 |
-
}
|
| 365 |
-
|
| 366 |
-
// Responsive sidebar handling
|
| 367 |
function handleResize() {
|
| 368 |
if (window.innerWidth >= 1024) {
|
| 369 |
sidebar.classList.remove('-translate-x-full');
|
|
|
|
| 350 |
sidebar.classList.toggle('-translate-x-full');
|
| 351 |
}
|
| 352 |
|
| 353 |
+
menuButton.addEventListener('click', function(e) {
|
| 354 |
+
e.stopPropagation();
|
| 355 |
+
toggleSidebar();
|
| 356 |
+
});
|
| 357 |
|
| 358 |
// Close sidebar when clicking outside on mobile
|
| 359 |
document.addEventListener('click', function(event) {
|
|
|
|
| 362 |
const isClickInsideMenuButton = menuButton.contains(event.target);
|
| 363 |
|
| 364 |
if (!isClickInsideSidebar && !isClickInsideMenuButton && !sidebar.classList.contains('-translate-x-full')) {
|
| 365 |
+
toggleSidebar();
|
| 366 |
+
}
|
| 367 |
}
|
| 368 |
+
});
|
| 369 |
+
// Responsive sidebar handling
|
|
|
|
| 370 |
function handleResize() {
|
| 371 |
if (window.innerWidth >= 1024) {
|
| 372 |
sidebar.classList.remove('-translate-x-full');
|
index.html
CHANGED
|
@@ -325,31 +325,31 @@
|
|
| 325 |
historyItem.textContent = item;
|
| 326 |
historyContainer.appendChild(historyItem);
|
| 327 |
});
|
| 328 |
-
|
| 329 |
-
|
| 330 |
-
|
| 331 |
-
|
| 332 |
-
|
| 333 |
-
|
| 334 |
-
}
|
| 335 |
-
|
| 336 |
-
menuButton.addEventListener('click', function(e) {
|
| 337 |
-
e.stopPropagation();
|
| 338 |
-
toggleSidebar();
|
| 339 |
-
});
|
| 340 |
-
|
| 341 |
-
// Close sidebar when clicking outside on mobile
|
| 342 |
-
document.addEventListener('click', function(event) {
|
| 343 |
-
if (window.innerWidth < 1024) {
|
| 344 |
-
const isClickInsideSidebar = sidebar.contains(event.target);
|
| 345 |
-
const isClickInsideMenuButton = menuButton.contains(event.target);
|
| 346 |
-
|
| 347 |
-
if (!isClickInsideSidebar && !isClickInsideMenuButton && !sidebar.classList.contains('-translate-x-full')) {
|
| 348 |
-
toggleSidebar();
|
| 349 |
}
|
| 350 |
-
|
| 351 |
-
|
| 352 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 353 |
function handleResize() {
|
| 354 |
if (window.innerWidth >= 1024) {
|
| 355 |
sidebar.classList.remove('-translate-x-full');
|
|
|
|
| 325 |
historyItem.textContent = item;
|
| 326 |
historyContainer.appendChild(historyItem);
|
| 327 |
});
|
| 328 |
+
// Sidebar toggle functionality
|
| 329 |
+
const sidebar = document.getElementById('sidebar');
|
| 330 |
+
const menuButton = document.getElementById('menuButton');
|
| 331 |
+
|
| 332 |
+
function toggleSidebar() {
|
| 333 |
+
sidebar.classList.toggle('-translate-x-full');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 334 |
}
|
| 335 |
+
|
| 336 |
+
menuButton.addEventListener('click', function(e) {
|
| 337 |
+
e.stopPropagation();
|
| 338 |
+
toggleSidebar();
|
| 339 |
+
});
|
| 340 |
+
|
| 341 |
+
// Close sidebar when clicking outside on mobile
|
| 342 |
+
document.addEventListener('click', function(event) {
|
| 343 |
+
if (window.innerWidth < 1024) {
|
| 344 |
+
const isClickInsideSidebar = sidebar.contains(event.target);
|
| 345 |
+
const isClickInsideMenuButton = menuButton.contains(event.target);
|
| 346 |
+
|
| 347 |
+
if (!isClickInsideSidebar && !isClickInsideMenuButton && !sidebar.classList.contains('-translate-x-full')) {
|
| 348 |
+
toggleSidebar();
|
| 349 |
+
}
|
| 350 |
+
}
|
| 351 |
+
});
|
| 352 |
+
// Responsive sidebar handling
|
| 353 |
function handleResize() {
|
| 354 |
if (window.innerWidth >= 1024) {
|
| 355 |
sidebar.classList.remove('-translate-x-full');
|
instructions.html
CHANGED
|
@@ -257,7 +257,6 @@
|
|
| 257 |
historyItem.textContent = item;
|
| 258 |
historyContainer.appendChild(historyItem);
|
| 259 |
});
|
| 260 |
-
|
| 261 |
// Sidebar toggle functionality
|
| 262 |
const sidebar = document.getElementById('sidebar');
|
| 263 |
const menuButton = document.getElementById('menuButton');
|
|
@@ -273,16 +272,16 @@
|
|
| 273 |
|
| 274 |
// Close sidebar when clicking outside on mobile
|
| 275 |
document.addEventListener('click', function(event) {
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
| 281 |
toggleSidebar();
|
| 282 |
}
|
| 283 |
-
}
|
| 284 |
-
|
| 285 |
-
|
| 286 |
function handleResize() {
|
| 287 |
if (window.innerWidth >= 1024) {
|
| 288 |
sidebar.classList.remove('-translate-x-full');
|
|
|
|
| 257 |
historyItem.textContent = item;
|
| 258 |
historyContainer.appendChild(historyItem);
|
| 259 |
});
|
|
|
|
| 260 |
// Sidebar toggle functionality
|
| 261 |
const sidebar = document.getElementById('sidebar');
|
| 262 |
const menuButton = document.getElementById('menuButton');
|
|
|
|
| 272 |
|
| 273 |
// Close sidebar when clicking outside on mobile
|
| 274 |
document.addEventListener('click', function(event) {
|
| 275 |
+
if (window.innerWidth < 1024) {
|
| 276 |
+
const isClickInsideSidebar = sidebar.contains(event.target);
|
| 277 |
+
const isClickInsideMenuButton = menuButton.contains(event.target);
|
| 278 |
+
|
| 279 |
+
if (!isClickInsideSidebar && !isClickInsideMenuButton && !sidebar.classList.contains('-translate-x-full')) {
|
| 280 |
toggleSidebar();
|
| 281 |
}
|
| 282 |
+
}
|
| 283 |
+
});
|
| 284 |
+
// Responsive sidebar handling
|
| 285 |
function handleResize() {
|
| 286 |
if (window.innerWidth >= 1024) {
|
| 287 |
sidebar.classList.remove('-translate-x-full');
|