@jxsuite/starters 3.4.0 → 3.5.0

package/sites/museum/pages/fr-ca/visite.jxn

@@ -0,0 +1,271 @@
+/- kdl-version 2
+$layout "./layouts/fr-ca.jxn"
+$translationKey visit
+$head {
+    meta name=description content="Heures, admission, transport et accessibilité au musée municipal d'art et d'histoire Atrium. Entrée libre, du mardi au dimanche, de 10 h à 18 h."
+}
+
+$element .title="Préparer sa visite — Atrium" .description="Heures, admission, transport et accessibilité au musée municipal d'art et d'histoire Atrium. Entrée libre, du mardi au dimanche, de 10 h à 18 h." {
+    state {
+        tourPrice {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatNumber"
+                value {
+                    - 12
+                    - #null
+                    - style=currency currency=CAD
+                }
+            }
+        }
+        membership {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatNumber"
+                value {
+                    - 45
+                    - #null
+                    - style=currency currency=CAD
+                }
+            }
+        }
+        trams {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatList"
+                value {
+                    - "2" "6" "11"
+                }
+            }
+        }
+        closedFrom {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatDate"
+                value {
+                    - "2026-12-24"
+                    - #null
+                    - day=numeric month=long
+                }
+            }
+        }
+        closedTo {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatDate"
+                value {
+                    - "2026-12-26"
+                    - #null
+                    - day=numeric month=long year=numeric
+                }
+            }
+        }
+    }
+    mu-pagehead {
+        $props {
+            kicker Visite
+            title "De dix heures à six heures, six jours sur sept"
+            standfirst "Il n'y a pas de billetterie, parce qu'il n'y a pas de billet. Entrez par le côté du quai, laissez votre sac au comptoir s'il est plus gros qu'une sacoche, et commencez où vous voulez."
+            metaLabel Adresse
+            metaValue "2, quai des Écluses, Vieux-Port"
+        }
+    }
+    mu-band {
+        $props index="01" label=Heures tone=chalk
+        div {
+            style {
+                display grid
+                gridTemplateColumns "repeat(2, minmax(0, 1fr))"
+                columnGap "clamp(2rem, 5vw, 4rem)"
+                @--md gridTemplateColumns="minmax(0, 1fr)"
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term "Mar. – ven."
+                        value "10 h – 18 h"
+                        note "Dernière entrée à la salle de lecture à 17 h."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term "Sam. – dim."
+                        value "10 h – 18 h"
+                        note "La cour reste ouverte jusqu'à 19 h de mai à septembre."
+                    }
+                }
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term Lundi
+                        value Fermé
+                        note "Journée de conservation. Le café côté quai reste ouvert."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term "Fermeture d'hiver"
+                        value "Du ${state.closedFrom} au ${state.closedTo}"
+                        note "Les trois seuls jours consécutifs de fermeture de toute l'année."
+                    }
+                }
+            }
+        }
+    }
+    mu-band {
+        $props index="02" label=Admission tone=card
+        div {
+            style {
+                display grid
+                gridTemplateColumns "minmax(0, 1fr) minmax(0, 1fr)"
+                columnGap "clamp(2rem, 5vw, 4rem)"
+                rowGap "1.5rem"
+                @--md gridTemplateColumns="minmax(0, 1fr)"
+            }
+            div {
+                style {
+                    border "2px solid var(--color-ink)"
+                    backgroundColor "var(--color-pigment)"
+                    color "var(--color-card)"
+                    padding "clamp(1.5rem, 3.5vw, 2.25rem)"
+                }
+                p "Admission générale" {
+                    style {
+                        margin "0 0 0.9rem"
+                        fontFamily "var(--font-label)"
+                        fontSize "0.66rem"
+                        letterSpacing "var(--label-tracking)"
+                        textTransform "var(--label-case)"
+                        opacity "0.8"
+                    }
+                }
+                p Gratuite {
+                    style {
+                        margin "0"
+                        fontFamily "var(--font-display)"
+                        fontSize "clamp(2.4rem, 6vw, 3.6rem)"
+                        fontWeight "700"
+                        lineHeight "calc(1 * var(--leading-scale))"
+                        letterSpacing "var(--display-tracking)"
+                    }
+                }
+                p "Inscrite dans la souscription fondatrice de 1897 et jamais modifiée depuis. Pas de billet, pas de réservation, pas d'heure réservée aux membres." {
+                    style margin="1.1rem 0 0" lineHeight="1.65" maxWidth="34ch"
+                }
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term "Visite guidée"
+                        value "${state.tourPrice}"
+                        note "Quatre-vingt-dix minutes, le samedi à 11 h et à 15 h. Réservation au comptoir."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term Adhésion
+                        value "${state.membership}"
+                        note "Une année de visites guidées, la revue trimestrielle et un droit de vote à l'assemblée annuelle."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term Écoles
+                        value "Jamais de frais"
+                        note "L'autobus compris. Écrivez au service éducatif six semaines à l'avance."
+                    }
+                }
+            }
+        }
+    }
+    mu-band {
+        $props index="03" label="S'y rendre" tone=chalk
+        div {
+            style {
+                display grid
+                gridTemplateColumns "repeat(2, minmax(0, 1fr))"
+                columnGap "clamp(2rem, 5vw, 4rem)"
+                @--md gridTemplateColumns="minmax(0, 1fr)"
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term Tramway
+                        value "Lignes ${state.trams}"
+                        note "Arrêt Écluses. La halle est le toit de verre à votre gauche en descendant."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term "À pied"
+                        value "Onze minutes de la porte de la vieille ville"
+                        note "Suivez le quai ; le dernier tronçon est pavé et inégal."
+                    }
+                }
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term "À vélo"
+                        value "Quarante supports sous l'auvent nord"
+                        note "Couverts, éclairés et à la vue du comptoir d'accueil."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term "En auto"
+                        value "Pas de stationnement au musée"
+                        note "Stationnement public au Bassin Nord, à six minutes de marche par le pont de l'écluse."
+                    }
+                }
+            }
+        }
+    }
+    mu-band {
+        $props index="04" label=Accessibilité tone=card
+        div {
+            style maxWidth="var(--measure)"
+            p "Toutes les salles sont accessibles sans marche depuis l'entrée côté quai, y compris la cour et la salle de lecture. Seule exception : le passage de la douane, qui compte quatre marches de pierre sans main courante ; un contournement de plain-pied est indiqué dès l'entrée." {
+                style margin="0 0 1.5rem" lineHeight="1.75"
+            }
+            mu-fact {
+                $props {
+                    term "Sans marche"
+                    value "Toutes les salles et la salle de lecture"
+                    note "Deux ascenseurs, tous deux assez grands pour un fauteuil roulant et un accompagnateur."
+                }
+            }
+            mu-fact {
+                $props {
+                    term "Places assises"
+                    value "Un banc dans chaque salle"
+                    note "Tabourets pliants au comptoir, prêtés gratuitement, sans dépôt."
+                }
+            }
+            mu-fact {
+                $props {
+                    term "Heure calme"
+                    value "Le mercredi, de 10 h à 11 h"
+                    note "Éclairage doux, son coupé, et deux fois moins de monde qu'à l'habitude."
+                }
+            }
+            mu-fact {
+                $props {
+                    term "Chiens d'assistance"
+                    value "Bienvenus partout"
+                    note "Bols d'eau aux deux entrées et dans la cour."
+                }
+            }
+        }
+    }
+    mu-cta {
+        $props {
+            kicker "Avant de venir"
+            heading "Voyez ce qui est accroché cette semaine."
+            text "Trois expositions sont ouvertes, et la programmation indique ce qui change ensuite."
+            label "À l'affiche"
+            href "/fr-ca/expositions/"
+        }
+    }
+}

