solitaire text

assets/locales/en/translation.json

@@ -395,6 +395,17 @@
         "solitaire": "Solitaire",
         "cartomancy": "Cartomancy"
     },
+    "solitaire": {
+      "title": "Solitaire",
+      "selectDeck": "Select a deck to play Solitaire",
+      "description": "Although the version of solitaire we offer here, called \"Klondike Solitaire,\" is extremely popular today, it did not become common in France, England, or elsewhere in the west until well into the nineteenth century. The virtual deck of cards with which you will play is a composite of the fronts and backs of several different eighteenth and nineteenth-century decks. The ace through ten cards in all four suits are reproduced from <0>a deck manufactured in Paris before 1789</0>. The design on the back of the cards comes from a deck manufactured in the last quarter if the nineteenth century. (The backs of French playing cards were blank until ca. 1815.) Finally, you may choose one of three face card designs with which to play the game:",
+      "faceCardDescription1": "The \"Portrait de Paris\" deck features face card designs that the French monarchy required cardmakers to use in Paris and its surroundings from 1701 until the Revolution of 1789.",
+      "faceCardDescription2": "The \"Jaume et Dugourc\" deck was designed and marketed by Étienne Jaume and Jean-Démosthène Dugourc in 1793. In this deck kings become \"geniuses,\" queens \"liberties,\" and jacks \"equalities.\" The idea was to replace kings, queens, and jacks, which were considered to be \"Old Regime\" designations.",
+      "faceCardDescription3": "The \"J-L David\" deck was designed in 1808-1809 by the studio of the famous revolutionary artist Jacques-Louis David at the request of the Imperial government of Napoleon Bonaparte. David returned to the old triad of kings, queens, and jacks, but redesigned them for greater historical veracity.",
+      "infoLink": "For more information on the changing face card iconography of these years, please visit our <0>\"Fronts\" page</0>.",
+      "rules": "Click here for the rules of Klondike Solitaire.",
+      "rulesHref": "/static/solitaire-rules-english.docx"
+    },
     "divination": {
         "disclaimer": {
             "salutation": "Dear User,",

assets/locales/fr/translation.json

@@ -393,6 +393,17 @@
         "solitaire": "Solitaire",
         "cartomancy": "Cartomancie"
     },
+    "solitaire": {
+          "title": "Solitaire",
+          "selectDeck": "Choisissez un jeu pour jouer au Solitaire",
+          "description": "Bien que la version du solitaire que nous proposons ici, appelée \"Solitaire Klondike\", soit extrêmement populaire de nos jours, elle ne s'est pas répandue ni en France, ni en Angleterre, ni ailleurs dans l'ouest avant le milieu du XIXe siècle. Le jeu de cartes virtuel avec lequel vous jouerez est un assemblage des faces et des dos de plusieurs jeux de cartes différents des XVIIIe et XIXe siècles. Les cartes allant de l'as au dix dans les quatre couleurs sont reproduites à partir <0>d'un jeu fabriqué à Paris avant 1789</0>. Le motif au dos des cartes provient d'un jeu fabriqué au dernier quart du XIXe siècle. (Les dos des cartes à jouer françaises étaient vierges jusqu'environ 1815.) Enfin, vous pouvez choisir l'un des trois motifs de cartes à figures pour jouer au jeu:",
+          "faceCardDescription1": "Le jeu de cartes \"Portrait de Paris\" présente des dessins de cartes à jouer que la monarchie française a imposé aux fabricants de cartes à Paris et dans ses environs de 1701 jusqu'à la Révolution de 1789.",
+          "faceCardDescription2": "Le jeu de cartes \"Jaume et Dugourc\" a été conçu et commercialisé par Étienne Jaume et Jean-Démosthène Dugourc en 1793. Dans ce jeu, les rois deviennent des \"génies\", les dames des \"libertés\" et les valets des \"égalités\". L'idée était de remplacer les rois, les dames et les valets, considérés comme des désignations de l'\"Ancien Régime\".",
+          "faceCardDescription3": "Le jeu de cartes \"J-L David\" a été conçu en 1808-1809 par l'atelier du célèbre artiste révolutionnaire Jacques-Louis David, à la demande du gouvernement impérial de Napoléon Bonaparte. David est revenu à la vieille triade de rois, dames et valets, mais les a redessinés pour une plus grande véracité historique.",
+          "infoLink": "Pour plus d'informations sur l'évolution de l'iconographie des figures de ces années-là, veuillez consulter notre <0>page \"De face\"</0>.",
+          "rules": "Cliquez ici pour les règles du Solitaire Klondike.",
+          "rulesHref": "/static/solitaire-rules-french.docx"
+        },
     "bibliography": {
         "header": "Bibliographie",
         "collections": {

frontend/components/pages/Solitaire.js

@@ -1,8 +1,11 @@
 import React from "react";
 import { Container, Row, Col } from 'react-bootstrap';
+import { Trans, useTranslation } from 'react-i18next';
 import LinkCard from "../LinkCard";
 
 const Solitaire = () => {
+    const { t } = useTranslation();
+
     React.useEffect(() => {
         document.title = "Solitaire";
     }, []);
@@ -27,14 +30,34 @@ const Solitaire = () => {
 
     return (
         <Container className="mt-2">
+            <h1>{t('solitaire.title')}</h1>
+
             <Row className="mb-3">
                 <Col>
-                    <h1>Solitaire</h1>
-                    <p>Please select a deck</p>
+                    <p>
+                        <Trans i18nKey="solitaire.description" components={[
+                            <a href="https://gallica.bnf.fr/ark:/12148/btv1b105093722.r=JeuCart?rk=5493589;2"
+                               key="0"></a>
+                        ]} />
+                    </p>
+                    <ul>
+                        <li>{t('solitaire.faceCardDescription1')}</li>
+                        <li>{t('solitaire.faceCardDescription2')}</li>
+                        <li>{t('solitaire.faceCardDescription3')}</li>
+                    </ul>
+                    <p>
+                        <Trans i18nKey="solitaire.infoLink" components={[
+                            <a href="/material-aspects/fronts" key="0"></a>
+                        ]} />
+                    </p>
+                    <p>
+                        <a href={t('solitaire.rulesHref')}>{t('solitaire.rules')}</a>
+                    </p>
                 </Col>
             </Row>
 
             <Row className="mb-3">
+                    <h2 className="mb-1">{t('solitaire.selectDeck')}</h2>
                 {cardData.map((card, index) => (
                     <Col sm={4} key={index}>
                         <LinkCard