Spaces:

imseldrith
/

AI-Rephraser

Running

App Files Files Community

imseldrith commited on Feb 12, 2023

Commit

1652bce

1 Parent(s): df9b993

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +47 -16

templates/index.html CHANGED Viewed

@@ -1,17 +1,48 @@
-<!-- templates/index.html -->
 <html>
-  <head>
-    <title>AI Paraphraser</title>
-  </head>
-  <body>
-    <h1>AI Paraphraser</h1>
-    <form action="/paraphrase" method="post">
-      <textarea name="text"></textarea><br>
-      <label for="parrot">Parrot</label>
-      <input type="radio" id="parrot" name="model" value="parrot" checked><br>
-      <label for="transformers">Transformers</label>
-      <input type="radio" id="transformers" name="model" value="transformers"><br>
-      <input type="submit" value="Paraphrase">
-    </form>
-  </body>
-</html>

+<!DOCTYPE html>
 <html>
+<head>
+  <title>Paraphrase Generator</title>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+  <header>
+    <h1>Paraphrase Generator</h1>
+  </header>
+  <main>
+    <div class="container">
+      <form>
+        <textarea id="input-text" rows="10" cols="50" placeholder="Enter your text here"></textarea><br><br>
+        <div class="options">
+          <label for="grammar-correction">Grammar Correction</label>
+          <input type="checkbox" id="grammar-correction" name="grammar-correction"><br><br>
+          <label for="remove-special-chars">Remove Special Characters</label>
+          <input type="checkbox" id="remove-special-chars" name="remove-special-chars"><br><br>
+          <label for="text-summarization">Text Summarization</label>
+          <input type="checkbox" id="text-summarization" name="text-summarization"><br><br>
+          <label for="multilingual-support">Multilingual Support</label>
+          <input type="checkbox" id="multilingual-support" name="multilingual-support"><br><br>
+          <label for="custom-synonyms">Custom Synonyms</label>
+          <input type="text" id="custom-synonyms" name="custom-synonyms" placeholder="Enter custom synonyms separated by commas"><br><br>
+        </div>
+        <button id="generate-paraphrase" type="button">Generate Paraphrase</button><br><br>
+      </form>
+    </div>
+    <div class="output">
+      <h2>Paraphrased Text</h2>
+      <textarea id="paraphrased-text" rows="10" cols="50" readonly></textarea><br><br>
+      <div class="output-options">
+        <label for="output-customization">Output Customization</label>
+        <input type="range" id="output-customization" name="output-customization" min="1" max="100" value="50"><br><br>
+        <button id="copy-to-clipboard" type="button">Copy to Clipboard</button><br><br>
+      </div>
+      <div class="progress-bar">
+        <progress id="paraphrase-progress" value="0" max="100"></progress>
+      </div>
+    </div>
+  </main>
+  <footer>
+    <p>Create with ❤️ By Ashiq Hussain.</p>
+  </footer>
+  <script src="main.js"></script>
+</body>
+</html>