// V3 — Affiche × ACHAT Design System
// Poster energy grounded in the ACHAT brand.
// Palette: ink + paper-warm + vert + prune + bleu (no yellow/orange).
// Type: Bricolage Grotesque display, Quicksand body, Playfair Display italic for editorial.
const DS = {
ink: '#1A1A1A',
inkSoft: '#565556',
inkMuted: '#9C989C',
paperWarm: '#FBF7F1',
paper: '#FFFFFF',
vert: '#698762',
vertPale: '#AFE3A3',
prune: '#6F5A51',
prunePale: '#A3928B',
bleu: '#B9E0F6',
line: '#E8E3DD',
lineStrong: '#C9C2BA',
};
const F = {
display: "'Bricolage Grotesque', 'Montserrat', system-ui, sans-serif",
body: "'Quicksand', 'Inter', system-ui, sans-serif",
editorial: "'Playfair Display', Georgia, serif",
mono: "ui-monospace, 'SF Mono', Menlo, monospace",
};
function Eyebrow({ label, color = DS.vert, style }) {
return (
{label}
);
}
// ── Accordéons ────────────────────────────────────────────────
function AccordionChevron({ open, color }) {
var c = color || DS.ink;
return (
);
}
function AccordionItem({ id, label, background, color, borderBottom, defaultOpen, children }) {
var _s = React.useState(!!defaultOpen);
var open = _s[0], setOpen = _s[1];
var bodyId = id + "-body";
var fg = color || DS.ink;
return (
);
}
// ── Hero ─────────────────────────────────────────────────────
function V3Hero() {
return (
{EVENT.edition} · {EVENT.date} · {EVENT.venue}
{HERO.line1}
{HERO.line2}
{HERO.line3}
{HOST.label || "Animé par"}
{HOST.name}
{HOST.photoCredit && (
Photo · {HOST.photoCredit}
)}
{EVENT.address}
{EVENT.tagline}
);
}
function scheduleOrgKey(detail) {
if (!detail) return "";
var m = detail.match(/\(([^)]+)\)\s*$/);
if (m) return m[1];
var parts = detail.split(",");
return parts[parts.length - 1].trim();
}
var PARTY_COLORS = {
"Québec solidaire": { color: "#FF7A00", abbr: "QS" },
"Parti libéral du Québec": { color: "#E63B2E", abbr: "PLQ" },
"Parti québécois": { color: "#1E62C5", abbr: "PQ" },
"CAQ": { color: "#00A0B0", abbr: "CAQ" },
"Coalition avenir Québec": { color: "#00A0B0", abbr: "CAQ" },
};
function partyMatch(detail) {
if (!detail) return null;
for (var key in PARTY_COLORS) {
if (detail.indexOf(key) !== -1) return PARTY_COLORS[key];
}
return null;
}
function participantSortKey(p) {
if (partyMatch(p.detail)) {
var parts = (p.name || "").trim().split(/\s+/);
return "A" + (parts.length > 1 ? parts.slice(1).join(" ") : p.name);
}
return "B" + scheduleOrgKey(p.detail);
}
function ScheduleDesc({ text }) {
if (!text.includes("\n---\n")) {
var parts = text.split(/(\*\*[^*]+\*\*)/g);
return (
{parts.map(function(part, i) {
if (part.indexOf("**") === 0 && part.lastIndexOf("**") === part.length - 2) {
return (
{part.slice(2, -2)}
);
}
return part;
})}
);
}
const splitAt = text.indexOf("\n---\n");
const intro = text.slice(0, splitAt).trim();
const participants = text.slice(splitAt + 5).split("\n---\n").map(function(block) {
var lines = block.trim().split("\n").filter(Boolean);
return { name: lines[0], detail: lines.slice(1).join(" ") };
}).sort(function(a, b) {
return participantSortKey(a).localeCompare(participantSortKey(b), "fr", { sensitivity: "base" });
});
return (
{intro}
{participants.map(function(p, i) {
var party = partyMatch(p.detail);
return (
{p.name}
{party && (
)}
{p.detail && (
{p.detail}
)}
);
})}
);
}
// ── À propos ────────────────────────────────────────────────
function AboutInline({ text }) {
var parts = text.split(/(__[^_]+__)/g);
return parts.map(function(part, i) {
if (part.indexOf("__") === 0 && part.lastIndexOf("__") === part.length - 2) {
return (
{part.slice(2, -2)}
);
}
return part;
});
}
function V3APropos() {
var paragraphs = (ABOUT.body || "").split(/\n\n+/).filter(Boolean);
return (
{ABOUT.quote}
{paragraphs.map(function(p, i) {
return (
);
})}
);
}
// ── Programme ─────────────────────────────────────────────────
function V3Programme() {
const hasSchedule = SCHEDULE && SCHEDULE.length > 0;
return (
{!hasSchedule ? (
À venir.
) : (
{SCHEDULE.map((item, i) => (
{item.time}
{item.title}
{item.desc &&
}
))}
)}
);
}
// ── Personnalités ─────────────────────────────────────────────
function V3Personnalites() {
const [active, setActive] = React.useState(null);
const initials = (name) => name.split(" ").map(w => w[0]).join("").replace(/[^A-Z]/g, "").slice(0, 2);
React.useEffect(function () {
if (!active) return;
function onKey(e) { if (e.key === "Escape") setActive(null); }
window.addEventListener("keydown", onKey);
return function () { window.removeEventListener("keydown", onKey); };
}, [active]);
function Avatar({ sp, i, size, flush }) {
return sp.photo ? (
{initials(sp.name)}
);
}
if (!SPEAKERS || !SPEAKERS.length) return null;
return (
qui
Qui prend la parole.
{SPEAKERS.map((sp, i) => {
const prev = SPEAKERS[i - 1];
const groupChanged = prev && prev.group !== sp.group;
const featured = sp.group === "honneur";
return (
{groupChanged && (
)}
{sp.name}
{sp.role}
{sp.bio && (
Lire la biographie
)}
);
})}
{active && (
×
{active.name}
{active.role}
{active.bio.split("\n\n").map((p, j) => (
{p}
))}
)}
);
}
// ── Lieu ──────────────────────────────────────────────────────
function V3Lieu() {
return (
BAnQ
Grande Bibliothèque.
{EVENT.address}
{EVENT.mapsEmbedUrl && (
)}
);
}
// ── Partenaires ───────────────────────────────────────────────
// Per-partner scale tweaks — normalize optical size in the logo slot
var LOGO_SCALES = {
RQOH: 0.88,
FHCQ: 0.90,
CQCH: 0.68,
ROHQ: 0.90,
UTILE: 2.35,
Interloge: 1.2,
CSQ: 3.1,
VEV: 1.6,
APCHQ: 1.1,
AGRTQ: 1.0,
CEGQ: 0.9,
};
function PartnerLogo({ partner }) {
if (partner.logo) {
var useFilter = partner.logoInvert !== false;
var src = partner.logo + (partner.logo.indexOf("?") < 0 ? "?v=19" : "");
var scale = partner.logoScale || LOGO_SCALES[partner.acro] || 1;
return (
);
}
return (
{partner.acro}
);
}
function PartnerGrid({ partners }) {
if (!partners.length) return null;
return (
{partners.map(function(p, i) {
return (
);
})}
À l'initiative de l'Alliance des corporations d'habitations abordables du territoire du Québec (ACHAT)
{groups.map(function(group, gi) {
var partners = (PARTNERS || []).filter(function(p) {
return p.partnership === group.key;
}).sort(function(a, b) {
return a.name.localeCompare(b.name, "fr", { sensitivity: "base" });
});
if (!partners.length) return null;
return (
);
})}
);
}
// ── Priorités électorales ─────────────────────────────────────
function V3Priorites() {
var items = (typeof PRIORITIES !== "undefined" && PRIORITIES) ? PRIORITIES.slice() : [];
if (!items.length) return null;
items.sort(function(a, b) {
return a.acro.localeCompare(b.acro, "fr", { sensitivity: "base" });
});
var partnersByAcro = {};
(PARTNERS || []).forEach(function(p) { partnersByAcro[p.acro] = p; });
if (!partnersByAcro.ACHAT) {
partnersByAcro.ACHAT = {
acro: "ACHAT",
name: (typeof EVENT !== "undefined" && EVENT.organizerFull) || "ACHAT",
logo: "assets/trimmed/achat.png",
logoInvert: false,
};
}
return (
Consultez les{" "}
priorités électorales
{" "}des partenaires.
);
}
// ── FAQ ────────────────────────────────────────────────────────
function V3FAQ() {
const [open, setOpen] = React.useState(-1);
return (
Questions.
{FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}
style={{
borderBottom: `1px solid ${DS.line}`,
padding: "28px 0", cursor: "pointer",
}}>
{f.q}
+
{open === i && (
{f.a}
)}
))}
);
}
// ── Presse ────────────────────────────────────────────────────
var PRESSE_FORM = "presse";
function PresseField({ label, required, children }) {
return (
{label}{required ? " *" : ""}
{children}
);
}
var presseInputStyle = {
width: "100%", boxSizing: "border-box",
padding: "14px 16px", borderRadius: 10,
border: `1.5px solid ${DS.line}`,
background: DS.paper, color: DS.ink,
fontFamily: F.body, fontSize: 16, fontWeight: 500,
lineHeight: 1.4,
};
function V3Presse() {
var _s = React.useState("idle");
var status = _s[0], setStatus = _s[1];
var _e = React.useState("");
var errorMsg = _e[0], setErrorMsg = _e[1];
function handleSubmit(e) {
e.preventDefault();
setStatus("sending");
setErrorMsg("");
var form = e.currentTarget;
var body = new URLSearchParams(new FormData(form)).toString();
fetch("/", {
method: "POST",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: body,
}).then(function(res) {
if (res.ok) {
setStatus("success");
form.reset();
return;
}
throw new Error("HTTP " + res.status);
}).catch(function() {
setStatus("error");
setErrorMsg("Une erreur est survenue. Réessayez ou écrivez à medias@achat-habitation.org.");
});
}
return (
Salle de presse.
Demande d'accréditation ou d'entrevue :
{status === "success" ? (
Demande envoyée
Merci — nous vous répondrons sous peu à l'adresse indiquée.
Envoyer une autre demande
) : (
)}
);
}
// ── CTA ────────────────────────────────────────────────────────
function V3CTA() {
return (
03.09
C'est
Toutes les places sont réservées
);
}
// ── Footer ─────────────────────────────────────────────────────
function V3Footer() {
return (
{EVENT.organizerFull}.
);
}
// ── Contenus de l'événement ───────────────────────────────────
function V3Contenus() {
var items = (typeof VIDEOS !== "undefined" && VIDEOS) ? VIDEOS.slice() : [];
var _s = React.useState(null);
var active = _s[0], setActive = _s[1];
React.useEffect(function () {
if (!active) return;
function onKey(e) { if (e.key === "Escape") setActive(null); }
window.addEventListener("keydown", onKey);
return function () { window.removeEventListener("keydown", onKey); };
}, [active]);
if (!items.length) {
return (
À venir.
);
}
return (
{items.map(function (v) {
return (
{v.kind}
{v.title}
);
})}
{active && (
)}
);
}
// ── Page Assembly ─────────────────────────────────────────────
function V3Affiche() {
return (
{SPEAKERS && SPEAKERS.length > 0 && (
)}
{PRIORITIES && PRIORITIES.length > 0 && (
)}
);
}
window.V3Affiche = V3Affiche;
// ── Maintenance page ─────────────────────────────────────────
function MaintenancePage() {
return (
{SITE.maintenanceMessage}
);
}
// ── Boot ──────────────────────────────────────────────────────
(function boot() {
fetch('content/content.json?t=' + Date.now())
.then(function(r) { return r.json(); })
.then(function(data) {
Object.assign(window, data);
if (EVENT && EVENT.titleFr) {
document.title = EVENT.titleFr + " 2026";
}
var Page = SITE.online ? V3Affiche : MaintenancePage;
ReactDOM.createRoot(document.getElementById("root")).render(React.createElement(Page));
})
.catch(function() {
// Fallback — render site from shared.jsx defaults
ReactDOM.createRoot(document.getElementById("root")).render(React.createElement(V3Affiche));
});
})(); 