Update app.py

app.py

@@ -1,6 +1,8 @@
-import streamlit as st
-from pathlib import Path
+import base64
+import mimetypes
 from html import escape
+from pathlib import Path
+import streamlit as st
 
 # ---------- PATHS (subfolder-safe) ----------
 BASE_DIR = Path(__file__).parent            # -> Landing_Page/
@@ -13,22 +15,23 @@ TAGLINE = "We Deliver Smart AI-Based Solutions For O&G Industry"
 APP1 = {
     "title": "ST_Geo_Mech",
     "url": "https://smart-thinking-ucs.hf.space/",
-    "thumb": (ASSETS / "app1.png").as_posix(),
+    "thumb_path": ASSETS / "app1.png",
     "blurb": "Real-Time UCS Prediction",
 }
 APP2 = {
     "title": "ST_Log_GR",
     "url": "https://smart-thinking-gr.hf.space/",
-    "thumb": (ASSETS / "app2.png").as_posix(),
+    "thumb_path": ASSETS / "app2.png",
     "blurb": "Real-Time GR Log Prediction",
 }
+
 LOGO_PATH = ASSETS / "logo.png"
 
 # ---------- PAGE META ----------
-page_icon = LOGO_PATH.as_posix() if LOGO_PATH.exists() else "🧭"
+page_icon = str(LOGO_PATH) if LOGO_PATH.exists() else "🧭"
 st.set_page_config(page_title=f"{COMPANY_NAME} — Apps", page_icon=page_icon, layout="wide")
 
-# ---------- GLOBAL STYLES ----------
+# ---------- STYLES ----------
 st.markdown(
     """
     <style>
@@ -54,31 +57,41 @@ st.markdown(
     unsafe_allow_html=True,
 )
 
+# ---------- IMAGE HELPERS ----------
+def to_data_uri(path: Path) -> str | None:
+    """Return a data: URI for an image path, or None if missing."""
+    if not path.exists():
+        return None
+    mime, _ = mimetypes.guess_type(path.name)
+    if not mime:
+        mime = "image/png"
+    b64 = base64.b64encode(path.read_bytes()).decode("utf-8")
+    return f"data:{mime};base64,{b64}"
+
+def img_or_placeholder(path: Path, alt: str) -> str:
+    uri = to_data_uri(path)
+    if uri:
+        return f'<img class="thumb" src="{uri}" alt="{escape(alt)}" />'
+    return f'<div class="thumb">{escape(alt)}</div>'
+
 # ---------- HERO ----------
-logo_html = f'<img src="{LOGO_PATH.as_posix()}" alt="logo" />' if LOGO_PATH.exists() else ""
+logo_html = img_or_placeholder(LOGO_PATH, "logo") if LOGO_PATH.exists() else ""
 st.markdown(
     '<div class="hero">' + logo_html + f"<h1>{COMPANY_NAME}</h1>" + f"<p>{TAGLINE}</p>" + "</div>",
     unsafe_allow_html=True,
 )
 
-# ---------- HELPERS ----------
-def img_or_placeholder(src: str, alt: str):
-    p = Path(src)
-    if p.exists():
-        return f'<img class="thumb" src="{escape(src)}" alt="{escape(alt)}" />'
-    return f'<div class="thumb">{escape(alt)}</div>'
-
-def app_card(app_dict: dict) -> str:
+# ---------- CARD RENDERING ----------
+def app_card(app: dict) -> str:
     return f"""
     <div class="card">
-      {img_or_placeholder(app_dict['thumb'], app_dict['title'])}
-      <h3>{escape(app_dict['title'])}</h3>
-      <p>{escape(app_dict['blurb'])}</p>
-      <a class="btn btn-primary" href="{escape(app_dict['url'])}" target="_self">Open {escape(app_dict['title'])}</a>
+      {img_or_placeholder(app['thumb_path'], app['title'])}
+      <h3>{escape(app['title'])}</h3>
+      <p>{escape(app['blurb'])}</p>
+      <a class="btn btn-primary" href="{escape(app['url'])}" target="_self">Open {escape(app['title'])}</a>
     </div>
     """
 
-# ---------- GRID (2 CARDS) ----------
 html_grid = f"<div class='grid'>{app_card(APP1)}{app_card(APP2)}</div>"
 st.markdown(html_grid, unsafe_allow_html=True)