Update app.py

app.py

@@ -307,17 +307,68 @@ df = load_data()
 #     st.metric("Alarms (Red/Amber)", f"{df['is_alarm'].sum():,} ({df['is_alarm'].mean():.1%})")
 
 # ================= HEADER =================
+# st.markdown("""
+# <div style="text-align:center; font-family:Arial, sans-serif; margin-bottom:16px;">
+#     <h1 style="color:#154D9C; font-weight:bold; margin:0;">
+#         Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
+#     </h1>
+#     <p style="font-size:12px; color:#7d7d7d; margin:4px 0 2px 0;">
+#         Daily trend insights derived from 13–16 December 2023 data
+#     </p>
+#     <p style="font-size:10px; color:#7d7d7d; margin:2px 0 0 0;">
+#         &copy; 2025 Bukit Technology Digital. All rights reserved.
+#     </p>
+# </div>
+# """, unsafe_allow_html=True)
+# ================= HEADER + DUAL LOGO (KIRI: logo.png | KANAN: btech.png) =================
 st.markdown("""
-<div style="text-align:center; font-family:Arial, sans-serif; margin-bottom:16px;">
-    <h1 style="color:#154D9C; font-weight:bold; margin:0;">
-        Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
-    </h1>
-    <p style="font-size:12px; color:#7d7d7d; margin:4px 0 2px 0;">
-        Daily trend insights derived from 13–16 December 2023 data
-    </p>
-    <p style="font-size:10px; color:#7d7d7d; margin:2px 0 0 0;">
-        &copy; 2025 Bukit Technology Digital. All rights reserved.
-    </p>
+<style>
+.header-container {
+    position: relative;
+    text-align: center;
+    padding: 30px 0 20px 0;
+    margin-bottom: 20px;
+}
+.logo-left, .logo-right {
+    position: absolute;
+    top: 10px;
+    z-index: 100;
+    background: white;
+    padding: 6px;
+    border-radius: 10px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+    border: 1px solid #e0e0e0;
+}
+.logo-left {
+    left: 20px;
+}
+.logo-right {
+    right: 20px;
+}
+.title-main {
+    font-size: 2.2rem;
+    font-weight: 800;
+    color: #154D9C;
+    margin: 0;
+}
+.sub1, .sub2 {
+    font-size: 12px;
+    color: #7d7d7d;
+    margin: 4px 0 2px 0;
+}
+.sub2 { font-size: 10px; }
+</style>
+
+<div class="header-container">
+    <div class="logo-left">
+        <img src="logo.png" width="100" style="display:block;" />
+    </div>
+    <div class="logo-right">
+        <img src="btech.png" width="100" style="display:block;" />
+    </div>
+    <h1 class="title-main">Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments</h1>
+    <p class="sub1">Daily trend insights derived from 13–16 December 2023 data</p>
+    <p class="sub2">&copy; 2025 Bukit Technology Digital. All rights reserved.</p>
 </div>
 """, unsafe_allow_html=True)