add css

Adds css functionality

app.py

@@ -56,7 +56,7 @@ def predict(text):
         inputs = tokenizer.texts_to_sequences([inputs])
         print(f"Tokenized text: {inputs}")
         
-        inputs = pad_sequences(inputs, maxlen=1000, padding='post')
+        inputs = pad_sequences(inputs, maxlen=750, padding='post')
         print(f"Padded text: {inputs}")
 
         outputs = model.predict(inputs)
@@ -65,15 +65,64 @@ def predict(text):
         # Interpret the output as a prediction
         prediction = outputs[0][0]
         if prediction >= 0.5:
-            result = f"This text is a violation = {prediction:.2f}"
+            result = f"True = {prediction:.2f}"
         else:
-            result = f"This text is not a violation = {prediction:.2f}"
+            result = f"False = {prediction:.2f}"
         
         return result
     except Exception as e:
         print(f"Error during prediction: {e}")
         return f"Error during prediction: {e}"
-
+ui_css = """
+#body {
+    height: 600px;
+    width: 500px;
+}
+#input-box {
+    width: 480px;
+    border: 2px solid black;
+    margin: 8px;
+}
+#output-elems {
+    width: 480px;
+    border: 2px solid black;
+    margin-left: 8px;
+    margin-right: 8px;
+    padding: 1em;
+}
+#submit-button, #clear-button {
+    color: white;
+    height: 35px;
+    width: 60px;
+    margin: 10px;
+    border-radius: 5px;
+    border: 5px solid black;
+}
+#submit-button {
+    background-color: red;
+}
+#clear-button {
+    background-color: grey;
+}
+"""
 # Set up the Gradio interface
-demo = gr.Interface(fn=predict, inputs="text", outputs="text")
+with gr.Blocks(elem_id="body", css=ui_css) as demo:
+    
+    with gr.Row(elem_id="header"):
+        gr.Image(value="https://universitysurgical.com/wp-content/uploads/2021/12/hipaa-e1638383751916.png")
+        gr.Markdown("Place basic instructions here")
+        
+    with gr.Column(elem_id="interactives"):
+        inputs=gr.Textbox(label="Enter Text", elem_id="input-box", lines=5)
+        
+        with gr.Row(elem_id="output-elems"):
+            gr.Markdown("This text is a violation: ")
+            outputs=gr.Textbox(label="Prediction Result", elem_id="output-box", interactive=False)
+            
+    with gr.Row():
+        submit_button = gr.Button("Submit", elem_id="submit-button")
+        clear_button = gr.Button("Clear", elem_id="clear-button")
+        
+    submit_button.click(predict, inputs=inputs, outputs=outputs)
+    clear_button.click(lambda: ("", ""), inputs=None, outputs=[inputs, outputs])
 demo.launch()