[andresilva-guardian]

What does this change?

Aligns the puzzles archive page with the latest design QA tickets:

Headings

• Page title (h1): headline.bld.24 below 740px, headline.bld.28 from tablet up (was headline.bld.34 everywhere).
• Page title no longer repeats the word "archive" (for example "Crosswords" instead of "Crosswords archive").
• Game title (h2, for example "Mini crossword"): headline.med.28 below 740px, headline.med.34 from tablet up (was headline.bld.34). The line-height: 1.05 override is removed so the token's 1.15 applies.

Supporting copy under the page title

• Colour is neutral.46 (#707070) in light mode, through a new --puzzles-supporting-text-colour variable. Dark mode keeps the previous colour.
• Font size is 15px below 740px and 17px from tablet up.
• Space between the title and the copy is 10px below 740px and 8px from tablet to desktop. From leftCol the copy sits beside the title, as before.

Calendar

• The setter's name is hidden in the calendar cells below 740px and still shown from tablet up.
• The quad rule above the calendar now matches the rest of the site: 4 lines, 1px thick, 4px apart (13px high, was 3px apart and 10px high).

Only existing @guardian/source/foundations tokens are used, so there are no shared library changes.

Why?

Design QA tickets for the archive page:

• Title of page should be 28px, not 32px (tablet to wide)
• Title of page should be 24px, not 32px (mobile to phablet)
• Game title font size should be headline.med.34, currently headline.bld.34 (tablet to wide)
• Game title font size should be headline.med.28, currently headline.bld.34 (mobile to phablet)
• Remove "archive" from the page title
• Supporting copy under the page title: colour should be neutral.46 (#707070)
• Supporting copy under the page title: font size should be 15px (mobile to phablet)
• Increase the spacing between the title and the text to 10px on mobile and 8px on tablet and desktop
• Remove the setter's name from the calendar cells on mobile
• Quad rule should match the rest of the site (the space between each line was 1px too small)

The design does not specify the tablet size of the game title, so it follows the desktop value, as the page title does.

How has this change been tested?

• Type check, Prettier and ESLint pass on the changed files.
• Unit tests for PuzzlesArchiveLayout and PuzzlesArchiveCalendar pass (the layout test now expects the heading "Word games").
• Checked in Storybook (Layouts/Puzzles Archive)

Screenshots

Before	After

[github-actions]

🚀 Image pushed to AWS ECR

Image digest: sha256:54c4f6e10ee2a7bbefac21349a56a129075e04a5feea678320ee0b61c7c89f4e

🐛 Run the image locally

The following can be used to run the image locally:

# Refer to image using the immutable digest. Find alternatives below.
IMAGE_IDENTIFIER="@sha256:54c4f6e10ee2a7bbefac21349a56a129075e04a5feea678320ee0b61c7c89f4e"

# Refer to image using branch tag
# IMAGE_IDENTIFIER=":branch-afs-fix-puzzles-archive-colors-and-copy"

# Refer to image using build tag
# IMAGE_IDENTIFIER=":build-32923"

# Set environment variables for the AWS CLI
AWS_PROFILE="<A_PROFILE_FROM_JANUS>"
AWS_DEFAULT_REGION="eu-west-1"

IMAGE_ACCOUNT_ID=$(aws ssm get-parameter --name /organisation/accounts/artifacts --query "Parameter.Value" --output text)
REGISTRY="${IMAGE_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com"
IMAGE="${REGISTRY}/guardian/dotcom-rendering/dotcom-rendering${IMAGE_IDENTIFIER}"

# Login to AWS ECR https://docs.aws.amazon.com/AmazonECR/latest/userguide/registry_auth.html
aws ecr get-login-password | docker login --username AWS --password-stdin $REGISTRY

# Pull the image
docker pull $IMAGE

# Run the image. You'll likely need to set additional flags. See https://docs.docker.com/reference/cli/docker/container/run.
docker run $IMAGE

---

From guardian/actions-ecr.

[github-actions]

Deploy build 32923 of dotcom:rendering-all to CODE

All deployment options

• Deploy build 32923 of dotcom:rendering-all to CODE
• Deploy parts of build 32923 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.