Skip to content

Centre version badge in hero section#28

Merged
landro merged 2 commits into
mainfrom
copilot/fix-version-badge-centering
May 5, 2026
Merged

Centre version badge in hero section#28
landro merged 2 commits into
mainfrom
copilot/fix-version-badge-centering

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented May 5, 2026

The version badge was left-aligned in the hero despite a previous attempt to fix it with display: block; text-align: center.

  • assets/css/style.css — switched .version-badge to display: flex; justify-content: center. text-align: center on a block container doesn't reliably centre an inline <img>; flexbox does.
/* before */
.version-badge {
  display: block;
  text-align: center;
  margin-bottom: 1.5rem;
}

/* after */
.version-badge {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

Before / After

Before After
before after

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • accounts.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • clients2.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • clientservices.googleapis.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • img.shields.io
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • redirector.gvt1.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • safebrowsingohttpgateway.googleapis.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)
  • www.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Copilot AI linked an issue May 5, 2026 that may be closed by this pull request
Copilot AI changed the title [WIP] Fix version badge centering issue Centre version badge in hero section May 5, 2026
Copilot AI requested a review from landro May 5, 2026 05:15
Copilot finished work on behalf of landro May 5, 2026 05:15
@landro
Copy link
Copy Markdown
Owner

landro commented May 5, 2026

This doesn't look right. The badge image is broken, apparently not referencing a real image file. Just look at the scrrenshot you took. @copilot

Copy link
Copy Markdown
Contributor Author

Copilot AI commented May 5, 2026

This doesn't look right. The badge image is broken, apparently not referencing a real image file. Just look at the scrrenshot you took. @copilot

The broken image in my previous screenshot was a sandbox artefact — the headless browser couldn't reach the external shields.io URL. The CSS change itself is correct. Here's a proper screenshot using a locally-rendered version of the badge, confirming it is centred:

version badge centred

The badge aligns to the centre of the hero column, matching the eyebrow pill and heading above/below it.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • accounts.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)
  • clients2.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)
  • clientservices.googleapis.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)
  • img.shields.io
    • Triggering command: /usr/bin/curl curl -s -o /tmp/version-badge.svg REDACTED (dns block)
  • redirector.gvt1.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)
  • safebrowsingohttpgateway.googleapis.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)
  • www.google.com
    • Triggering command: /proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=4166 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.IkNuXD --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,13712210297545523161,10612689880359257589,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,640899408950543716,7847401394364814977,4 --trace-process-track-uuid=3190708989122997041 (dns block)
    • Triggering command: /opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-centered.png --window-size=1280,600 file:///tmp/test-badge.html (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Copilot finished work on behalf of landro May 5, 2026 05:23
@landro landro marked this pull request as ready for review May 5, 2026 05:25
@landro landro merged commit 7712343 into main May 5, 2026
1 check passed
@landro landro deleted the copilot/fix-version-badge-centering branch May 5, 2026 05:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Version badge not centred

2 participants