Spaces:
Build error
Build error
import streamlit as st | |
import time | |
from streamlit_lottie import st_lottie | |
import requests | |
# Function to load Lottie animations | |
def load_lottie_url(url): | |
response = requests.get(url) | |
if response.status_code != 200: | |
return None | |
return response.json() | |
# Load Lottie animations | |
lottie_digestive_system = load_lottie_url("https://assets9.lottiefiles.com/packages/lf20_4xm9m9ic.json") | |
lottie_quiz_complete = load_lottie_url("https://assets8.lottiefiles.com/packages/lf20_s2lryxtd.json") | |
# Page Configurations | |
st.set_page_config( | |
page_title="CBT: Digestive System for Class 6", | |
layout="centered" | |
) | |
# Title and Description | |
st.title("π CBT: Digestive System π") | |
st.write("This Computer-Based Tutorial (CBT) is designed for Class 6 students to learn about the digestive system in a fun and interactive way.") | |
st.image("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Digestive_system_diagram_en.svg/1200px-Digestive_system_diagram_en.svg.png", caption="Digestive System Overview") | |
# Sidebar Navigation | |
st.sidebar.header("Navigation") | |
sections = ["Introduction", "Organs of the Digestive System", "Process of Digestion", "Quiz"] | |
selected_section = st.sidebar.radio("Select Section:", sections) | |
if selected_section == "Introduction": | |
st.header("Introduction") | |
st.write("The digestive system is a group of organs that work together to break down food into smaller parts so the body can use them for energy, growth, and repair.") | |
st_lottie(lottie_digestive_system, height=300, key="intro_animation") | |
# Relevant Digestive Process GIF from Giphy | |
st.image("https://media.giphy.com/media/jTqboGlCkiQ7e/giphy.gif", caption="Digestive Process (GIF)") # Updated relevant GIF | |
st.balloons() | |
elif selected_section == "Organs of the Digestive System": | |
st.header("Organs of the Digestive System") | |
st.write("The digestive system includes the following major organs:") | |
st.markdown(""" | |
- **Mouth**: The starting point of digestion where food is chewed and mixed with saliva. | |
- **Esophagus**: A tube that connects the mouth to the stomach. | |
- **Stomach**: Breaks down food using acids and enzymes. | |
- **Small Intestine**: Absorbs nutrients from food. | |
- **Large Intestine**: Absorbs water and forms waste products. | |
- **Liver**: Produces bile to help digest fats. | |
- **Pancreas**: Produces enzymes that help in digestion. | |
- **Rectum and Anus**: Store and eliminate waste. | |
""") | |
st.image("https://cdn.pixabay.com/photo/2017/07/25/13/01/intestine-2531936_960_720.png", caption="Illustration of Digestive Organs") | |
# Embedding a video related to digestive organs | |
st.video("https://www.youtube.com/watch?v=1H2V9X4TcK0", caption="Digestive System Organs Video") | |
elif selected_section == "Process of Digestion": | |
st.header("Process of Digestion") | |
st.write("The process of digestion involves several steps:") | |
st.markdown(""" | |
1. **Ingestion**: Food enters the mouth. | |
2. **Propulsion**: Food moves through the esophagus to the stomach. | |
3. **Mechanical Digestion**: Food is physically broken down into smaller pieces. | |
4. **Chemical Digestion**: Enzymes break down food into simpler molecules. | |
5. **Absorption**: Nutrients are absorbed into the bloodstream in the small intestine. | |
6. **Elimination**: Waste is eliminated through the rectum and anus. | |
""") | |
st.image("https://cdn.pixabay.com/photo/2017/07/25/13/01/digestive-2531937_960_720.png", caption="Step-by-step Digestive Process") | |
# Adding a relevant Digestive Process GIF | |
st.image("https://media.giphy.com/media/jTqboGlCkiQ7e/giphy.gif", caption="Digestion in Action (GIF)") # Relevant GIF for digestion | |
with st.spinner("Simulating digestion..."): | |
time.sleep(2) | |
st.success("Digestion process explained!") | |
elif selected_section == "Quiz": | |
st.header("π§ Quiz: Test Your Knowledge") | |
st.write("Answer the following questions to test your knowledge of the digestive system.") | |
# Question 1 | |
question1 = st.radio( | |
"1. Which organ is responsible for absorbing nutrients from food?", | |
("Mouth", "Stomach", "Small Intestine", "Large Intestine") | |
) | |
if question1 == "Small Intestine": | |
st.success("β Correct! The small intestine absorbs nutrients from food.") | |
elif question1: | |
st.error("β Incorrect. The correct answer is 'Small Intestine'.") | |
# Question 2 | |
question2 = st.radio( | |
"2. What is the function of bile?", | |
("To digest proteins", "To help digest fats", "To break down carbohydrates", "To eliminate waste") | |
) | |
if question2 == "To help digest fats": | |
st.success("β Correct! Bile helps in the digestion of fats.") | |
elif question2: | |
st.error("β Incorrect. The correct answer is 'To help digest fats'.") | |
# Question 3 | |
question3 = st.radio( | |
"3. Which organ produces enzymes for digestion?", | |
("Liver", "Stomach", "Pancreas", "Esophagus") | |
) | |
if question3 == "Pancreas": | |
st.success("β Correct! The pancreas produces enzymes that aid in digestion.") | |
elif question3: | |
st.error("β Incorrect. The correct answer is 'Pancreas'.") | |
st.write("π Keep learning and practicing! Great job!") | |
st_lottie(lottie_quiz_complete, height=300, key="quiz_animation") | |
# Embedding another video for quiz results | |
st.video("https://www.youtube.com/watch?v=2DlwJlXjqZ8", caption="Quiz Completion Video") | |