Update templates/index.html

templates/index.html

@@ -22,7 +22,10 @@
                 </p>
             </div>
         </header>
-
+        <div style="max-width:900px;margin:1rem auto;padding:0.75rem 1rem;background:#fff3cd;border-left:4px solid #e6a817;border-radius:4px;font-size:0.85rem;color:#5a4000;line-height:1.5;">
+            <strong>Disclaimer:</strong> GFVM is a research tool that provides terrain‑based flood vulnerability estimates for informational purposes only. Outputs represent approximate indications of relative flood vulnerability and are not a substitute for professional engineering assessments, official flood maps, regulatory determinations, or local risk surveys.
+            Use of this tool is at your own risk. Nazarbayev University and the authors accept no liability for any decisions, damages, or losses resulting from the use or interpretation of these outputs.
+        </div>
         <div class="main-container">
             <!-- Side Navigation -->
             <aside class="side-nav">
@@ -32,6 +35,7 @@
                     <button class="nav-link" onclick="switchTab('explained')">Detailed Explanation</button>
                     <button class="nav-link" onclick="switchTab('multihazard')">Multi-Hazard Analysis</button>
                     <button class="nav-link" onclick="switchTab('batch')">Batch Processing</button>
+                    <button class="nav-link" onclick="switchTab('about')">About & Methodology</button>
                 </div>
             </aside>
 
@@ -279,11 +283,27 @@
                     <div class="error-message" id="batch-error"></div>
                     <div class="results-section" id="batch-results"></div>
                 </div>
+              <div id="about-card" class="assessment-card">
+                    <div class="card-header">
+                        <h2>About & Methodology</h2>
+                        <p>Model description, limitations, and citation</p>
+                    </div>
+                    <div style="line-height:1.7;font-size:0.95rem;">
+                        <h3 style="margin-top:0;">Model Description</h3>
+                        <p>The Global Flood Vulnerability Model (GFVM) generates building-level flood vulnerability indices derived from multi-source remote sensing and terrain analysis. Outputs represent modeled estimates subject to data resolution limits, temporal lags, classification uncertainty, and methodological assumptions.</p>
+
+                        <h3>Limitations</h3>
+                        <p>GFVM outputs do not replace official government flood hazard maps, site-specific hydrological or hydraulic assessments, insurance determinations, emergency planning instruments, or qualified professional advice. The developers and Nazarbayev University bear no responsibility or liability for property, financial, legal, or safety decisions made based on use of this tool.</p>
+
+                        <h3>Citation</h3>
+                        <p>Olagunju, S. O., Sharipova, A., Serikkyzy, A., Satybaldiyeva, D., Varol, H. A., &amp; Karaca, F. (2026). Global flood vulnerability model: Building-level assessment using multi-source remote sensing. <em>Remote Sensing</em>, <em>18</em>(9), 1425. <a href="https://doi.org/10.3390/rs18091425" target="_blank" rel="noopener">https://doi.org/10.3390/rs18091425</a></p>
+                    </div>
+                </div>
             </main>
         </div>
 
         <footer>
-            © 2025 Flood Vulnerability Assessment | Powered by Google Earth Engine
+            GFVM © 2026 | Developed at Nazarbayev University | Published in <em>Remote Sensing</em> | For research and informational use only | No liability accepted
         </footer>
     </div>