Add footer with copyright, license, and link to GitHub (#153)

Co-authored-by: ElliottKasoar <[email protected]>

Author: joehart2001

ml_peg/app/build_app.py

@@ -13,7 +13,7 @@
 
 from ml_peg.analysis.utils.utils import calc_table_scores, get_table_style
 from ml_peg.app import APP_ROOT
-from ml_peg.app.utils.build_components import build_weight_components
+from ml_peg.app.utils.build_components import build_footer, build_weight_components
 from ml_peg.app.utils.register_callbacks import register_benchmark_to_category_callback
 from ml_peg.app.utils.utils import calculate_column_widths, sig_fig_format
 from ml_peg.models.get_models import get_model_names
@@ -262,12 +262,21 @@ def build_tabs(
     ]
 
     tabs_layout = [
-        H1("ML-PEG"),
-        Tabs(id="all-tabs", value="summary-tab", children=all_tabs),
-        Div(id="tabs-content"),
+        Div(
+            [
+                H1("ML-PEG"),
+                Tabs(id="all-tabs", value="summary-tab", children=all_tabs),
+                Div(id="tabs-content"),
+            ],
+            style={"flex": "1", "marginBottom": "40px"},
+        ),
+        build_footer(),
     ]
 
-    full_app.layout = Div(tabs_layout)
+    full_app.layout = Div(
+        tabs_layout,
+        style={"display": "flex", "flexDirection": "column", "minHeight": "100vh"},
+    )
 
     @callback(Output("tabs-content", "children"), Input("all-tabs", "value"))
     def select_tab(tab) -> Div:

ml_peg/app/utils/build_components.py

@@ -2,6 +2,9 @@
 
 from __future__ import annotations
 
+from importlib import metadata
+import time
+
 from dash import html
 from dash.dash_table import DataTable
 from dash.dcc import Checklist, Store
@@ -283,6 +286,94 @@ def build_weight_components(
     return Div(layout)
 
 
+def build_footer() -> html.Footer:
+    """
+    Build shared footer with author, copyright, and repository link.
+
+    Returns
+    -------
+    html.Footer
+        Styled footer component rendered at the bottom of each tab.
+    """
+    copyright_first_year = "2025"
+    current_year = str(time.localtime().tm_year)
+    copyright_owners = metadata.metadata("ml-peg")["author"]
+
+    copyright_year_string = (
+        current_year
+        if current_year == copyright_first_year
+        else f"{copyright_first_year}-{current_year}"
+    )
+    copyright_txt = (
+        f"Copyright © {copyright_year_string}, {copyright_owners}. All rights reserved"
+    )
+
+    return html.Footer(
+        [
+            Div(
+                [
+                    html.Span(copyright_txt, style={"fontWeight": "800"}),
+                ],
+                style={
+                    "display": "flex",
+                    "justifyContent": "center",
+                    "flexWrap": "wrap",
+                    "gap": "6px",
+                },
+            ),
+            Div(
+                html.A(
+                    "GPL-3.0 license",
+                    href="https://github.com/ddmms/ml-peg/blob/main/LICENSE",
+                    target="_blank",
+                ),
+                style={"marginTop": "4px", "fontWeight": "800"},
+            ),
+            Div(
+                html.A(
+                    [
+                        html.Img(
+                            src=(
+                                "https://github.githubassets.com/images/modules/logos_page/"
+                                "GitHub-Mark.png"
+                            ),
+                            alt="GitHub",
+                            width="16",
+                            height="16",
+                            style={
+                                "marginRight": "6px",
+                                "verticalAlign": "middle",
+                                "display": "block",
+                            },
+                        ),
+                        html.Span("View on GitHub"),
+                    ],
+                    href="https://github.com/ddmms/ml-peg",
+                    target="_blank",
+                    style={
+                        "color": "#0d6efd",
+                        "textDecoration": "none",
+                        "fontWeight": "800",
+                        "display": "inline-flex",
+                        "alignItems": "center",
+                    },
+                ),
+                style={"marginTop": "6px"},
+            ),
+        ],
+        style={
+            "marginTop": "24px",
+            "padding": "14px 12px",
+            "color": "#343a40",
+            "fontSize": "12px",
+            "textAlign": "center",
+            "borderTop": "1px solid #dee2e6",
+            "background": "#f8f9fa",
+            "borderRadius": "6px",
+        },
+    )
+
+
 def build_test_layout(
     name: str,
     description: str,