The practice has a list of scenes. You are given a file, say scenes.json, with the following data:
{
"scenes": [
{
"name": "At the Restaurant",
"description": "A conversation between a customer and a waiter at a restaurant, ordering food and asking about the menu."
},
{
"name": "At the Airport",
"description": "A conversation between a traveler and an airline agent at the airport, discussing flight details and check-in procedures."
},
{
"name": "At the Hotel",
"description": "A conversation between a guest and a hotel receptionist, checking in to a hotel and asking about amenities."
},
{
"name": "At the Doctor's Office",
"description": "A conversation between a patient and a doctor, discussing symptoms and receiving medical advice."
},
{
"name": "At the Grocery Store",
"description": "A conversation between a shopper and a cashier at a grocery store, checking out items and discussing prices."
},
{
"name": "At the Bank",
"description": "A conversation between a customer and a bank teller, discussing account transactions and banking services."
},
{
"name": "At the Post Office",
"description": "A conversation between a customer and a postal worker, mailing a package and asking about shipping options."
},
{
"name": "At the Train Station",
"description": "A conversation between a passenger and a ticket agent at a train station, buying tickets and asking about train schedules."
},
{
"name": "At the Job Interview",
"description": "A conversation between a job applicant and an interviewer, discussing qualifications and answering interview questions."
},
{
"name": "At the University",
"description": "A conversation between a student and a professor, discussing coursework and asking for academic advice."
}
]
}
The page will use the name show a menu with the list of scenes. When move to the menu item, will slide out its description.