Update app.py
Browse files
app.py
CHANGED
|
@@ -1,8 +1,25 @@
|
|
| 1 |
-
import streamlit as st
|
| 2 |
|
|
|
|
| 3 |
st.set_page_config(page_title="Neural Network Playground", layout="centered")
|
| 4 |
|
| 5 |
-
#
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
st.markdown(
|
| 7 |
"""
|
| 8 |
<h1 style='text-align: center; color: #FF6347; font-weight: bold;'>
|
|
@@ -12,7 +29,7 @@ st.markdown(
|
|
| 12 |
unsafe_allow_html=True
|
| 13 |
)
|
| 14 |
|
| 15 |
-
#
|
| 16 |
st.markdown(
|
| 17 |
"""
|
| 18 |
<h3 style='text-align: center; color: #2E8B57; font-weight: normal;'>
|
|
@@ -22,12 +39,18 @@ st.markdown(
|
|
| 22 |
unsafe_allow_html=True
|
| 23 |
)
|
| 24 |
|
|
|
|
| 25 |
st.subheader("🔎 :blue[About the App:]")
|
| 26 |
|
| 27 |
-
st.markdown("""
|
|
|
|
|
|
|
| 28 |
Whether you're just starting or already exploring advanced concepts, this platform lets you:
|
|
|
|
| 29 |
- 🧑💻 Build and visualize neural networks with ease and fun.
|
| 30 |
- 🔬 Train models on interactive datasets with real-time updates.
|
| 31 |
- 🛠️ Experiment with various architectures and see instant results.
|
| 32 |
- 🧠 Adjust hyperparameters and observe their effects on model learning—live!
|
| 33 |
-
|
|
|
|
|
|
|
|
|
| 1 |
+
import streamlit as st
|
| 2 |
|
| 3 |
+
# Set page config
|
| 4 |
st.set_page_config(page_title="Neural Network Playground", layout="centered")
|
| 5 |
|
| 6 |
+
# Inject custom CSS to add background image
|
| 7 |
+
st.markdown(
|
| 8 |
+
f"""
|
| 9 |
+
<style>
|
| 10 |
+
.stApp {{
|
| 11 |
+
background-image: url("th.jpg");
|
| 12 |
+
background-size: cover;
|
| 13 |
+
background-position: center;
|
| 14 |
+
background-repeat: no-repeat;
|
| 15 |
+
background-attachment: fixed;
|
| 16 |
+
}}
|
| 17 |
+
</style>
|
| 18 |
+
""",
|
| 19 |
+
unsafe_allow_html=True
|
| 20 |
+
)
|
| 21 |
+
|
| 22 |
+
# Title
|
| 23 |
st.markdown(
|
| 24 |
"""
|
| 25 |
<h1 style='text-align: center; color: #FF6347; font-weight: bold;'>
|
|
|
|
| 29 |
unsafe_allow_html=True
|
| 30 |
)
|
| 31 |
|
| 32 |
+
# Subtitle
|
| 33 |
st.markdown(
|
| 34 |
"""
|
| 35 |
<h3 style='text-align: center; color: #2E8B57; font-weight: normal;'>
|
|
|
|
| 39 |
unsafe_allow_html=True
|
| 40 |
)
|
| 41 |
|
| 42 |
+
# About Section
|
| 43 |
st.subheader("🔎 :blue[About the App:]")
|
| 44 |
|
| 45 |
+
st.markdown("""
|
| 46 |
+
Neural Network Playground is an interactive tool designed for hands-on exploration of machine learning models.
|
| 47 |
+
|
| 48 |
Whether you're just starting or already exploring advanced concepts, this platform lets you:
|
| 49 |
+
|
| 50 |
- 🧑💻 Build and visualize neural networks with ease and fun.
|
| 51 |
- 🔬 Train models on interactive datasets with real-time updates.
|
| 52 |
- 🛠️ Experiment with various architectures and see instant results.
|
| 53 |
- 🧠 Adjust hyperparameters and observe their effects on model learning—live!
|
| 54 |
+
|
| 55 |
+
No coding required. Just pure, interactive learning.
|
| 56 |
+
""")
|