feat: add version tag (bottom-left) and CON branding (bottom-right) footer, CI version check

- Download Center for Open Neuroscience logo to src/assets/con-logo.png
- Inject __APP_VERSION__ from package.json via Vite define in configs/vite.config.js
- Add <footer> to src/index.html: version span (left) + CON logo link (right)
- Combine initTheme + version-setter into single DOMContentLoaded in src/plots.js
- Add footer CSS to src/styles.css: flex layout, monospace version, logo theme filter
- Add .github/workflows/version-check.yml: CI check that PRs to main bump package.json version

Agent-Logs-Url: https://github.com/dandi/access-page/sessions/8394a136-3858-46d1-86b1-1ac8e9893953

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

Author: Copilot

.github/workflows/version-check.yml

@@ -0,0 +1,29 @@
+name: Version Check
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  version-check:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Check version bump
+        run: |
+          PR_VERSION=$(node -p "require('./package.json').version")
+          BASE_VERSION=$(git show origin/${{ github.base_ref }}:package.json | node -e "let d='';process.stdin.on('data',c=>d+=c);process.stdin.on('end',()=>console.log(JSON.parse(d).version))")
+          echo "Base version: $BASE_VERSION"
+          echo "PR version:   $PR_VERSION"
+          if [ "$PR_VERSION" = "$BASE_VERSION" ]; then
+            echo "::error::Version has not been bumped. Please update the version in package.json."
+            exit 1
+          fi
+          echo "Version bumped from $BASE_VERSION to $PR_VERSION ✓"

configs/vite.config.js

@@ -1,4 +1,7 @@
 import { defineConfig } from "vite";
+import { readFileSync } from "node:fs";
+
+const { version } = JSON.parse(readFileSync(new URL("../package.json", import.meta.url)));
 
 export default defineConfig({
     root: "src",
@@ -8,4 +11,7 @@ export default defineConfig({
         outDir: "../dist",
         emptyOutDir: true,
     },
+    define: {
+        __APP_VERSION__: JSON.stringify(version),
+    },
 });

src/assets/con-logo.png

@@ -211,6 +211,12 @@
         </div>
     </div>
     </div>
+    <footer class="site-footer">
+        <span class="site-version" id="site_version"></span>
+        <a href="https://centerforopenneuroscience.org" class="con-brand" target="_blank" rel="noopener" aria-label="Center for Open Neuroscience">
+            <img src="./assets/con-logo.png" alt="Center for Open Neuroscience" class="con-logo">
+        </a>
+    </footer>
     <div id="analytics_consent_banner" class="consent-banner" hidden role="region" aria-label="Analytics consent">
         <p class="consent-banner-text">We use analytics tracking to understand how this page is used. No tracking is enabled unless you accept.</p>
         <div class="consent-banner-actions">

src/index.html

@@ -338,7 +338,15 @@ function render_sortable_table(container_id, title, columns, rows, data_url) {
 
 // Initialise the theme as early as possible (before plots are rendered) so
 // that CSS variables and IS_DARK_MODE are in sync from the very first paint.
-document.addEventListener("DOMContentLoaded", initTheme);
+document.addEventListener("DOMContentLoaded", () => {
+    initTheme();
+
+    // Set the version tag in the footer
+    const versionEl = document.getElementById("site_version");
+    if (versionEl) {
+        versionEl.textContent = `v${__APP_VERSION__}`;
+    }
+});
 
 // Handle section anchor link clicks: update the URL hash via pushState so the
 // address bar reflects the section link, but without triggering a popstate

src/plots.js

@@ -38,7 +38,7 @@ body {
     color: var(--color-text);
     background: var(--color-bg);
     margin: 0;
-    padding: 0 0 40px;
+    padding: 0;
     -webkit-font-smoothing: antialiased;
 }
 
@@ -737,3 +737,40 @@ input[type="number"]:focus {
         flex-direction: column;
     }
 }
+
+/* ── Site footer ── */
+.site-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 20px 20px;
+    margin-top: 24px;
+    border-top: 1px solid var(--color-border);
+}
+
+.site-version {
+    color: var(--color-text-secondary);
+    font-size: 0.8em;
+    font-family: monospace;
+}
+
+.con-brand {
+    display: flex;
+    align-items: center;
+    opacity: 0.7;
+    transition: opacity 0.15s;
+}
+
+.con-brand:hover {
+    opacity: 1;
+}
+
+.con-logo {
+    height: 32px;
+    width: auto;
+    filter: brightness(0) invert(1);
+}
+
+[data-theme="light"] .con-logo {
+    filter: none;
+}