Spaces:

salehalmansour
/

Text_to_image_ar

No application file

salehalmansour commited on May 9

Commit

13a3bbb

•

1 Parent(s): ec93565

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -1,35 +1,33 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>App</title>
-    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
 </head>
 <body>
-    <h3>نموذج توليد الصور</h3>
-    <h3>اكتب وصف للصورة التي تود من النظام التوليدي انشاءها</h3>
-    <div>
-        <label for="prompt">Prompt:</label>
-        <input type="text" id="prompt" name="prompt">
-        <button onclick="generateImage()">Generate Image</button>
-    </div>
-    <div id="output"></div>
     <script>
         async function generateImage() {
-            const prompt = document.getElementById('prompt').value;
-            // Dummy implementation for demonstration
-            // Replace this with actual code if available in JavaScript
-            // Dummy image generation code
-            const dummyImage = document.createElement('img');
-            dummyImage.src = 'https://via.placeholder.com/400x400'; // Placeholder image URL
-            document.getElementById('output').innerHTML = ''; // Clear previous output
-            document.getElementById('output').appendChild(dummyImage);
         }
     </script>
 </body>

 <!DOCTYPE html>
+<html lang="ar">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>نموذج توليد الصور</title>
 </head>
 <body>
+    <header>
+        <img src="path_to_your_logo.png" alt="شعار الموقع">
+    </header>
+    <main>
+        <h1>نموذج توليد الصور</h1>
+        <p>اكتب وصف للصورة التي تود من النظام التوليدي انشاءها</p>
+        <div>
+            <button onclick="generateImage()">انشئ</button>
+        </div>
+        <div id="output"></div>
+    </main>
     <script>
         async function generateImage() {
+            const text = prompt("أدخل النص الذي تريد إدراجه في الصورة:");
+            if (text) {
+                const dummyImage = document.createElement('img');
+                dummyImage.src = `https://via.placeholder.com/400x400?text=${encodeURIComponent(text)}`;
+                document.getElementById('output').innerHTML = '';
+                document.getElementById('output').appendChild(dummyImage);
+            } else {
+                alert("يرجى إدخال نص للصورة!");
+            }
         }
     </script>
 </body>