Update page_files/Home.py

page_files/Home.py

@@ -547,23 +547,24 @@ 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.location.search='?nav=upload'\">"
-        "<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>"
+    "<a class=\"s-card\" href=\"/aim4composites/MaterialsDatabase/Upload_Data\" target=\"_top\">"
+    "<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></a>"
     )
     search_card = (
-        "<div class=\"s-card\" onclick=\"window.parent.location.search='?nav=search'\">"
+        "<a class=\"s-card\" href=\"/aim4composites/MaterialsDatabase/Categorized_Search\" target=\"_top\">"
         "<img class=\"s-card-img\" src=\"" + search_b64 + "\" alt=\"Search\"/>"
         "<div class=\"s-card-body\">"
         "<div class=\"s-card-title\">Search</div>"
         "<p class=\"s-card-desc\">Browse and filter polymer, fiber, and composite material properties across the full database.</p>"
         "<span class=\"s-card-link\">Open search &#x2192;</span>"
-        "</div></div>"
+        "</div></a>"
     )
     css = (
         "<style>"
@@ -576,6 +577,7 @@ 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);}"