add a tagline in the header

packages/demo/src/i18n/locales/en.ts

@@ -3,6 +3,8 @@ import type { Translation } from "./fr";
 export const en: Translation = {
 	header: {
 		title: "Viewer",
+		subtitle: "Lorem ipsum dolor sit amet",
+		description: "Excepteur sint occaecat cupidatat non proident",
 	},
 	navbar: {
 		istex: "istex",

packages/demo/src/i18n/locales/fr.ts

@@ -1,6 +1,8 @@
 export const fr = {
 	header: {
 		title: "Viewer",
+		subtitle: "Lorem ipsum dolor sit amet",
+		description: "Excepteur sint occaecat cupidatat non proident",
 	},
 	navbar: {
 		istex: "istex",

packages/demo/src/layout/Header.tsx

@@ -1,8 +1,10 @@
 import { Box, Container, Stack, Typography } from "@mui/material";
+import { useTranslation } from "react-i18next";
 import headerBackground from "../images/header-background.webp";
 import istexSearchLogo from "../images/istex-search.svg";
 
 export default function Header() {
+	const { t } = useTranslation();
 	return (
 		<Box
 			component="header"
@@ -41,6 +43,15 @@ export default function Header() {
 						View
 					</Typography>
 				</Stack>
+				<Typography
+					component={"strong"}
+					sx={{ color: "white", mb: 2, fontWeight: "bold" }}
+				>
+					{t("header.subtitle")}
+				</Typography>
+				<Typography sx={{ color: "white" }}>
+					{t("header.description")}
+				</Typography>
 			</Container>
 		</Box>
 	);

packages/e2e/src/bibliographicReferences.spec.ts

@@ -25,7 +25,7 @@ test("scroll to bib reference from text", async ({ page }) => {
 		bibRefSection.getByText(
 			"The Fellowship of the Ring By Gandalf The Gray (1954) Lord of the ring 1 321 -322",
 		),
-	).toBeInViewport();
+	).not.toBeInViewport();
 	await expect(
 		bibRefSection.getByText("Gummo, Korine Harmony 1997 2:423-424"),
 	).toBeVisible();

packages/e2e/src/footnotes.spec.ts

@@ -25,7 +25,7 @@ test("document footnotes panel", async ({ page }) => {
 		footNoteSection.getByText(
 			"The latin word for Prettier proving the roman already understood the importance of linting",
 		),
-	).toBeInViewport();
+	).not.toBeInViewport();
 	await expect(
 		footNoteSection.getByText("May need to be cast first"),
 	).toBeVisible();