The story of 1821 Mode

To celebrate the Guardian’s 200th anniversary we turned the theguardian.com network front into its 19th-century ancestor. Here’s how we transformed the hack into reality using a selection of tools, some styling and creative thinking In April we participated in our first Hack Day. It was a chance for new software engineering fellows to get to […]

To celebrate the Guardian’s 200th anniversary we turned the theguardian.com network front into its 19th-century ancestor. Here’s how we transformed the hack into reality using a selection of tools, some styling and creative thinking

In April we participated in our first Hack Day. It was a chance for new software engineering fellows to get to know each other and make something fun in a no-pressure environment. We settled on the idea of an old-school homepage that paid tribute to the paper’s first print edition, published on 5 May, 1821. We made 1821 mode – an Easter egg webpage rendering today’s stories in the style of the (then) Manchester Guardian’s first edition.

The first iteration was a React app that pulled through stories from the Guardian Content API (CAPI). By feeding content into one long column using the column-count CSS property, we could imitate the layout of a 19th-century newspaper.

Story headings: Eczar

Story copy: Newsreader

Small caps: IM Fell English SC

Continue reading…
Source: Guardian