Spaces:
Build error
Build error
File size: 5,493 Bytes
119ca51 215cbc4 4edad20 119ca51 17e3c13 119ca51 215cbc4 4edad20 17e3c13 4edad20 17e3c13 4edad20 86ca5d3 215cbc4 17e3c13 215cbc4 86ca5d3 17e3c13 215cbc4 86ca5d3 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 17e3c13 215cbc4 4edad20 86ca5d3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 |
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")
|