Fix the about and contact section

templates/index.html

@@ -615,14 +615,39 @@
 
             <!-- About Section -->
             <div id="about" class="section" style="display: none;">
-                <h2>About Selector</h2>
-                <div id="about-content">Loading...</div>
+                <h2>About</h2>
+                <div class="content">
+                    <h2>Motivation</h2>
+                    <p>Selecting diverse and representative subsets is crucial for the data-driven models and machine learning applications in many science and engineering disciplines, especially for molecular design and drug discovery. Motivated by this, we develop the Selector package, a free and open-source Python library for selecting diverse subsets.</p>
+                    <p>The <code>Selector</code> library implements a range of existing algorithms for subset sampling based on the distance between and similarity of samples, as well as tools based on spatial partitioning. In addition, it includes seven diversity measures for quantifying the diversity of a given set. We also implemented various mathematical formulations to convert similarities into dissimilarities.</p>
+
+                    <h2>Selector Library</h2>
+                    <p>Selector is a free, open-source, and cross-platform Python library designed to help you effortlessly identify the most diverse subset of molecules from your dataset. Please use the following citation in any publication using Selector library:</p>
+
+                    <h2>Citation</h2>
+                    <p>Please use the following citation in any publication using the <code>Selector</code> library:</p>
+                    <p><strong>To be added</strong></p>
+
+                    <h2>More Information</h2>
+                    <p>For more information about the Selector library, please visit our <a href="https://github.com/qcdevs/selector" target="_blank">GitHub repository</a> and documentation at <a href="https://selector.qcdevs.org" target="_blank">https://selector.qcdevs.org</a>.</p>
+
+                    <h2>Acknowledgments</h2>
+                    <p>This webserver is supported by the DRI EDIA Champions Pilot Program. We are grateful to the <a href="https://alliancecan.ca/" target="_blank">Digital Research Alliance</a> for providing the computing resources.</p>
+                </div>
             </div>
 
             <!-- Contact Section -->
             <div id="contact" class="section" style="display: none;">
-                <h2>Contact Information</h2>
-                <div id="contact-content">Loading...</div>
+                <h2>Contact</h2>
+                <div class="content">
+                    <p>The <code>Selector</code> source code is hosted on <a href="https://github.com/theochem/Selector" target="_blank">GitHub</a> and is released under the <a href="https://github.com/theochem/Selector/blob/master/LICENSE" target="_blank">GNU General Public License v3.0</a>.</p>
+                    
+                    <p>We welcome any contributions to the Selector library in accordance with our Code of Conduct; please see our <a href="https://qcdevs.org/guidelines/QCDevsCodeOfConduct/" target="_blank">Contributing Guidelines</a>.</p>
+                    
+                    <p>Please report any issues you encounter while using Selector library on <a href="https://github.com/theochem/Selector/issues" target="_blank">GitHub Issues</a>.</p>
+                    
+                    <p>For further information and inquiries, please contact us at <a href="mailto:qcdevs@gmail.com">qcdevs@gmail.com</a>.</p>
+                </div>
             </div>
         </div>
     </div>