WT-514 - Anonym Pages In CMS #16958

dchukhin · 2025-12-18T18:12:13Z

If this changeset needs to go into the FXC codebase, please add the WMO and FXC label.

One-line summary

This pull request makes it possible to create anonym pages in Wagtail.

Significant changes and points to review

bedrock now uses the wagtail-thumbnail-choice-block library
bedrock/mozorg/models.py now has an AnonymIndexPage
bedrock/mozorg/blocks/anonym.py has a number of blocks that can be used on the AnonymIndexPage
bedrock/mozorg/templates/mozorg/cms/anonym/blocks/ has template files for the new blocks
media/css/mozorg/anonym.scss has CSS for the anonym pages. Right now, it's just mostly icon classes mapped to their URLs, which can be moved to a different file in the future
Anonym Part 2: Top & Bottom Page In CMS #16961
Anonym Part 3: Content Page In CMS #16962
Anonym Part 4: Navigation #16964
Anonym Part 5: About Page #16965
Anonym Part 6: Static Pages #16967
Anonym Part 7: Article Page #16968
Anonym Part 8: More Changes #16969
WT-514 Anonym CSS #16966

Issue / Bugzilla link

WT-514

Testing

log in to Wagtail
choose to create a new page, and choose an Anonym Index Page
create other anonym pages
create the page to match the figma designs from the JIRA ticket

codecov · 2025-12-18T19:47:59Z

Codecov Report

❌ Patch coverage is 98.46154% with 2 lines in your changes missing coverage. Please review.
✅ Project coverage is 80.61%. Comparing base (911ca18) to head (c37a58b).

Files with missing lines	Patch %	Lines
bedrock/mozorg/blocks/anonym.py	98.19%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #16958      +/-   ##
==========================================
+ Coverage   80.36%   80.61%   +0.25%     
==========================================
  Files         163      164       +1     
  Lines        9100     9230     +130     
==========================================
+ Hits         7313     7441     +128     
- Misses       1787     1789       +2

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

… required

…lements

… need for other card types in the future

… verbose_name

localjo · 2025-12-26T07:04:35Z

CSS for these components is in progress here: #16966

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * update body class to be anonym-specific * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * add a PersonCard, to allow adding cards with people's photos to the 'About' page * add a TwoColumnBlock, to allow adding them to 'About' page * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * add a PersonCard, to allow adding cards with people's photos to the 'About' page * add a TwoColumnBlock, to allow adding them to 'About' page * add ability to create static pages as AnonymIndexPage children * fill in content for static pages * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make sure AnonymStaticPage can be added in production * make sure AnonymStaticPage is included in db export script * make sure that there is only 1 AnonymNewsPage and 1 AnonymContactPage * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * add a PersonCard, to allow adding cards with people's photos to the 'About' page * add a TwoColumnBlock, to allow adding them to 'About' page * add ability to create static pages as AnonymIndexPage children * fill in content for static pages * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make sure AnonymStaticPage can be added in production * make sure AnonymStaticPage is included in db export script * make sure that there is only 1 AnonymNewsPage and 1 AnonymContactPage * add AnonymArticlePage to project, with ability to add rich text blocks to sections * update advertising pages to pass CSS class to notification snippet * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * add a PersonCard, to allow adding cards with people's photos to the 'About' page * add a TwoColumnBlock, to allow adding them to 'About' page * add ability to create static pages as AnonymIndexPage children * fill in content for static pages * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make sure AnonymStaticPage can be added in production * make sure AnonymStaticPage is included in db export script * make sure that there is only 1 AnonymNewsPage and 1 AnonymContactPage * add AnonymArticlePage to project, with ability to add rich text blocks to sections * update advertising pages to pass CSS class to notification snippet * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name * make CMS process DRYer by updating PeopleListBlock to reference Person objects * make sure migration has a license

