Spaces:
Sleeping
Sleeping
Update pages/Machine Learning vs Deep Learning.py
Browse files
pages/Machine Learning vs Deep Learning.py
CHANGED
|
@@ -1,66 +1,5 @@
|
|
| 1 |
import streamlit as st
|
| 2 |
|
| 3 |
-
html_code = """
|
| 4 |
-
<!DOCTYPE html>
|
| 5 |
-
<html lang="en">
|
| 6 |
-
<head>
|
| 7 |
-
<meta charset="UTF-8">
|
| 8 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 9 |
-
<title>Chefs Analogy: ML vs DL</title>
|
| 10 |
-
<style>
|
| 11 |
-
body {
|
| 12 |
-
font-family: Arial, sans-serif;
|
| 13 |
-
background-color: #f4f4f9;
|
| 14 |
-
margin: 0;
|
| 15 |
-
padding: 0;
|
| 16 |
-
color: #333;
|
| 17 |
-
}
|
| 18 |
-
.container {
|
| 19 |
-
max-width: 800px;
|
| 20 |
-
margin: 20px auto;
|
| 21 |
-
padding: 20px;
|
| 22 |
-
background-color: #fff;
|
| 23 |
-
border-radius: 10px;
|
| 24 |
-
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
| 25 |
-
}
|
| 26 |
-
h1 {
|
| 27 |
-
color: #4CAF50;
|
| 28 |
-
text-align: center;
|
| 29 |
-
}
|
| 30 |
-
p {
|
| 31 |
-
line-height: 1.6;
|
| 32 |
-
}
|
| 33 |
-
.highlight {
|
| 34 |
-
color: #4CAF50;
|
| 35 |
-
font-weight: bold;
|
| 36 |
-
}
|
| 37 |
-
.note {
|
| 38 |
-
background-color: #f9f9f9;
|
| 39 |
-
padding: 10px;
|
| 40 |
-
border-left: 4px solid #4CAF50;
|
| 41 |
-
margin-top: 20px;
|
| 42 |
-
}
|
| 43 |
-
</style>
|
| 44 |
-
</head>
|
| 45 |
-
<body>
|
| 46 |
-
<div class="container">
|
| 47 |
-
<h1>✨ Imagine This: Chefs in the Kitchen 🍳</h1>
|
| 48 |
-
<p>Two chefs are in the same kitchen. One chef is highly skilled and prepares a dish every day, experimenting with different flavors and ingredients. The second chef, who is not very experienced, wants to recreate the dish but hasn’t been as consistent with their practice. To do this, they borrow the first chef's recipe to copy it. To help them recreate the dish, they use two tools: a <span class="highlight">recipe book</span> and a <span class="highlight">set of cooking tools</span>. While both tools serve the same purpose of helping them cook, their functionality differs:</p>
|
| 49 |
-
|
| 50 |
-
<ul>
|
| 51 |
-
<li><span class="highlight">A recipe book</span> is used for <strong>guidance</strong>, as it provides clear instructions on how to prepare the dish. You can follow the steps and make adjustments to improve your skills over time.</li>
|
| 52 |
-
<li><span class="highlight">A set of cooking tools</span> is used for <strong>precision</strong>, as it allows you to directly manipulate ingredients and execute complex techniques, making it easier to experiment and achieve finer results.</li>
|
| 53 |
-
</ul>
|
| 54 |
-
|
| 55 |
-
<div class="note">
|
| 56 |
-
<strong>Note:</strong> This analogy helps understand the difference between <strong>Machine Learning</strong> (guidance) and <strong>Deep Learning</strong> (precision).
|
| 57 |
-
</div>
|
| 58 |
-
</div>
|
| 59 |
-
</body>
|
| 60 |
-
</html>
|
| 61 |
-
"""
|
| 62 |
-
|
| 63 |
-
st.markdown(html_code, unsafe_allow_html=True)
|
| 64 |
|
| 65 |
markdown_content = """
|
| 66 |
# Machine Learning vs Deep Learning
|
|
|
|
| 1 |
import streamlit as st
|
| 2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 3 |
|
| 4 |
markdown_content = """
|
| 5 |
# Machine Learning vs Deep Learning
|