package/sites/museum/pages/index.jxn

@@ -0,0 +1,202 @@
+/- kdl-version 2
+
+$element .title="Atrium — City Museum of Art and History" .description="A city museum in a glass hall: four centuries of the harbour, its makers and its maps. Free entry, Tuesday to Sunday, in English, French and Arabic." {
+    state {
+        objects {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatNumber"
+                value {
+                    - 18400
+                }
+            }
+        }
+        visitors {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatNumber"
+                value {
+                    - 212000
+                }
+            }
+        }
+        founded {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatDate"
+                value {
+                    - "1897-11-04"
+                    - #null
+                    - day=numeric month=long year=numeric
+                }
+            }
+        }
+        openDays {
+            $expression {
+                operator call
+                target (ref)"window#/Intl/formatList"
+                value {
+                    - Tuesday Wednesday Thursday Friday Saturday Sunday
+                }
+            }
+        }
+        shows {
+            $prototype ContentCollection
+            $src "@jxsuite/parser/ContentCollection.class.json"
+            contentType exhibitions
+            filter {
+                - field=lang op="==" value=en
+            }
+            sort {
+                - field=order order=asc
+            }
+            limit 3
+        }
+    }
+    mu-hero {
+        $props {
+            kicker "City Museum of Art & History"
+            title "Four centuries, one glass hall"
+            standfirst "Atrium holds what the city made, bought, salvaged and argued over since the first stone quay went in — and shows it free, in three languages, six days a week."
+            primaryLabel "Plan your visit"
+            primaryHref "/visit/"
+            secondaryLabel "What's on"
+            secondaryHref "/exhibitions/"
+            noteLabel "Free entry"
+            note "Tuesday to Sunday, 10:00–18:00"
+        }
+    }
+    mu-band {
+        $props index="01" label="Now on view" tone=chalk
+        h2 "Three exhibitions, all of them about this place" {
+            style {
+                margin "0 0 2.25rem"
+                fontFamily "var(--font-display)"
+                fontSize "clamp(1.7rem, 3.6vw, 2.6rem)"
+                fontWeight "500"
+                lineHeight "calc(1.08 * var(--leading-scale))"
+                letterSpacing "var(--display-tracking)"
+                maxWidth "22ch"
+            }
+        }
+        div {
+            style {
+                display grid
+                gridTemplateColumns "repeat(3, minmax(0, 1fr))"
+                gap "clamp(1rem, 2.5vw, 1.75rem)"
+                @--md gridTemplateColumns="repeat(2, minmax(0, 1fr))"
+                @--sm gridTemplateColumns="minmax(0, 1fr)"
+            }
+            .children {
+                $array items=(ref)"#/state/shows" {
+                    mu-exhibition-card {
+                        $props {
+                            title "${item.data.title}"
+                            description "${item.data.description}"
+                            gallery "${item.data.gallery}"
+                            status "Open now"
+                            href "/exhibitions/${item.id}/"
+                            hue "${item.data.hue}"
+                            date "${item.data.date}"
+                            until "${item.data.until}"
+                            locale "${$page.locale}"
+                        }
+                    }
+                }
+            }
+        }
+        mu-more {
+            $props label="The whole programme" href="/exhibitions/" space="2rem"
+        }
+    }
+    mu-band {
+        $props index="02" label="The museum in numbers" tone=card
+        div {
+            style {
+                display grid
+                gridTemplateColumns "repeat(2, minmax(0, 1fr))"
+                columnGap "clamp(2rem, 5vw, 4rem)"
+                @--md gridTemplateColumns="minmax(0, 1fr)"
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term Objects
+                        value "${state.objects}"
+                        note "Catalogued, of which about a tenth are on show at any one time."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term Visitors
+                        value "${state.visitors}"
+                        note "In the last full year, counted at the door."
+                    }
+                }
+            }
+            div {
+                mu-fact {
+                    $props {
+                        term Founded
+                        value "${state.founded}"
+                        note "By a subscription of 240 households, in a room above the customs house."
+                    }
+                }
+                mu-fact {
+                    $props {
+                        term Open
+                        value "${state.openDays}"
+                        note "Closed Mondays, and on the two days a year the hall is cleaned."
+                    }
+                }
+            }
+        }
+        p "Every figure here is formatted by the page's own language: this document renders 18,400 in English, 18 400 in French and ١٨٬٤٠٠ in Arabic, because the route already said which language it is." {
+            style {
+                margin "2rem 0 0"
+                paddingBlockStart "1.1rem"
+                borderBlockStart "1px solid var(--color-hairline)"
+                fontSize "0.95rem"
+                lineHeight "1.6"
+                color "var(--color-muted)"
+                maxWidth "var(--measure)"
+            }
+        }
+    }
+    mu-band {
+        $props index="03" label="From the reading room" tone=chalk
+        div {
+            style {
+                display grid
+                gridTemplateColumns "minmax(0, 1.05fr) minmax(0, 1fr)"
+                columnGap "clamp(2rem, 5vw, 4rem)"
+                alignItems start
+                @--md gridTemplateColumns="minmax(0, 1fr)" rowGap="2rem"
+            }
+            mu-quote {
+                $props {
+                    quote "A museum is a room where a city keeps the things it cannot agree about."
+                    attribution "Hélène Fournier, first curator, 1897"
+                }
+            }
+            div {
+                style maxWidth="var(--measure)"
+                p "The reading room on the second floor is open to anyone with a question. Its shelves hold the harbour ledgers, the survey notebooks, four hundred boxes of workshop correspondence, and the museum's own minute books — including the ones recording arguments the trustees would rather have kept quiet." {
+                    style margin="0" lineHeight="1.75"
+                }
+                p "No appointment is needed to read; one is needed to handle. Ask at the desk and a member of staff will bring the box up within the hour." {
+                    style margin="1.1rem 0 0" lineHeight="1.75"
+                }
+            }
+        }
+    }
+    mu-cta {
+        $props {
+            kicker "Free entry"
+            heading "The hall is open. Come and disagree with us."
+            text "Six days a week, ten to six, no ticket and no booking. The courtyard stays open an hour later through the summer."
+            label "Plan your visit"
+            href "/visit/"
+        }
+    }
+}