Spaces:

yasserrmd
/

GratiCraft

Sleeping

yasserrmd commited on 25 days ago

Commit

64e9f52

verified ·

1 Parent(s): e076004

Update static/index.html

Files changed (1) hide show

static/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI Gratitude Journal 2030</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.1/font/bootstrap-icons.min.css">
     <style>
         :root {
@@ -406,15 +406,15 @@ document.addEventListener('DOMContentLoaded', () => {
                 addMessage(htmlContent, 'ai', true);
             } else if (message.type === 'image') {
                 const img = document.createElement('img');
-                const messageDiv = document.createElement('div');
-                messageDiv.className = `message img`;
                 if (img){
                 img.src = `data:image/png;base64,${message.image}`; // Set Base64 as the image source
                 img.alt = 'Generated Image';
                 img.style.width = '100%';
-                messageDiv.appendChild(img);
-                messages.appendChild(messageDiv);
                 } else{
                     const htmlContent = "The generated image might be inappropraite"; // Convert markdown to HTML
                 addMessage(htmlContent, 'ai', true);

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Gratitude Journal</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.1/font/bootstrap-icons.min.css">
     <style>
         :root {
                 addMessage(htmlContent, 'ai', true);
             } else if (message.type === 'image') {
                 const img = document.createElement('img');
+                const imgDiv = document.createElement('div');
+                imgDiv.className = `message img`;
                 if (img){
                 img.src = `data:image/png;base64,${message.image}`; // Set Base64 as the image source
                 img.alt = 'Generated Image';
                 img.style.width = '100%';
+                imgDiv.appendChild(img);
+                messages.appendChild(imgDiv);
                 } else{
                     const htmlContent = "The generated image might be inappropraite"; // Convert markdown to HTML
                 addMessage(htmlContent, 'ai', true);