Yaswanth123 commited on
Commit
bec0e37
·
verified ·
1 Parent(s): 825476f

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +14 -1
app.py CHANGED
@@ -371,8 +371,21 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css, title="AI Syllabus Archit
371
  with gr.Tab("How to Use"):
372
  gr.Markdown(
373
  """
374
- ### Quick Start Guide
 
 
 
 
 
 
 
 
 
 
 
375
 
 
 
376
  **1. Start a Conversation:**
377
  Begin by telling the AI what you want to learn. Be specific!
378
  *Example: "I want to learn about building a RAG pipeline from scratch using Python."*
 
371
  with gr.Tab("How to Use"):
372
  gr.Markdown(
373
  """
374
+ <div style="display: flex; gap: 20px; flex-wrap: wrap;">
375
+ <div style="flex: 1; min-width: 300px;">
376
+ <h4>How to Use AI Tutor</h4>
377
+ <p>A quick walkthrough of the app's features and how to get started.</p>
378
+ <iframe src="https://www.youtube.com/embed/p8uxJPLlQg4" width="100%" height="240" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
379
+ </div>
380
+ <div style="flex: 1; min-width: 300px;">
381
+ <h4>Inspiration & Limitations</h4>
382
+ <p>Learn about the vision behind the project and its current capabilities.</p>
383
+ <iframe src="https://www.youtube.com/embed/gBsjCHJn1BA" width="100%" height="240" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
384
+ </div>
385
+ </div>
386
 
387
+ ---
388
+
389
  **1. Start a Conversation:**
390
  Begin by telling the AI what you want to learn. Be specific!
391
  *Example: "I want to learn about building a RAG pipeline from scratch using Python."*