Update page_files/Home.py

page_files/Home.py

@@ -198,32 +198,7 @@ elif _nav == "search":
     st.query_params.clear()
     st.switch_page("page_files/Categorized_Search.py")
 
-# PostMessage listener for iframe card clicks
-components.html("""
-<script>
-window.addEventListener('message', function(e) {
-    if (e.data && e.data.type === 'streamlit:setComponentValue') {
-        // Write to a hidden input Streamlit can read via query params
-        const val = e.data.value;
-        window.parent.location.href = window.parent.location.href.split('?')[0] + '?card=' + val;
-    }
-});
-</script>
-""", height=0)
-
-# Check query param for card navigation
-import urllib.parse
-try:
-    _qp = st.query_params
-    if "card" in _qp:
-        _card_val = _qp["card"]
-        st.query_params.clear()
-        if _card_val == "upload":
-            st.switch_page("page_files/Upload_Data.py")
-        elif _card_val == "search":
-            st.switch_page("page_files/Categorized_Search.py")
-except Exception:
-    pass
+
 
 #  Helper 
 def go_categorized(material=None, search=None):
@@ -547,22 +522,17 @@ def _build_showcase_html(extract_b64, search_b64):
         "composite material properties. Polymer, fiber, and composite datasets, all in one place.</p>"
         "</div>"
     )
-
     extract_card = (
-    "<div class=\"s-card\" onclick=\""
-    "window.parent.postMessage({queryString:'?nav=upload'},'https://huggingface.co');"
-    "\">"
-    "<img class=\"s-card-img\" src=\"" + extract_b64 + "\" alt=\"Extract Data\"/>"
-    "<div class=\"s-card-body\">"
-    "<div class=\"s-card-title\">Extract Data</div>"
-    "<p class=\"s-card-desc\">Upload experimental datasets and extract structured material property data into the AIM database.</p>"
-    "<span class=\"s-card-link\">Open platform &#x2192;</span>"
-    "</div></div>"
+        "<div class=\"s-card\" onclick=\"window.parent.postMessage({queryString:'?nav=upload'},'https://huggingface.co')\">"
+        "<img class=\"s-card-img\" src=\"" + extract_b64 + "\" alt=\"Extract Data\"/>"
+        "<div class=\"s-card-body\">"
+        "<div class=\"s-card-title\">Extract Data</div>"
+        "<p class=\"s-card-desc\">Upload experimental datasets and extract structured material property data into the AIM database.</p>"
+        "<span class=\"s-card-link\">Open platform &#x2192;</span>"
+        "</div></div>"
     )
     search_card = (
-        "<div class=\"s-card\" onclick=\""
-        "window.parent.postMessage({queryString:'?nav=search'},'https://huggingface.co');"
-        "\">"
+        "<div class=\"s-card\" onclick=\"window.parent.postMessage({queryString:'?nav=search'},'https://huggingface.co')\">"
         "<img class=\"s-card-img\" src=\"" + search_b64 + "\" alt=\"Search\"/>"
         "<div class=\"s-card-body\">"
         "<div class=\"s-card-title\">Search</div>"
@@ -581,7 +551,6 @@ def _build_showcase_html(extract_b64, search_b64):
         ".showcase-sub{color:#5a6b65;font-size:.93rem;line-height:1.7;}"
         ".showcase-cards{flex:1;display:flex;gap:20px;}"
         ".s-card{flex:1;border-radius:16px;overflow:hidden;background:#0f1f1a;border:1.5px solid #1e3a30;"
-        "text-decoration:none;display:flex;flex-direction:column;"  
         "box-shadow:0 4px 20px rgba(0,0,0,.10);display:flex;flex-direction:column;"
         "cursor:pointer;transition:box-shadow .2s,border-color .2s,transform .2s;}"
         ".s-card:hover{box-shadow:0 8px 32px rgba(138,202,255,.18);border-color:#8ACAFF;transform:translateY(-3px);}"
@@ -607,29 +576,7 @@ def _build_showcase_html(extract_b64, search_b64):
     )
 
 
-# Hidden Streamlit buttons wired to the card clicks via JS
-components.html(_build_showcase_html(extract_card_img, search_card_img), height=480, scrolling=False)
 
-_btn_col1, _btn_col2 = st.columns(2)
-with _btn_col1:
-    if st.button("Go to Extract Data", key="_nav_upload", help="", use_container_width=True):
-        st.switch_page("page_files/Upload_Data.py")
-with _btn_col2:
-    if st.button("Go to Search", key="_nav_search", help="", use_container_width=True):
-        st.switch_page("page_files/Categorized_Search.py")
-
-# Hide the nav buttons visually — they are only triggered by JS
-st.markdown("""
-<style>
-.st-key-_nav_upload, .st-key-_nav_search {
-    position: absolute !important;
-    opacity: 0 !important;
-    pointer-events: none !important;
-    height: 0 !important;
-    overflow: hidden !important;
-}
-</style>
-""", unsafe_allow_html=True)
 
 
 
@@ -797,7 +744,4 @@ with _:
     st.page_link(
         "page_files/Contact_Team.py",
         label="Contact Team",
-    )
-
-
-
+    )