add footer with versions and meta attrs to index.html

mr-mixas · mr-mixas · commit fc348ded3c6b · 2024-03-23T17:15:02.000+02:00
diff --git a/nested_diff_restful/api.py b/nested_diff_restful/api.py
@@ -16,9 +16,12 @@
 
 from flask import Flask, Response, jsonify, render_template, request
 from nested_diff import Differ, Patcher
+from nested_diff import __version__ as nested_diff_version
 from nested_diff.formatters import HtmlFormatter, TermFormatter, TextFormatter
 from nested_diff.handlers import TextHandler
 
+from nested_diff_restful import __version__ as nested_diff_restful_version
+
 flask_kwargs = {}
 
 for kw in ('static_folder', 'static_url_path', 'template_folder'):
@@ -52,7 +55,11 @@ def format_diff_response(fmt, diff, opts):
 @app.route('/')
 def index():
     resp = Response(
-        render_template('index.html'),
+        render_template(
+            'index.html',
+            nested_diff_version=nested_diff_version,
+            nested_diff_restful_version=nested_diff_restful_version,
+        ),
         mimetype='text/html',
         status=200,
     )
diff --git a/nested_diff_restful/templates/index.html b/nested_diff_restful/templates/index.html
@@ -2,6 +2,8 @@
 <html lang="en">
     <head>
         <meta charset="utf-8">
+        <meta name="description" content="Nested-Diff web UI">
+        <meta name="keywords" content="nested-diff,nested-diff-restful,recursive-diff">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Nested-Diff</title>
         <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
@@ -21,7 +23,7 @@
             }
         </style>
     </head>
-<body>
+<body class="d-flex flex-column min-vh-100">
 <div class="container">
     <form>
         <h1><a href="https://github.com/mr-mixas/Nested-Diff.py">Nested-Diff</a></h1>
@@ -88,5 +90,9 @@ <h1><a href="https://github.com/mr-mixas/Nested-Diff.py">Nested-Diff</a></h1>
         </div>
     </form>
 </div>
+<footer class="footer bg-light mt-auto small text-center text-secondary">
+    nested-diff <a class="text-secondary" href="https://pypi.org/project/nested-diff/{{ nested_diff_version }}/">{{ nested_diff_version }}</a>;
+    nested-diff-restful <a class="text-secondary" href="https://pypi.org/project/nested-diff-restful/{{ nested_diff_restful_version }}/">{{ nested_diff_restful_version }}</a>
+</footer>
 </body>
 </html>
