Update app.py
Browse files
app.py
CHANGED
|
@@ -95,7 +95,49 @@ def tutor_feedback(audio_file):
|
|
| 95 |
return transcript, feedback_text, mp3_path
|
| 96 |
|
| 97 |
# Gradio interface
|
| 98 |
-
with gr.Blocks(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 99 |
gr.Markdown(
|
| 100 |
f"""
|
| 101 |
<div style="text-align: center;">
|
|
|
|
| 95 |
return transcript, feedback_text, mp3_path
|
| 96 |
|
| 97 |
# Gradio interface
|
| 98 |
+
with gr.Blocks(css="""
|
| 99 |
+
#header img {
|
| 100 |
+
border-radius: 50%;
|
| 101 |
+
border: 4px solid #ffffff;
|
| 102 |
+
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
|
| 103 |
+
margin-bottom: 0.5em;
|
| 104 |
+
animation: float 3s ease-in-out infinite;
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
@keyframes float {
|
| 108 |
+
0% { transform: translateY(0px); }
|
| 109 |
+
50% { transform: translateY(-10px); }
|
| 110 |
+
100% { transform: translateY(0px); }
|
| 111 |
+
}
|
| 112 |
+
|
| 113 |
+
.gradio-container {
|
| 114 |
+
background: linear-gradient(to bottom, #f6f9ff, #ffffff);
|
| 115 |
+
font-family: 'Comic Sans MS', 'Comic Neue', cursive;
|
| 116 |
+
}
|
| 117 |
+
|
| 118 |
+
h2 {
|
| 119 |
+
color: #673ab7;
|
| 120 |
+
font-size: 1.8em;
|
| 121 |
+
}
|
| 122 |
+
|
| 123 |
+
.gr-button {
|
| 124 |
+
font-size: 1.1em;
|
| 125 |
+
background-color: #ffca28 !important;
|
| 126 |
+
border-radius: 12px !important;
|
| 127 |
+
color: black !important;
|
| 128 |
+
font-weight: bold;
|
| 129 |
+
}
|
| 130 |
+
|
| 131 |
+
.gr-textbox textarea {
|
| 132 |
+
font-size: 1.1em;
|
| 133 |
+
border-radius: 12px !important;
|
| 134 |
+
padding: 1em;
|
| 135 |
+
}
|
| 136 |
+
|
| 137 |
+
.gr-audio label {
|
| 138 |
+
font-size: 1.1em;
|
| 139 |
+
}
|
| 140 |
+
""") as iface:
|
| 141 |
gr.Markdown(
|
| 142 |
f"""
|
| 143 |
<div style="text-align: center;">
|