Representation pages

This guide explains how representation pages are structured and where to edit content for each country.

Where representation pages live

Country pages live in the main website repository:

src/pages/representation/finland.astro
src/pages/representation/sweden.astro
src/pages/representation/norway.astro
src/pages/representation/denmark.astro
src/pages/representation/iceland.astro
src/pages/representation/greenland.astro
src/pages/representation/faroe-islands.astro
src/pages/representation/kingdom-denmark.astro

Each page is an Astro file that mixes a top “code” section with HTML content.

Page structure overview

Most country pages follow the same pattern:

Layout and component imports
PageHeader with title, description, contact email, and hero image
Content sections with headings and text
Committee component
Optional sections (partnerships, publications, photo gallery)
Blog section and call-to-action blocks

Finland example (reference)

src/pages/representation/finland.astro is the best reference because it includes:

PageHeader with a hero image
Country narrative sections
Committee component
Publications, partnerships, and blog sections

What editors usually change

Headings and paragraph text inside the country sections
Contact email in PageHeader
Committee members (see committee management)
Photo gallery entries (Sweden)

Note: when editing text, stay inside the HTML section below the --- frontmatter divider. Avoid changing imports or component names. The code section is everything between the two --- markers at the top of the file.

Creating a new country page

New country pages should follow the existing layout. Ask a developer to add the initial file, then editors can update the text and committee data.

Key steps:

Copy an existing page (Finland or Sweden is best)
Update the PageHeader title, description, email, and hero image import
Replace section text with the new country content
Update the committee country prop to match the new data file

Common mistakes

Removing required imports at the top
Editing the Committee component props incorrectly
Changing the hero image path to public/ (use src/assets/ imports only)
Leaving a broken link or missing closing tag