Better Acknowledgements

app.py

@@ -212,7 +212,38 @@ warning_message += " from <a href='https://chemrxiv.org/engage/api-gateway/chemr
 message = "{} <br><br> Generate a phase diagram for a set of elements using LeMat-Bulk data.".format(
     warning_message
 )
-message += "<br>Built with <a href='https://pymatgen.org/' target='_blank'>Pymatgen</a> and  <a href='https://docs.crystaltoolkit.org/' target='_blank'>Crystal Toolkit</a>.<br>"
+
+footer_content = """
+<div style="text-align: center; font-size: 14px; line-height: 1.6; padding: 20px 0">
+    <p>
+        This web app is powered by 
+        <a href="https://github.com/materialsproject/crystaltoolkit" target="_blank" style="text-decoration: none;">Crystal Toolkit</a>, 
+        <a href="https://github.com/materialsproject/dash-mp-components" target="_blank" style="text-decoration: none;">MP Dash Components</a>, 
+        and 
+        <a href="https://pymatgen.org/" target="_blank" style="text-decoration: none;">Pymatgen</a>. 
+        All tools are developed by the 
+        <a href="https://next-gen.materialsproject.org/" target="_blank" style="text-decoration: none;">Materials Project</a>. 
+        We are grateful for their open-source software packages. This app is intended for data exploration in LeMat-Bulk and is not affiliated with or endorsed by the Materials Project.
+    </p>
+    <hr style="border-top: 1px solid #ddd; margin: 10px 0;">
+    <p>
+        <strong>CC-BY-4.0</strong> requires proper acknowledgement. If you use materials data with an immutable_id starting with <code>mp-</code>, please cite the 
+        <a href="https://pubs.aip.org/aip/apm/article/1/1/011002/119685/Commentary-The-Materials-Project-A-materials" target="_blank" style="text-decoration: none;">Materials Project</a>. 
+        If you use materials data with an immutable_id starting with <code>agm-</code>, please cite 
+        <a href="https://www.science.org/doi/10.1126/sciadv.abi7948" target="_blank" style="text-decoration: none;">Alexandria, PBE</a> 
+        or 
+        <a href="https://hdl.handle.net/10.1038/s41597-022-01177-w" target="_blank" style="text-decoration: none;">Alexandria PBESol, SCAN</a>. 
+        If you use materials data with an immutable_id starting with <code>oqmd-</code>, please cite 
+        <a href="https://link.springer.com/article/10.1007/s11837-013-0755-4" target="_blank" style="text-decoration: none;">OQMD</a>. 
+    </p>
+    <p>
+        If you use the Phase Diagram or Crystal Viewer, please acknowledge 
+        <a href="https://github.com/materialsproject/crystaltoolkit" target="_blank" style="text-decoration: none;">Crystal Toolkit</a>. 
+    </p>
+</div>
+"""
+
+footer = gr.Markdown(footer_content)
 
 # Create Gradio interface
 iface = gr.Interface(
@@ -226,9 +257,10 @@ iface = gr.Interface(
         finite_temp_toggle,
     ],
     outputs=gr.Plot(label="Phase Diagram", elem_classes="plot-out"),
+    css=".plot-out {background-color: #ffffff;}",
     title="LeMaterial - Phase Diagram Viewer",
+    article=footer_content,
     description=message,
-    css=".plot-out {background-color: #ffffff;}",
 )
 
 # Launch the app