Skip to content

Commit

Permalink
Update About Us pages (#130)
Browse files Browse the repository at this point in the history 
* update .gitignore

* Update about us page - new wording, new article and new image for news section

* update our organisation page - title, content, move Guardian Foundation section

* use fastly url for new images and update climate pledge

* Update history page title and tab names

* new sections on the history page

* update journalism section

* Update title of news section

* update climate pledge to 2023
  • Loading branch information
@alinaboghiu
alinaboghiu authored Nov 29, 2023
1 parent e7a16fe commit d0a89d7
Show file tree
Hide file tree
Showing 8 changed files with 111 additions and 93 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,3 +113,5 @@ dist

# TernJS port file
.tern-port

.idea
Binary file removed public/images/journalism-4.jpg
View file
Binary file not shown.
Binary file removed public/images/organisation-12.jpg
View file
Binary file not shown.
4 changes: 2 additions & 2 deletions src/components/latestNews.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,10 +127,10 @@ const LatestNews = () => (
<div css={containerCss}>
<div css={innerContainerCss}>
<div css={imageContainerCss}>
<img src="/about/images/front-page-13.jpg" loading="lazy" />
<img src="/about/images/front-page-3.jpg" loading="lazy" />
</div>
<article>
<h2>Latest News</h2>
<h2>Latest news</h2>
<p>
Announcements and updates from the Guardian’s press office, including
latest press releases and award wins.
Expand Down
90 changes: 67 additions & 23 deletions src/pages/history/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,18 @@ import Header from "../../components/header";
import { PageStyles } from "../../components/pageStyles";
import { neutral } from "@guardian/source-foundations";
import {
headingCss,
skipToContentStyles,
twoThenOneColumnResponsiveCardHolder,
headingCss,
singleColumnResponsiveCardHolder,
twoColumnResponsiveCardHolder,
skipToContentStyles,
twoThenOneColumnResponsiveCardHolder,
} from "../../styles/sharedStyles";
import ResponsiveCardVariant1 from "../../components/responsiveCardVariant1";
import FullWidthImage from "../../components/fullWidthImage";
import dynamic from "next/dynamic";
import Head from "next/head";
import UnfinishedBusinessThrasher from "../../components/unfinishedBusinessThrasher";
import InnerText from "../../components/innerText";

const Footer = dynamic(() => import("../../components/footer/footer"), {
ssr: false,
Expand All @@ -25,10 +28,16 @@ const scottTrustBkg = {
wide: `linear-gradient(to top, ${neutral[100]} 58px, ${neutral[97]} 58px)`,
};

const guardianFoundationBkg = {
mobile: `linear-gradient(to top, ${neutral[100]} 42px, ${neutral[97]} 42px)`,
tablet: `linear-gradient(to top, ${neutral[100]} 49px, ${neutral[97]} 49px)`,
wide: `linear-gradient(to top, ${neutral[100]} 58px, ${neutral[97]} 58px)`,
};

const OurHistory = () => (
<>
<Head>
<title>About our history | The Guardian</title>
<title>The Scott Trust | The Guardian</title>
</Head>
<PageStyles />
<a href="#main" css={skipToContentStyles}>
Expand All @@ -42,12 +51,12 @@ const OurHistory = () => (
link: "/about/",
},
{
title: "Our organisation",
title: "Guardian Media Group",
isSelected: false,
link: "/about/organisation",
},
{
title: "Our history",
title: "The Scott Trust",
isSelected: true,
link: "/about/history",
},
Expand All @@ -59,7 +68,7 @@ const OurHistory = () => (
]}
/>
<main id="main">
<FullWidthText theme="dark" title="Our history">
<FullWidthText theme="dark" title="The Scott Trust">
<>
<p>
The Manchester Guardian was founded to promote the liberal interest
Expand All @@ -80,6 +89,43 @@ const OurHistory = () => (
smallImageUrl="/about/images/history-full-width-small.jpg"
largeImageUrl="/about/images/history-full-width-large.jpg"
/>
<BoxContainer theme="light" background={scottTrustBkg}>
<>
<h2 css={headingCss}>The Scott Trust</h2>
<div css={twoColumnResponsiveCardHolder}>
<ResponsiveCardVariant1
title="About the Scott Trust"
imagePath="https://i.guim.co.uk/img/media/7dfe3625a4a7a732a305ec56273692fbb5c1fa7b/0_0_5000_3000/master/5000.jpg?width=460&dpr=2&s=none"
linkUrl="https://www.theguardian.com/the-scott-trust"
/>
<ResponsiveCardVariant1
title="The Scott Trust board"
imagePath="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/9/14/1442227868728/fb9c0d08-ab97-4ad1-af73-a99d23d99d2b-1020x612.jpeg?width=620&dpr=2&s=none"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/26/the-scott-trust-board"
/>
<ResponsiveCardVariant1
title="Annual reports and letter from the chair"
imagePath="/about/images/history-8.jpg"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/23/the-scott-trust-financials"
/>
<ResponsiveCardVariant1
title="The Scott Trust values"
imagePath="/about/images/front-page-4.jpg"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/26/the-scott-trust"
/>
<ResponsiveCardVariant1
title="Scott Trust timeline"
imagePath="/about/images/history-7.jpg"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/23/the-scott-trust-financials"
/>
<ResponsiveCardVariant1
title="CP Scott’s centenary essay"
imagePath="https://i.guim.co.uk/img/media/f1e4961ebcf53adaa7f182dd84b01f81a1bef7fa/0_0_5000_3000/master/5000.jpg?width=620&dpr=2&s=none"
linkUrl="https://www.theguardian.com/sustainability/cp-scott-centenary-essay"
/>
</div>
</>
</BoxContainer>
<BoxContainer
theme="light"
background={{ backgroundColor: `${neutral[97]}` }}
Expand Down Expand Up @@ -109,24 +155,22 @@ const OurHistory = () => (
</>
</BoxContainer>
<UnfinishedBusinessThrasher />
<BoxContainer theme="light" background={scottTrustBkg}>
<BoxContainer theme="light" background={guardianFoundationBkg}>
<>
<h2 css={headingCss}>The Scott Trust</h2>
<div css={twoThenOneColumnResponsiveCardHolder}>
<ResponsiveCardVariant1
title="Scott Trust values"
imagePath="/about/images/front-page-4.jpg"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/26/the-scott-trust"
/>
<ResponsiveCardVariant1
title="Scott Trust timeline"
imagePath="/about/images/history-7.jpg"
linkUrl="https://www.theguardian.com/the-scott-trust/2015/jul/26/a-history-of-the-scott-trust"
/>
<InnerText title="The Guardian Foundation" theme="light">
<p>
Through the Scott Trust, our independent charity the Guardian
Foundation supports media under threat, promotes diversity in the
media and empowers children and young people to engage with the
news. The charity envisions a world in which all people can tell
their stories, access the truth and hold power to account.
</p>
</InnerText>
<div css={singleColumnResponsiveCardHolder}>
<ResponsiveCardVariant1
title="CP Scott’s centenary essay"
imagePath="/about/images/history-8.jpg"
linkUrl="https://www.theguardian.com/sustainability/cp-scott-centenary-essay"
title="Guardian Foundation"
imagePath="/about/images/organisation-21.jpg"
linkUrl="https://theguardianfoundation.org/"
alwaysImgOnLeft={true}
/>
</div>
Expand Down
28 changes: 17 additions & 11 deletions src/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,12 +60,12 @@ const HomePage = () => (
link: "/about/",
},
{
title: "Our organisation",
title: "Guardian Media Group",
isSelected: false,
link: "/about/organisation",
},
{
title: "Our history",
title: "The Scott Trust",
isSelected: false,
link: "/about/history",
},
Expand Down Expand Up @@ -121,7 +121,7 @@ const HomePage = () => (
overlapTop={true}
>
<>
<InnerText title="Our Organisation" theme="light">
<InnerText title="Our organisation" theme="light">
<>
<p>
The Guardian is owned by Guardian Media Group, which has only
Expand All @@ -137,13 +137,18 @@ const HomePage = () => (
readers, helping to support Guardian journalism and keep it open
for everyone.
</p>
<p>
In short, the Guardian isn’t owned or controlled by advertisers or
billionaires. It’s owned by a Trust, and it runs on trust. Let’s
keep building that trust together.
</p>
</>
</InnerText>
<div css={twoColumnResponsiveCardHolder}>
<ResponsiveCardVariant1
title="A mission for journalism: an essay by our editor"
imagePath="/about/images/front-page-2.jpg"
linkUrl="https://www.theguardian.com/news/2017/nov/16/a-mission-for-journalism-in-a-time-of-crisis"
title="Times change but the Guardian’s values don’t: an essay by our editor"
imagePath="https://i.guim.co.uk/img/media/6614f6286da1a57ba2e41c953993718cbf09e473/0_0_5000_3000/master/5000.jpg?width=920&dpr=1&s=none"
linkUrl="https://www.theguardian.com/media/2021/may/05/guardian-200-anniversary-covid-pandemic-journalism-editor-mission"
/>
<ResponsiveCardVariant1
title="Guardian Media Group"
Expand Down Expand Up @@ -186,8 +191,8 @@ const HomePage = () => (
`}
>
The Guardian’s independent, high-impact journalism is powered by
its global readership. In 2020 alone, more than 1.5 million
readers supported us financially. It’s thanks to this generosity
its global readership. The Guardian has over 1 million recurring digital supporters
from more than 180 countries around the world. It’s thanks to this generosity
that we can provide quality, trustworthy reporting that’s open for
everyone to read. With no shareholders or billionaire owner, we
can investigate and challenge without fear or favour, and amplify
Expand Down Expand Up @@ -236,9 +241,10 @@ const HomePage = () => (
infographics and visuals.
</p>
<p>
Our Covid-19 investigations exposed governmental and social
failings, as did the Snowden Files, Panama Papers, Cambridge
Analytica Files and the Windrush revelations in the UK.
Our investigations have exposed governmental and social failings,
including Windrush revelations in the UK, Covid-19, Cambridge
Analytica, the Snowden Files, the Panama, Paradise and Pandora
Papers, and the Pegasus Project.
</p>
<p>
Our teams in the UK, US and Australia produce theguardian.com,
Expand Down
14 changes: 7 additions & 7 deletions src/pages/journalism/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,12 +45,12 @@ const JournalismPage = () => (
link: "/about/",
},
{
title: "Our organisation",
title: "Guardian Media Group",
isSelected: false,
link: "/about/organisation",
},
{
title: "Our history",
title: "The Scott Trust",
isSelected: false,
link: "/about/history",
},
Expand All @@ -65,10 +65,10 @@ const JournalismPage = () => (
<FullWidthText theme="dark" title="Journalism">
<p>
The Guardian has a global reputation for holding power to account and
championing the voices of those less heard. Our Covid-19
investigations exposed governmental and social failings, as did our
earlier work on the Snowden disclosures, the Windrush scandal,
Cambridge Analytica and the Panama Papers. We are passionate about the
championing the voices of those less heard. Our investigations have exposed
governmental and social failings, including Windrush revelations in the UK,
Covid-19, Cambridge Analytica, the Snowden Files, the Panama, Paradise and
Pandora Papers, and the Pegasus Project. We are passionate about the
climate emergency, social justice, fairness and progress. We remain
dedicated to truth and to bringing about a more hopeful future.
</p>
Expand Down Expand Up @@ -104,7 +104,7 @@ const JournalismPage = () => (
/>
<ResponsiveCardVariant1
title="Times change but the Guardian's values don't"
imagePath="/about/images/journalism-4.jpg"
imagePath="https://i.guim.co.uk/img/media/6614f6286da1a57ba2e41c953993718cbf09e473/0_0_5000_3000/master/5000.jpg?width=920&dpr=1&s=none"
linkUrl="https://www.theguardian.com/media/2021/may/05/guardian-200-anniversary-covid-pandemic-journalism-editor-mission"
/>
<ResponsiveCardVariant1
Expand Down
Loading

0 comments on commit d0a89d7

Please sign in to comment.