Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -1129,87 +1129,7 @@ def add_agentic_ai_info():
|
|
1129 |
"""
|
1130 |
def create_chatbot():
|
1131 |
"""Create the Gradio interface for the chatbot"""
|
1132 |
-
|
1133 |
-
session_id = str(uuid.uuid4())
|
1134 |
-
|
1135 |
-
# Define theme colors and styling
|
1136 |
-
primary_color = "#4a6fa5"
|
1137 |
-
secondary_color = "#6c757d"
|
1138 |
-
success_color = "#28a745"
|
1139 |
-
light_color = "#f8f9fa"
|
1140 |
-
dark_color = "#343a40"
|
1141 |
-
|
1142 |
-
custom_css = f"""
|
1143 |
-
:root {{
|
1144 |
-
--primary-color: {primary_color};
|
1145 |
-
--secondary-color: {secondary_color};
|
1146 |
-
--success-color: {success_color};
|
1147 |
-
--light-color: {light_color};
|
1148 |
-
--dark-color: {dark_color};
|
1149 |
-
}}
|
1150 |
-
.gradio-container {{
|
1151 |
-
background-color: var(--light-color);
|
1152 |
-
font-family: 'Inter', 'Segoe UI', sans-serif;
|
1153 |
-
}}
|
1154 |
-
#title {{
|
1155 |
-
font-size: 32px;
|
1156 |
-
font-wedef create_chatbot()ight: bold;
|
1157 |
-
text-align: center;
|
1158 |
-
padding-top: 20px;
|
1159 |
-
color: var(--primary-color);
|
1160 |
-
margin-bottom: 0;
|
1161 |
-
}}
|
1162 |
-
#subtitle {{
|
1163 |
-
font-size: 18px;
|
1164 |
-
text-align: center;
|
1165 |
-
margin-bottom: 20px;
|
1166 |
-
color: var(--secondary-color);
|
1167 |
-
}}
|
1168 |
-
.card {{
|
1169 |
-
background-color: white;
|
1170 |
-
padding: 20px;
|
1171 |
-
border-radius: 12px;
|
1172 |
-
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
|
1173 |
-
margin-bottom: 20px;
|
1174 |
-
}}
|
1175 |
-
.tabs {{
|
1176 |
-
margin-top: 20px;
|
1177 |
-
}}
|
1178 |
-
.gr-button-primary {{
|
1179 |
-
background-color: var(--primary-color) !important;
|
1180 |
-
}}
|
1181 |
-
.gr-button-secondary {{
|
1182 |
-
background-color: var(--secondary-color) !important;
|
1183 |
-
}}
|
1184 |
-
.gr-button-success {{
|
1185 |
-
background-color: var(--success-color) !important;
|
1186 |
-
}}
|
1187 |
-
.footer {{
|
1188 |
-
text-align: center;
|
1189 |
-
margin-top: 30px;
|
1190 |
-
padding: 10px;
|
1191 |
-
font-size: 14px;
|
1192 |
-
color: var(--secondary-color);
|
1193 |
-
}}
|
1194 |
-
.progress-module {{
|
1195 |
-
padding: 10px;
|
1196 |
-
margin: 5px 0;
|
1197 |
-
border-radius: 5px;
|
1198 |
-
background-color: #e9ecef;
|
1199 |
-
}}
|
1200 |
-
.progress-module.completed {{
|
1201 |
-
background-color: #d4edda;
|
1202 |
-
}}
|
1203 |
-
.info-box {{
|
1204 |
-
background-color: #e7f5fe;
|
1205 |
-
border-left: 4px solid var(--primary-color);
|
1206 |
-
padding: 15px;
|
1207 |
-
margin: 15px 0;
|
1208 |
-
border-radius: 4px;
|
1209 |
-
}}
|
1210 |
-
"""
|
1211 |
-
|
1212 |
-
with gr.Blocks(css=custom_css, theme=gr.themes.Soft(primary_hue="blue")) as demo:
|
1213 |
gr.HTML("<div id='title'>🎓 AI Teaching Assistant</div>")
|
1214 |
gr.HTML("<div id='subtitle'>Your personalized learning companion for Python, Data Science & AI</div>")
|
1215 |
|
|
|
1129 |
"""
|
1130 |
def create_chatbot():
|
1131 |
"""Create the Gradio interface for the chatbot"""
|
1132 |
+
with gr.Blocks() as demo:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1133 |
gr.HTML("<div id='title'>🎓 AI Teaching Assistant</div>")
|
1134 |
gr.HTML("<div id='subtitle'>Your personalized learning companion for Python, Data Science & AI</div>")
|
1135 |
|