Skip to content

Browser tests in CI, a sharper favicon, a centred hero - #339

Merged
rememberYou merged 4 commits into
developfrom
feat/tests-and-favicon
Oct 30, 2026
Merged

rememberYou merged 4 commits into
developfrom
feat/tests-and-favicon

Conversation

@rememberYou

@rememberYou rememberYou commented Oct 30, 2026 •

Copy link
Copy Markdown
Owner

Tests

Playwright (1.64.1, exact pin) against the built site, run in CI between the build and Lighthouse. 15 tests, about 4 s:

  • every section renders, no console errors;
  • every image loads (checked to fail when a badge is missing);
  • internal anchors exist, external links are https, CV and icons are served;
  • no horizontal overflow and equal gutters at 320, 390, 768 and 1280px;
  • autumn/winter × day/evening themes from a fixed clock, including theme-color;
  • the navigation's name and button appear only once scrolled past;
  • the page reads without JavaScript and with reduced motion.

Since Dependabot merges and deploys on green CI, these now also guard what goes live.

Favicon

A bold TA monogram (Cinzel Decorative Black) in cream on a terracotta rounded tile, as SVG, with favicon.ico (16/32/48) and apple-touch-icon.png rendered from it. Readable at 16px, on light and dark tabs.

Figures

The certification figure is now counted from the list. The Azure AI & Data Fundamentals badge counts as two, so it stays 11.

Hero and logos

Below 920px the hero stacks, but its text stayed left-aligned above a centred photo, off-balance on tablets and narrow windows. The text is now centred with balanced lines, and on phones the credentials take their own line. The company logos wrap in full rows (3 + 3, then 2 + 2 + 2) instead of leaving one alone. Both are tested; the tests fail on the previous layout.

The old icon was a thin Cinzel TA on cream, upscaled from a small image:
the hairlines vanished at 16px and the cream blended into light tabs.
favicon.svg is drawn from Cinzel Decorative Black outlines; favicon.ico
(16, 32, 48) and apple-touch-icon.png are rendered from it. The unused
icon-512.png and the redundant favicon-32x32.png are removed.
The Azure AI & Data Fundamentals badge stands for two certifications, so
the figure was written by hand as 11 next to 10 badges. It is now the
sum of the list, with count: 2 on the shared badge, and cannot drift.
Playwright 1.64.1 against astro preview: every section renders without
console errors, every image loads, internal anchors exist, external links
are https, the CV and icons are served, no overflow and equal gutters at
320, 390, 768 and 1280px, the four themes from a fixed clock, the
navigation's reveal, and the page without JavaScript or with reduced
motion. CI runs them before Lighthouse.
Below 920px the hero stacks, but its text stayed left-aligned above a
centred photo: off-balance on tablets and narrow windows. The text is now
centred, with balanced lines; on phones the credentials take their own
line instead of leaving the bar at the end of one. The company logos wrap
in full rows of three, then two, instead of leaving one alone. Tests check
both, and fail on the previous layout.
@rememberYou rememberYou changed the title Browser tests in CI, and a sharper favicon Browser tests in CI, a sharper favicon, a centred hero Oct 30, 2026
@rememberYou
rememberYou merged commit acbcda9 into develop Oct 30, 2026
1 check passed
@rememberYou
rememberYou deleted the feat/tests-and-favicon branch October 30, 2026 19:31
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.

1 participant