Spaces:

aringad
/

test

Running

App Files Files Community

aringad commited on Apr 29, 2024

Commit

69bb670

verified ·

1 Parent(s): d259564

Update index.html

Browse files

Files changed (1) hide show

index.html +59 -18

index.html CHANGED Viewed

@@ -1,19 +1,60 @@
-<!doctype html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
 <html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>OpenBuddy Text Generation</title>
+    <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+    <div class="container">
+        <h1>OpenBuddy Text Generation</h1>
+        <form id="generateForm">
+            <div class="form-group">
+                <label for="promptInput">Enter your prompt:</label>
+                <textarea id="promptInput" rows="5" cols="50" required></textarea>
+            </div>
+            <button type="submit">Generate Text</button>
+        </form>
+        <div id="resultContainer" style="display: none;">
+            <h2>Generated Text:</h2>
+            <p id="generatedText"></p>
+        </div>
+    </div>
+    <script>
+        document.getElementById('generateForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const promptInput = document.getElementById('promptInput');
+            const prompt = promptInput.value.trim();
+            if (prompt !== '') {
+                generateText(prompt);
+            }
+        });
+        function generateText(prompt) {
+            const apiUrl = 'https://aringad-test.hf.space/run';
+            const requestData = {
+                prompt: prompt,
+                model: 'OpenBuddy/openbuddy-llama3-8b-v21.1-8k'
+            };
+            fetch(apiUrl, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(requestData)
+            })
+            .then(response => response.json())
+            .then(data => {
+                const generatedText = data.output;
+                document.getElementById('generatedText').textContent = generatedText;
+                document.getElementById('resultContainer').style.display = 'block';
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('An error occurred while generating text.');
+            });
+        }
+    </script>
+</body>
+</html>