* add an AnonymTopAndBottomPage to the project * add counter to section templates * only show icon element if icon is set * add CSS class to sections with 'top glow' theme * add table block to SectionBlocks * make sure first section heading is an h1 element, and others are h2 elements on AnonymTopAndBottomPage * add an AnonymContentSubPage to the project * add toggleable items component to AnonymContentSubPage * update migration, since CardsListBlock.cards is now a StreamBlock, to better handle the need for other card types in the future * add logo cards, to allow creating case study cards on AnonymContentSubPage * update toggle to handle dark and light icons automatically * add a configurable navigation to anonym pages * make sure migration has a license * update body class to be anonym-specific * update body class to be anonym-specific * add a PersonCard, to allow adding cards with people's photos to the 'About' page * add a TwoColumnBlock, to allow adding them to 'About' page * make sure AnonymTopAndBottomPage can be added in production * make sure AnonymTopAndBottomPage is included in db export script * make sure AnonymContentSubPage can be added in production * make sure AnonymContentSubPage is included in db export script * make instances of AnonymTopAndBottomPage more easily identifiable by setting verbose_name * make instances of AnonymContentSubPage more easily identifiable by setting verbose_name * Initial CSS implementation * Match header style to Figma Note: This attempts to reconcile differences between the Figma design and the m24 code this was based on * Section styles Increase fidelity of section styles to match Figma * Card list styles Increase fidelity of card list styles to match Figma * Add section themes * Add stats table styles * Increase anonym homepage figma fidelity --------- Co-authored-by: Dmitriy Chukhin <6025153+dchukhin@users.noreply.github.com>

dchukhin added 12 commits December 16, 2025 17:24

add wagtail-thumbnail-choice-block to the project

4df269f

add an AnonymIndexPage to the project

b1a943e

add cards to AnonymIndexPage

1876b3e

add a stats list to AnonymIndexPage

429ceae

add a people list to AnonymIndexPage

0a385f0

add call to action block to AnonymIndexPage

c65460d

for better clarity, rename AnonymIndexPage's sections field to content

8f57f57

update labels for better clarity

94c2453

Merge branch 'main' into WT-514-anonym-homepage-cms

96f5b3b

add help text to CallToActionBlock's heading field

7985b9b

rename constant for better clarity

56d59cf

remove commented-out code

000ca27

dchukhin requested review from a team as code owners December 18, 2025 18:12

dchukhin marked this pull request as draft December 18, 2025 18:12

dchukhin requested a review from kkellydesign December 18, 2025 18:12

dchukhin added 3 commits December 18, 2025 13:25

fix lint errors

0490add

fix Docker build error due to missing staticfiles

a46dc70

fix frontent lint issues by making CSS classes lowercase

1266cd7

dchukhin added 10 commits December 18, 2025 15:22

fix lint error

1c77b63

add unit tests for remove_p_tag template tag

42ae3cc

make sure license exists in new test file

d3252ea

Merge branch 'main' into WT-514-anonym-homepage-cms

3f4d426

make the CardsListBlock a child of a SectionBlock

eeba085

fix reference to section field in template

094ba99

make a couple block labels visible when collapsed

5e75c7b

add theme icons to repository

be0265e

make section content not required, since it sometimes needs to be not…

e19fc28

… required

only show icon element if icon is set

95b7489

dchukhin added 2 commits December 20, 2025 10:50

make sure first section heading is an h1 element, and others are h2 e…

be70d7f

…lements

change CardsListBlock.cards to be a StreamBlock, to better handle the…

4619b92

… need for other card types in the future

dchukhin mentioned this pull request Dec 22, 2025

Anonym Part 2: Top & Bottom Page In CMS #16961

Merged

dchukhin added 5 commits December 22, 2025 17:08

update body class to be anonym-specific

1a024ab

correctly reference icon card block value in template

ae46a41

make sure AnonymIndexPage can be added in production

4f02f1c

make sure AnonymIndexPage is included in db export script

12316f0

make instances of AnonymIndexPage more easily identifiable by setting…

c37a58b

… verbose_name

dchukhin changed the title ~~WT-514 - Anonym Homepage In CMS~~ WT-514 - Anonym Part 1: Homepage In CMS Dec 23, 2025

dchukhin added 7 commits January 11, 2026 17:50

dchukhin changed the title ~~WT-514 - Anonym Part 1: Homepage In CMS~~ WT-514 - Anonym Pages In CMS Jan 12, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

WT-514 - Anonym Pages In CMS #16958

WT-514 - Anonym Pages In CMS #16958

dchukhin commented Dec 18, 2025 •

edited

Loading

Uh oh!

codecov bot commented Dec 18, 2025 •

edited

Loading

Uh oh!

localjo commented Dec 26, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

WT-514 - Anonym Pages In CMS #16958

Are you sure you want to change the base?

WT-514 - Anonym Pages In CMS #16958

Conversation

dchukhin commented Dec 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

One-line summary

Significant changes and points to review

Issue / Bugzilla link

Testing

Uh oh!

codecov bot commented Dec 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

localjo commented Dec 26, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

dchukhin commented Dec 18, 2025 •

edited

Loading

codecov bot commented Dec 18, 2025 •

edited

Loading