/* Hope Council — shared chrome + helpers for interior wireframe pages.
Built on the Dooley Wireframe Kit. Grayscale only. Links are relative to
the prototype-pages/ folder (siblings are bare filenames; the home page
lives one level up). Content-populated: production copy in place of greeked
bars. Loaded by each Get Help page before its own *.app.jsx. */
const GK = window.DooleyWireframeKit_e41309;
const { useState: ghUseState } = React;
const HOME_HREF = "../Hope Council - Home.html";
const go = (href) => () => { window.location.href = href; };
/* ---- shared layout helpers (mirrors the home wireframe vocabulary) ------- */
function Dot({ n, anno, top = -11, right = -11, left }) {
const { Annotation } = GK;
if (!anno) return null;
return React.createElement(Annotation, {
n,
style: { position: "absolute", top, right: left === undefined ? right : undefined, left, zIndex: 3 },
});
}
function Para({ text, color = "var(--wf-ink-soft)", size = "var(--wf-text-body)", style, maxWidth }) {
const arr = Array.isArray(text) ? text : [text];
return (
{arr.map((t, i) => (
{t}
))}
);
}
function Band({ fill = "surface", id, label, children, pad = "56px 56px", style }) {
const fills = { surface: "var(--wf-surface)", zone: "var(--wf-zone)", alt: "var(--wf-zone-alt)" };
return (
{children}
);
}
function SectionHead({ kicker, title, intro, center, maxTitle = 640, introWidth = 760 }) {
return (
{kicker ? (
{kicker}
) : null}
{title}
{intro ? (
) : null}
);
}
// CTA marker row used inside cards — one or more real CTA labels routed to
// real targets. Rendered as underlined links with a ▸ marker.
function CardCtas({ ctas }) {
if (!ctas || !ctas.length) return null;
return (
);
}
// Card whose body is a set of quoted example lines (e.g. "Try saying this").
function QuoteCard({ title, quotes }) {
return (
{title}
{quotes.map((q, i) => (
{q}
))}
);
}
/* ---- Breadcrumbs --------------------------------------------------------- */
// trail: array of [label, href] for ancestors and [label] (no href) for the
// current page. Ancestors are underlined links; current page is muted.
function Crumbs({ trail }) {
const sep = /;
const link = { color: "var(--wf-ink)", textDecoration: "underline", textUnderlineOffset: 2 };
return (
);
}
/* ---- Stat block (impact numbers) ----------------------------------------- */
function StatBlock({ value, label, note, big }) {
return (
);
}
/* ---- Emergency box (numbered overdose-response steps + CTAs) ------------- */
function EmergencyBox({ anno, n, label = "Emergency Box", title, steps, closing, ctas, fill = "surface" }) {
const { CtaButton } = GK;
return (
{n !== undefined ? : null}
{title}
{steps.map((s, i) => (
{i + 1}{s}
))}
{closing ?
{closing}
: null}
{ctas && ctas.length ? (
{ctas.map((c, i) => )}
) : null}
);
}
/* ---- Crisis callout (condensed bordered crisis paragraph) ---------------- */
function CrisisCallout({ anno, n, label = "Crisis Callout", title, fill = "surface", children }) {
return (
{n !== undefined ? : null}
{title ?
{title}
: null}
{children}
);
}
/* ---- Signs list (substance pages: "Worth a conversation if…") ------------ */
function SignsList({ items, closing, note }) {
return (
{items.map((it, i) => (
▸{it}
))}
{closing ?
{closing}
: null}
{note ?
{note}
: null}
);
}
/* ---- Image strip (substance pages: "What It Looks Like Now") -------------
items: [{ label, note, caption }]. Renders labeled IMG placeholders that
carry the copy's art direction (note), with a caption beneath each — ready
for real or AI-generated photography in the design phase. */
function ImageStrip({ items, cols }) {
const { ImgPlaceholder } = GK;
return (
);
}
/* ---- Urgent Help Panel (shared) ------------------------------------------ */
function UrgentHelpPanel({ anno, n, related }) {
const tel = { color: "var(--wf-ink)", fontWeight: "var(--wf-weight-bold)", textDecoration: "underline", textUnderlineOffset: 2 };
const lines = [
["If someone is in immediate danger, call ", "911", "tel:911", "."],
["If someone may be overdosing, call ", "911", "tel:911", ", give naloxone if available, and stay with the person until help arrives."],
["For mental health or substance use crisis support, call or text ", "988", "tel:988", "."],
["For local 24/7 crisis support, call ", "262-657-7188", "tel:2626577188", "."],
["For Hope Council support during business hours, call ", "262-658-8166", "tel:2626588166", "."],
];
return (
{n !== undefined ? : null}
Need help right now?
If this is an emergency, use the fastest help available.
);
}
/* ---- Global chrome: utility strip ---------------------------------------- */
function SiteUtilityStrip({ anno, n }) {
const link = { color: "var(--wf-ink)", textDecoration: "underline", textUnderlineOffset: 2 };
return (
{n !== undefined ? : null}
Need help now? If someone is in immediate danger or may be overdosing, call 911. For mental health or substance use crisis support, call or text 988. Local 24/7 crisis support: 262-657-7188.
262-658-81666103 39th Ave., Kenosha, WI 53142Donate