Spaces:

aim4composites
/

Production_Updated_Mat_Database

Running

App Files Files Community

gvlktejaswi commited on May 7

Commit

e5ccfd4

verified ·

1 Parent(s): 930cb9b

Update page_files/Home.py

Browse files

Files changed (1) hide show

page_files/Home.py +36 -187

page_files/Home.py CHANGED Viewed

@@ -513,38 +513,14 @@ st.markdown("""
 # Showcase section - Databricks style
-_left, _card1, _card2 = st.columns([0.85, 1, 1])
-with _left:
-    st.markdown("""
-    <div style="padding-top:32px;">
-        <div style="font-size:.68rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8ACAFF;margin-bottom:14px;font-family:'DM Sans',sans-serif;">Platform Features</div>
-        <div style="font-size:2rem;font-weight:800;color:#0f1f1a;letter-spacing:-1px;line-height:1.15;margin-bottom:16px;font-family:'DM Sans',sans-serif;">Accelerate Your Composites Research</div>
-        <p style="color:#5a6b65;font-size:.93rem;line-height:1.7;font-family:'DM Sans',sans-serif;">Access a centralized, open-source database for experimental composite material properties. Polymer, fiber, and composite datasets, all in one place.</p>
-    </div>
-    """, unsafe_allow_html=True)
-with _card1:
-    st.image(str(_ROOT / "extract_card_img.png"), use_container_width=True)
-    st.markdown("""
-    <div style="background:#0f1f1a;padding:16px 20px 8px;border:1.5px solid #1e3a30;border-top:none;border-bottom:none;">
-        <div style="font-size:1.05rem;font-weight:700;color:#fff;font-family:'DM Sans',sans-serif;">Extract Data</div>
-        <p style="font-size:.82rem;color:#7a9e8f;margin:6px 0 0;font-family:'DM Sans',sans-serif;">Upload experimental datasets and extract structured material property data into the AIM database.</p>
-    </div>
-    """, unsafe_allow_html=True)
-    if st.button("Open Extract Data", key="btn_extract", use_container_width=True):
-        st.switch_page("page_files/Upload_Data.py")
-with _card2:
-    st.image(str(_ROOT / "search_card_img.png"), use_container_width=True)
-    st.markdown("""
-    <div style="background:#0f1f1a;padding:16px 20px 8px;border:1.5px solid #1e3a30;border-top:none;border-bottom:none;">
-        <div style="font-size:1.05rem;font-weight:700;color:#fff;font-family:'DM Sans',sans-serif;">Search</div>
-        <p style="font-size:.82rem;color:#7a9e8f;margin:6px 0 0;font-family:'DM Sans',sans-serif;">Browse and filter polymer, fiber, and composite material properties across the full database.</p>
-    </div>
-    """, unsafe_allow_html=True)
-    if st.button("Open Search", key="btn_search", use_container_width=True):
-        st.switch_page("page_files/Categorized_Search.py")
 st.markdown("""
 <style>
@@ -569,164 +545,37 @@ st.markdown("""
 </style>
 """, unsafe_allow_html=True)
-# ══════════════════════════════════════════════════════════════════════════════
-# 6.  ABOUT + FOOTER (static HTML)
-# ══════════════════════════════════════════════════════════════════════════════
-components.html(f"""
-<!DOCTYPE html><html lang="en"><head>
-<meta charset="UTF-8"/>
-<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-<style>
-*, *::before, *::after {{ box-sizing: border-box; margin: 0; padding: 0; }}
-body {{ font-family: 'DM Sans', sans-serif; color: #1a2e26; }}
-.aim-about {{ background: #fff; padding: 60px; border-bottom: 1px solid #e8e8e4; }}
-.aim-about h2 {{ font-size: 1.65rem; font-weight: 700; color: #0f1f1a; letter-spacing: -0.5px; margin-bottom: 8px; }}
-.aim-about-sub {{ color: #6a7e77; font-size: 0.9rem; margin-bottom: 30px; }}
-.aim-about-grid {{ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }}
-.aim-about-text p {{ color: #3a4e47; font-size: 0.91rem; line-height: 1.75; margin-bottom: 14px; }}
-.aim-about-img {{ border-radius: 10px; overflow: hidden; border: 1px solid #e4e8e5; }}
-.aim-about-img img {{ width: 100%; display: block; }}
-.aim-about-img-placeholder {{
-    background: #f0f5f3; border-radius: 10px; height: 280px;
-    display: flex; align-items: center; justify-content: center;
-    color: #7a9e8f; font-size: 0.85rem; border: 1.5px dashed #c8d6d0;
-}}
-.aim-footer {{ background: #fff; border-top: 1px solid #e8e8e4; padding: 50px 60px 28px; }}
-.aim-footer-brand {{ display: flex; align-items: center; gap: 8px; font-weight: 700; color: #0f1f1a; font-size: 0.95rem; margin-bottom: 10px; }}
-.aim-footer-desc {{ font-size: 0.82rem; color: #7a8e87; line-height: 1.6; }}
-</style>
-</head><body>
-<section class="aim-about">
-    <h2>About the Platform</h2>
-    <p class="aim-about-sub">Artificially Intelligent Manufacturing Paradigm (AIM) for Composites</p>
-    <div class="aim-about-grid">
-        <div class="aim-about-text">
-            <p>The AIM Database tool serves as a powerful, centralized hub designed to streamline
-            collaboration and information exchange within the composite materials research community.
-            The platform enables researchers to contribute to a shared knowledge base by uploading
-            experimental datasets through secure terminals.</p>
-            <p>Users can submit specific measurements regarding mechanical properties, thermal behavior,
-            and rheology, alongside their published journal papers , ensuring that both raw data and
-            peer-reviewed findings are integrated into one cohesive system.</p>
-            <p>All contributed information is securely aggregated within a central cloud architecture,
-            allowing for efficient storage, organization, and retrieval across polymer, fiber, and
-            composite categories.</p>
-        </div>
-        <div>{about_img_html}</div>
     </div>
-</section>
-</body></html>
-""", height=550, scrolling=False)
-st.markdown("""
-<style>
-/* Footer nav wrapper */
-div[data-testid="stHorizontalBlock"]:has(.footer-nav-head) {
-    background: #fff !important;
-    border-bottom: 1px solid #e8e8e4 !important;
-    padding: 0 60px 28px !important;
-    margin-top: -16px !important;
-}
-.aim-footer-brand {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-weight: 700;
-    color: #0f1f1a;
-    font-size: 0.95rem;
-    margin-bottom: 10px;
-    font-family: 'DM Sans', sans-serif;
-}
-.aim-footer-desc {
-    font-size: 0.82rem;
-    color: #7a8e87;
-    line-height: 1.6;
-    font-family: 'DM Sans', sans-serif;
-}
-.footer-nav-head {
-    font-size: 0.68rem;
-    font-weight: 700;
-    letter-spacing: 1.4px;
-    text-transform: uppercase;
-    color: #0f1f1a;
-    margin-bottom: 14px;
-    font-family: 'DM Sans', sans-serif;
-}
-.st-emotion-cache-1ofqig9 {
-    background: transparent !important;
-    border: none !important;
-    padding: 0 !important;
-}
-.st-emotion-cache-1qeq59m {
-    background: transparent !important;
-    border: none !important;
-    text-decoration: none !important;
-    padding: 0 0 9px 0 !important;
-    display: block !important;
-}
-.st-emotion-cache-1qeq59m:hover {
-    background: transparent !important;
-    border: none !important;
-}
-.st-emotion-cache-1qeq59m p {
-    color: #6a7e77 !important;
-    font-family: 'DM Sans', sans-serif !important;
-    font-size: 0.83rem !important;
-    font-weight: 400 !important;
-    margin: 0 !important;
-}
-.st-emotion-cache-1qeq59m:hover p {
-    color: #8ACAFF !important;
-}
-/* copyright bar */
-.aim-footer-bottom {
-    background: #fff;
-    border-top: 1px solid #e8e8e4;
-    padding: 22px 60px;
-    font-size: 0.76rem;
-    color: #a0b0aa;
-    font-family: 'DM Sans', sans-serif;
-}
-</style>
-""", unsafe_allow_html=True)
-brand_col, db_col, sup_col, _ = st.columns([4, 2, 2, 2], vertical_alignment="top", width="stretch")
-with brand_col:
-    st.markdown(f"""
-    <div class="aim-footer-brand">{logo_html} AIM Composites</div>
-    <p class="aim-footer-desc">Advancing composites research through open data and collaborative tools.
-    A joint initiative of Clemson University and University of Delaware.</p>
     """, unsafe_allow_html=True)
-with sup_col:
-    st.markdown('<p class="footer-nav-head">DATABASE</p>', unsafe_allow_html=True)
-    st.page_link(
-        "page_files/Categorized_Search.py",
-        label="Browse Materials",
-    )
-    st.page_link(
-        "page_files/Categorized_Search.py",
-        label="Categorized Search",
-    )
-    st.page_link(
-        "page_files/Upload_Data.py",
-        label="Upload Data",
-    )
-with _:
-    st.markdown('<p class="footer-nav-head">SUPPORT</p>', unsafe_allow_html=True)
-    st.page_link(
-        "page_files/Contact_Team.py",
-        label="Contact Team",
-    )

 # Showcase section - Databricks style
+# Handle navigation via session state — avoids toggle on re-render
+if st.session_state.get("_go_extract"):
+    st.session_state["_go_extract"] = False
+    st.switch_page("page_files/Upload_Data.py")
+if st.session_state.get("_go_search"):
+    st.session_state["_go_search"] = False
+    st.switch_page("page_files/Categorized_Search.py")
 st.markdown("""
 <style>
 </style>
 """, unsafe_allow_html=True)
+_left, _card1, _card2 = st.columns([0.85, 1, 1])
+with _left:
+    st.markdown("""
+    <div style="padding-top:32px;">
+        <div style="font-size:.68rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8ACAFF;margin-bottom:14px;font-family:'DM Sans',sans-serif;">Platform Features</div>
+        <div style="font-size:2rem;font-weight:800;color:#0f1f1a;letter-spacing:-1px;line-height:1.15;margin-bottom:16px;font-family:'DM Sans',sans-serif;">Accelerate Your Composites Research</div>
+        <p style="color:#5a6b65;font-size:.93rem;line-height:1.7;font-family:'DM Sans',sans-serif;">Access a centralized, open-source database for experimental composite material properties. Polymer, fiber, and composite datasets, all in one place.</p>
     </div>
+    """, unsafe_allow_html=True)
+with _card1:
+    st.image(str(_ROOT / "extract_card_img.png"), use_container_width=True)
+    st.markdown("""
+    <div style="background:#0f1f1a;padding:16px 20px 8px;border:1.5px solid #1e3a30;border-top:none;border-bottom:none;">
+        <div style="font-size:1.05rem;font-weight:700;color:#fff;font-family:'DM Sans',sans-serif;">Extract Data</div>
+        <p style="font-size:.82rem;color:#7a9e8f;margin:6px 0 0;font-family:'DM Sans',sans-serif;">Upload experimental datasets and extract structured material property data into the AIM database.</p>
+    </div>
     """, unsafe_allow_html=True)
+    if st.button("Open Extract Data →", key="btn_extract", use_container_width=True):
+        st.session_state["_go_extract"] = True
+        st.rerun()
+with _card2:
+    st.image(str(_ROOT / "search_card_img.png"), use_container_width=True)
+    st.markdown("""
+    <div style="background:#0f1f1a;padding:16px 20px 8px;border:1.5px solid #1e3a30;border-top:none;border-bottom:none;">
+        <div style="font-size:1.05rem;font-weight:700;color:#fff;font-family:'DM Sans',sans-serif;">Search</div>
+        <p style="font-size:.82rem;color:#7a9e8f;margin:6px 0 0;font-family:'DM Sans',sans-serif;">Browse and filter polymer, fiber, and composite material properties across the full database.</p>
+    </div>
+    """, unsafe_allow_html=True)
+    if st.button("Open Search →", key="btn_search", use_container_width=True):
+        st.session_state["_go_search"] = True
+        st.rerun()