Spaces:

transpolymer
/

Transpolymer2

Running

App Files Files Community

transpolymer commited on May 6

Commit

8736226

verified ·

1 Parent(s): a715cd6

Update contact.py

Browse files

Files changed (1) hide show

contact.py +96 -52

contact.py CHANGED Viewed

@@ -1,55 +1,99 @@
 import streamlit as st
-import streamlit.components.v1 as components
 def show():
-    st.title("📬 Contact Us")
-    st.write("Feel free to reach out to us by filling the form below.")
-    public_key = st.secrets["emailjs"]["public_key"]
-    service_id = st.secrets["emailjs"]["service_id"]
-    template_id = st.secrets["emailjs"]["template_id"]
-    with st.form(key="contact_form"):
-        name = st.text_input("Your Name")
-        email = st.text_input("Your Email")
-        message = st.text_area("Your Message")
-        submit_button = st.form_submit_button("Send")
-        if submit_button:
-            if name and email and message:
-                st.success("Sending your message...")
-                js_code = f"""
-                    var templateParams = {{
-                        name: "{name}",
-                        email: "{email}",
-                        message: `{message}`
-                    }};
-                    emailjs.send("{service_id}", "{template_id}", templateParams, "{public_key}")
-                        .then(function(response) {{
-                            console.log("SUCCESS!", response.status, response.text);
-                            window.parent.postMessage({{"type": "success", "message": "Email sent successfully!"}}, "*");
-                        }}, function(error) {{
-                            console.log("FAILED...", error);
-                            window.parent.postMessage({{"type": "error", "message": "Failed to send email."}}, "*");
-                        }});
-                """
-                components.html(f"""
-                    <html>
-                    <head>
-                        <script src="https://cdn.jsdelivr.net/npm/emailjs-com@2.6.4/dist/email.min.js"></script>
-                        <script>
-                            (function() {{
-                                emailjs.init("{public_key}");
-                                {js_code}
-                            }})();
-                        </script>
-                    </head>
-                    <body></body>
-                    </html>
-                """, height=0)
-# Call the function to display the contact form
-show()

 import streamlit as st
 def show():
+    # Custom styles for dark theme and remove top padding
+    st.markdown("""
+        <style>
+        body {
+            background-color: #121212;
+            color: #f1f1f1;
+        }
+        section[data-testid="stSidebar"] + div div[data-testid="stVerticalBlock"] {
+            padding-top: 0rem;
+        }
+        .section-title {
+            font-size: 26px;
+            font-weight: bold;
+            color: #4B8BBE;
+            margin-top: 2rem;
+        }
+        .subsection {
+            font-size: 18px;
+            margin-top: 1rem;
+        }
+        .faq, .glossary, .troubleshoot {
+            background-color: #333333;
+            padding: 1rem;
+            border-radius: 10px;
+            margin-bottom: 1rem;
+            color: #f1f1f1;
+        }
+        .email-box {
+            background-color: #2C3E50;
+            padding: 1rem;
+            border-radius: 10px;
+            color: #f1f1f1;
+        }
+        .st-expanderHeader {
+            color: #4B8BBE;
+        }
+        .st-expanderContent {
+            color: #f1f1f1;
+        }
+        </style>
+    """, unsafe_allow_html=True)
+    # Page title
+    st.title("📘 Help & Support - TransPolymer")
+    st.markdown("<div class='section-title'>❓ Help Center - TransPolymer</div>", unsafe_allow_html=True)
+    st.markdown("Welcome to the **TransPolymer Help Page**. This guide will walk you through how to use the app effectively.")
+    # 1. Getting Started
+    st.markdown("<div class='section-title'>🚀 Getting Started</div>", unsafe_allow_html=True)
+    st.markdown("""
+    - **Step 1:** Go to the **Prediction** page.
+    - **Step 2:** Enter a valid **SMILES string** or choose a polymer from the dropdown.
+    - **Step 3:** Click **Predict** to see the results.
+    - The app will return **six polymer properties** based on your input.
+    """)
+    # 2. FAQ
+    st.markdown("<div class='section-title'>📌 Frequently Asked Questions</div>", unsafe_allow_html=True)
+    with st.expander("🧬 What is a SMILES format?"):
+        st.markdown("SMILES (Simplified Molecular Input Line Entry System) is a line notation for describing molecular structures using short ASCII strings.")
+    with st.expander("❌ What if I enter an invalid SMILES string?"):
+        st.markdown("The system will show an error if the SMILES string is incorrectly formatted or contains special characters.")
+    # 3. Glossary / Terminology
+    st.markdown("<div class='section-title'>📖 Glossary</div>", unsafe_allow_html=True)
+    with st.container():
+        st.markdown("""
+        - **Tensile Strength (MPa):** The maximum stress a material can withstand while being stretched or pulled before breaking.
+        - **Ionization Energy (eV):** The energy required to remove an electron from a molecule or atom in its gaseous state. Higher values indicate more stability.
+        - **Electron Affinity (eV):** The amount of energy released when an electron is added to a molecule or atom.
+        - **logP:** The logarithm of the partition coefficient between octanol and water, indicating the compound's hydrophobicity.
+        - **Refractive Index:** A measure of how much light bends (or refracts) when passing through a material.
+        - **Molecular Weight (g/mol):** The mass of one mole of a substance’s molecules, calculated as the sum of atomic weights.
+        """)
+    # 4. Troubleshooting Tips
+    st.markdown("<div class='section-title'>🛠️ Troubleshooting</div>", unsafe_allow_html=True)
+    with st.container():
+        st.markdown("""
+        - ❌ **Common Mistakes**:
+            - Extra spaces in SMILES strings
+            - Using unsupported or uncommon formats
+        - 🔄 **To Refresh**: Press `Ctrl+R` or click the "Rerun" button if something goes wrong.
+        """)
+    # 5. Support
+    st.markdown("<div class='section-title'>📬 Support</div>", unsafe_allow_html=True)
+    st.markdown("""
+    For further help, reach us at 📧 **transpolymer365@gmail.com**
+    Or report issues on [GitHub](https://github.com/your-username/transpolymer/issues)
+    """)
+# Run this file directly for testing
+if __name__ == "__main__":
+    show()