Spaces:

salehalmansour
/

Text-to-image-ar

Runtime error

App Files Files Community

salehalmansour commited on May 9, 2024

Commit

068755a

verified ·

1 Parent(s): 200c37f

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +77 -26

templates/index.html CHANGED Viewed

@@ -1,34 +1,85 @@
 <!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>
-</html>

 <!DOCTYPE html>
+<html lang="ar" dir="rtl">
 <head>
+    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>تبيان</title>
+    <meta name="keywords"
+        content="المعجم الرياض, المعجم العربي, معجم معاني الكلمات, معاني الكلمات, معاني,مرادفات,متضادات,معاجم تراثية,معنى كلمة,تشكيل كلمات,تشكيل,المشكل,القاموس,قاموس,قاموس عربي,سمات لغوية,المدقق,المدقق الإملائي,">
+    <link rel="preload" href="{{ url_for('static', filename='ksaa.css') }}" as="style">
+    <link rel="stylesheet" href="{{ url_for('static', filename='ksaa.css') }}" data-n-g="">
+    <!-- Insert CSS styles here -->
 </head>
 <body>
+    <div id="__next" data-reactroot="">
+        <div id="content">
+            <!-- Header section -->
+            <header class="header-inside">
+                <div class="container">
+                    <!-- Navigation menu -->
+                    <nav class="navbar navbar-expand-lg home-nav">
+                        <!-- Logo -->
+                        <nav class="navbar navbar-light m-0 mr-4">
+                            <img src="{{ url_for('static', filename='imgs/logo-dark.svg') }}"
+                                alt="KSAA Logo شعار مجمع الملك سلمان العالمي للغة العربية" height="45">
+                        </nav>
+                        <!-- Toggle button for mobile -->
+                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
+                            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                            <img src="{{ url_for('static', filename='imgs/menu-black.svg') }}" width="25px;"
+                                alt="menu">
+                        </button>
+                        <!-- Navigation links -->
+                        <div class="collapse navbar-collapse responsive-light" id="navbarNav">
+                            <ul class="navbar-nav Traditional_nav__zD2_d bg-white border-1">
+                                <li class="nav-item active"><a class="nav-link  Traditional_navItem25__VUKZC"
+                                        href="">الرئيسة</a></li>
+                                <!-- Add more navigation links here -->
+                            </ul>
+                        </div>
+                        <!-- Logo for smaller screens -->
+                        <a href="" class="ml-5 hide-md hide-xs">
+                            <img src="{{ url_for('static', filename='imgs/logoA.png') }}" height="45"
+                                alt="شعار مجمع الملك سلمان العالي للغة العربية ">
+                        </a>
+                    </nav>
+                </div>
+            </header>
+            <!-- Main content section -->
+            <main class="pages-bg">
+                <!-- Prompt for image generation -->
+                <h3>نموذج توليد الصور</h3>
+                <h3>اكتب وصف للصورة التي تود من النظام التوليدي انشاءها</h3>
+                <div>
+                    <label for="prompt">Prompt:</label>
+                    <input type="text" id="prompt" name="prompt">
+                    <button onclick="generateImage()">Generate Image</button>
+                </div>
+                <!-- Output area for generated image -->
+                <div id="output"></div>
+                <!-- Script for image generation -->
+                <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>
+            </main>
+        </div>
+    </div>
 </body>
+</html>