Spaces:
Running
on
Zero
Running
on
Zero
Update breed_recommendation.py
Browse files- breed_recommendation.py +37 -0
breed_recommendation.py
CHANGED
|
@@ -15,11 +15,28 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
|
|
| 15 |
gr.HTML("""
|
| 16 |
<div style='
|
| 17 |
text-align: center;
|
|
|
|
| 18 |
padding: 20px 0;
|
| 19 |
margin: 15px 0;
|
| 20 |
background: linear-gradient(to right, rgba(66, 153, 225, 0.1), rgba(72, 187, 120, 0.1));
|
| 21 |
border-radius: 10px;
|
| 22 |
'>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
<p style='
|
| 24 |
font-size: 1.2em;
|
| 25 |
margin: 0;
|
|
@@ -32,6 +49,26 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
|
|
| 32 |
'>
|
| 33 |
Tell us about your lifestyle, and we'll recommend the perfect dog breeds for you!
|
| 34 |
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
</div>
|
| 36 |
""")
|
| 37 |
|
|
|
|
| 15 |
gr.HTML("""
|
| 16 |
<div style='
|
| 17 |
text-align: center;
|
| 18 |
+
position: relative;
|
| 19 |
padding: 20px 0;
|
| 20 |
margin: 15px 0;
|
| 21 |
background: linear-gradient(to right, rgba(66, 153, 225, 0.1), rgba(72, 187, 120, 0.1));
|
| 22 |
border-radius: 10px;
|
| 23 |
'>
|
| 24 |
+
<!-- BETA 標籤 -->
|
| 25 |
+
<div style='
|
| 26 |
+
position: absolute;
|
| 27 |
+
top: 10px;
|
| 28 |
+
right: 20px;
|
| 29 |
+
background: linear-gradient(90deg, #4299e1, #48bb78);
|
| 30 |
+
color: white;
|
| 31 |
+
padding: 4px 12px;
|
| 32 |
+
border-radius: 15px;
|
| 33 |
+
font-size: 0.85em;
|
| 34 |
+
font-weight: 600;
|
| 35 |
+
letter-spacing: 1px;
|
| 36 |
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
| 37 |
+
'>BETA</div>
|
| 38 |
+
|
| 39 |
+
<!-- 主標題 -->
|
| 40 |
<p style='
|
| 41 |
font-size: 1.2em;
|
| 42 |
margin: 0;
|
|
|
|
| 49 |
'>
|
| 50 |
Tell us about your lifestyle, and we'll recommend the perfect dog breeds for you!
|
| 51 |
</p>
|
| 52 |
+
|
| 53 |
+
<!-- 提示訊息 -->
|
| 54 |
+
<div style='
|
| 55 |
+
margin-top: 15px;
|
| 56 |
+
padding: 10px 20px;
|
| 57 |
+
background: linear-gradient(to right, rgba(66, 153, 225, 0.15), rgba(72, 187, 120, 0.15));
|
| 58 |
+
border-radius: 8px;
|
| 59 |
+
font-size: 0.9em;
|
| 60 |
+
color: #2D3748;
|
| 61 |
+
display: flex;
|
| 62 |
+
align-items: center;
|
| 63 |
+
justify-content: center;
|
| 64 |
+
gap: 8px;
|
| 65 |
+
'>
|
| 66 |
+
<span style="font-size: 1.2em;">🔬</span>
|
| 67 |
+
<span style="
|
| 68 |
+
letter-spacing: 0.3px;
|
| 69 |
+
line-height: 1.4;
|
| 70 |
+
"><strong>Beta Feature:</strong> Our matching algorithm is continuously improving. Results are for reference only.</span>
|
| 71 |
+
</div>
|
| 72 |
</div>
|
| 73 |
""")
|
| 74 |
|