PageSourceSearch

https://faqir.eu/design/press.js

js faqir.eu collected 2026-10-02 00:35:41 UTC 17,615 bytes, 135 lines download raw bytes

1function PressTopBar({ t, langKey, onLang }) {
2  return /* @__PURE__ */ React.createElement("div", { className: "topbar" }, /* @__PURE__ */ React.createElement("a", { className: "topbar-item", href: "/press" }, t.topbar.pressKit), /* @__PURE__ */ React.createElement("span", { className: "divider" }), /* @__PURE__ */ React.createElement("a", { className: "topbar-item", href: "https://faqir.org", target: "_blank", rel: "noreferrer" }, t.topbar.foundation), /* @__PURE__ */ React.createElement("span", { className: "divider" }), /* @__PURE__ */ React.createElement(LangPicker, { langKey, onChange: onLang }));
3}
4function CopyableQuote({ title, sub, text }) {
5  const [copied, setCopied] = React.useState(false);
6  const onCopy = async () => {
7    try {
8      await navigator.clipboard.writeText(text);
9      setCopied(true);
10      setTimeout(() => setCopied(false), 1600);
11    } catch (e) {
12    }
13  };
14  return /* @__PURE__ */ React.createElement("div", { className: "press-card" }, /* @__PURE__ */ React.createElement("h3", null, title), /* @__PURE__ */ React.createElement("p", { className: "press-card-sub" }, sub), /* @__PURE__ */ React.createElement("blockquote", { className: "press-quote" }, text), /* @__PURE__ */ React.createElement("div", { className: "press-copy-row" }, /* @__PURE__ */ React.createElement(
15    "button",
16    {
17      type: "button",
18      className: `press-copy-btn ${copied ? "is-copied" : ""}`,
19      onClick: onCopy,
20      "aria-live": "polite"
21    },
22    copied ? "Copied \u2713" : "Copy text"
23  )));
24}
25function PressPage() {
26  const [contactOpen, setContactOpen] = React.useState(false);
27  const [langKey, setLangKey] = React.useState("en");
28  React.useEffect(() => {
29    const detected = window.detectLang();
30    if (detected !== "en") setLangKey(detected);
31  }, []);
32  const t = window.I18N[langKey] || window.I18N.en;
33  const setLang = (key) => {
34    window.rememberLang(key);
35    setLangKey(key);
36  };
37  React.useEffect(() => {
38    document.documentElement.lang = langKey;
39  }, [langKey]);
40  useLucide();
41  React.useEffect(() => {
42    const hide = () => {
43      document.body.classList.add("app-ready");
44      setTimeout(() => document.getElementById("fq-splash")?.remove(), 700);
45    };
46    setTimeout(hide, 80);
47  }, []);
48  React.useEffect(() => {
49    window.__openContact = () => setContactOpen(true);
50    return () => {
51      delete window.__openContact;
52    };
53  }, []);
54  const sections = [
55    { id: "about", label: t.nav.about },
56    { id: "fair", label: t.nav.pillars },
57    { id: "ecosystem", label: t.nav.ecosystem },
58    { id: "qwenda", label: t.nav.qwenda },
59    { id: "founders", label: t.nav.founders },
60    { id: "jobs", label: t.nav.jobs }
61  ];
62  const SHORT_BOILERPLATE = "FAQIR Institute is a European health data company based in Ghent, Belgium. Together with the non-profit FAQIR Foundation and the Qwenda platform, it builds the infrastructure, standards and tools that make health data findable, trustworthy and easy to use - for patients, clinicians and researchers.";
63  const LONG_BOILERPLATE = "Health data is often locked away - spread across registries, hospital systems, research silos, applications, devices and sensors. FAQIR Institute believes it only creates value when it is findable, trustworthy and easy to use.\n\nHeadquartered in Ghent, Belgium, FAQIR Institute is a European health data company that works with patients, clinicians, researchers and policymakers to turn data into something that actually works in practice. Together with the FAQIR Foundation - which leads the non-profit mission and safeguards patient-centered data principles - and the Qwenda product platform, the Institute delivers the infrastructure, standards and implementation needed to make FAIR data principles a daily reality in healthcare.\n\nFAQIR Institute was co-founded by Hans Constandt (CEO) and Filip Pattyn (CTO).";
64  const logos = [
65    {
66      title: "FAQIR Institute",
67      sub: "Legal lock-up \xB7 SVG \xB7 for dark backgrounds",
68      thumb: "/assets/FAQIR%20Institute%20Logo%20-%20Legal.svg",
69      href: "/assets/FAQIR%20Institute%20Logo%20-%20Legal.svg",
70      dark: true
71    },
72    {
73      title: "FAQIR Institute",
74      sub: "With tagline \xB7 SVG",
75      thumb: "/assets/FAQIR%20Institute%20Logo%20-%20Tagline.svg",
76      href: "/assets/FAQIR%20Institute%20Logo%20-%20Tagline.svg"
77    },
78    {
79      title: "Logomark",
80      sub: "Symbol only \xB7 SVG",
81      thumb: "/assets/logomark.svg",
82      href: "/assets/logomark.svg"
83    },
84    {
85      title: "Qwenda",
86      sub: "Product logo \xB7 SVG",
87      thumb: "/assets/Qwenda%20Logo%20-%20Tagline.svg",
88      href: "/assets/Qwenda%20Logo%20-%20Tagline.svg"
89    }
90  ];
91  const swatches = [
92    { name: "Electric Blue", hex: "#2260DD", role: "Primary accent, CTAs" },
93    { name: "Deep Brand Blue", hex: "#233F82", role: "Default logo, headings" },
94    { name: "Coral", hex: "#EA513B", role: "10% accent" },
95    { name: "Ink", hex: "#1C2C44", role: "Body text on light" }
96  ];
97  const photos = [
98    {
99      title: "Hans Constandt - Founder & CEO",
100      sub: "JPG \xB7 portrait",
101      thumb: "/assets/hans-constandt.jpeg",
102      href: "/assets/hans-constandt.jpeg"
103    },
104    {
105      title: "Filip Pattyn - Founder & CTO",
106      sub: "JPG \xB7 portrait",
107      thumb: "/assets/filip-pattyn.jpeg",
108      href: "/assets/filip-pattyn.jpeg"
109    }
110  ];
111  return /* @__PURE__ */ React.createElement("div", { className: "page", id: "top" }
111, /* @__PURE__ */ React.createElement(SkipLink, { label: t.nav.skipToMain }), /* @__PURE__ */ React.createElement(PressTopBar, { t, langKey, onLang: setLang }), /* @__PURE__ */ React.createElement(
112    NavBar,
113    {
114      sections,
115      cta: t.nav.cta,
116      onContact: () => setContactOpen(true),
117      hrefBase: "/"
118    }
119  ), /* @__PURE__ */ React.createElement("main", { id: "main", tabIndex: -1, className: "press-page" }, /* @__PURE__ */ React.createElement("p", { className: "press-back" }, /* @__PURE__ */ React.createElement("a", { href: "/" }, "\u2190 Back to home")), /* @__PURE__ */ React.createElement("header", { className: "press-hero" }, /* @__PURE__ */ React.createElement("p", { className: "eyebrow" }, "Press kit"), /* @__PURE__ */ React.createElement("h1", null, "Tell our story right."), /* @__PURE__ */ React.createElement("p", { className: "press-lead" }, "Everything journalists, partners and event organisers need to write or talk about FAQIR Institute accurately - boilerplate, logos, colours, imagery and a direct line to a real human. For interview requests or anything that isn't on this page, contact", " ", /* @__PURE__ */ React.createElement("a", { href: "mailto:[email protected]" }, "Hans Constandt"), "."), /* @__PURE__ */ React.createElement("p", { className: "press-meta" }
119, "Last updated \xB7 May 2026")), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "About FAQIR Institute"), /* @__PURE__ */ React.createElement("span", { className: "hint" }, "Click to copy - paste straight into your draft.")), /* @__PURE__ */ React.createElement("div", { className: "press-grid press-grid--2" }, /* @__PURE__ */ React.createElement(
120    CopyableQuote,
121    {
122      title: "Short version",
123      sub: "\u224850 words",
124      text: SHORT_BOILERPLATE
125    }
126  ), /* @__PURE__ */ React.createElement(
127    CopyableQuote,
128    {
129      title: "Long version",
130      sub: "\u2248150 words",
131      text: LONG_BOILERPLATE
132    }
133  ))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Key facts")), /* @__PURE__ */ React.createElement("dl", { className: "press-facts" }, /* @__PURE__ */ React.createElement("dt", null, "Legal name"), /* @__PURE__ */ React.createElement("dd", null, "FAQIR Institute bv"), /* @__PURE__ */ React.createElement("dt", null, "Registered office"), /* @__PURE__ */ React.createElement("dd", null, "Koutergatstraat 2, 1703 Dilbeek, Belgium"), /* @__PURE__ */ React.createElement("dt", null, "Office"), /* @__PURE__ */ React.createElement("dd", null, "Kliniekstraat 27a, 9050 Gent, Belgium"), /* @__PURE__ */ React.createElement("dt", null, "Enterprise number"), /* @__PURE__ */ React.createElement("dd", null, "0786.609.226"), /* @__PURE__ */ React.createElement("dt", null, "VAT"), /* @__PURE__ */ React.createElement("dd", null, "BE0786609226"), /* @__PURE__ */ React.createElement("dt", null, "LEI"), /* @__PURE__ */ React.createElement("dd", null, "254900EPKSYQWNI4TF14"), /* @__PURE__ */ React.createElement("dt", null, "D-U-N-S"), /* @__PURE__ */ React.createElement("dd", null, "372623776"), /* @__PURE__ */ React.createElement("dt", null, "Co-founders"), /* @__PURE__ */ React.createElement("dd", null, "Hans Constandt (CEO), Filip Pattyn (CTO)"), /* @__PURE__ */ React.createElement("dt", null, "Product"), /* @__PURE__ */ React.createElement("dd", null, "Qwenda - health data platform"), /* @__PURE__ */ React.createElement("dt", null, "Focus"), /* @__PURE__ */ React.createElement("dd", null, "FAIR data principles, health-data infrastructure, patient-centered design"))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Logos"), /* @__PURE__ */ React.createElement("span", { className: "hint" }, 'SVG, web + print safe. Keep clear space \u2265 the height of the "F".')), /* @__PURE__ */ React.createElement("div", { className: "press-grid press-grid--3" }, logos.map((l, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: `press-card press-logo-card${l.dark ? " is-dark" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "press-logo-thumb" }, /* @__PURE__ */ React.createElement("img", { src: l.thumb, alt: l.title })), /* @__PURE__ */ React.createElement("div", { className: "press-logo-body" }, /* @__PURE__ */ React.createElement("h3", null, l.title), /* @__PURE__ */ React.createElement("p", { className: "press-card-sub" }, l.sub), /* @__PURE__ */ React.createElement("a", { className: "press-download", href: l.href, download: true }, "Download"))))), /* @__PURE__ */ React.createElement("p", { style: { fontSize: 13, color: "var(--fq-ink-3)", marginTop: 18 } }, "Need a different format (PNG, EPS, dark-mode lock-up)? Email", " ", /* @__PURE__ */ React.createElement("a", { href: "mailto:[email protected]", style: { color: "var(--fq-blue)" } }, "[email protected]"), " ", "and we'll send it directly.")), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }
133, /* @__PURE__ */ React.createElement("h2", null, "Brand colours"), /* @__PURE__ */ React.createElement("span", { className: "hint" }, "Use exact hex values - no resampling.")), /* @__PURE__ */ React.createElement("div", { className: "press-grid press-grid--4" }, swatches.map((s, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "press-swatch" }, /* @__PURE__ */ React.createElement("div", { className: "press-swatch-chip", style: { background: s.hex } }), /* @__PURE__ */ React.createElement("div", { className: "press-swatch-body" }, /* @__PURE__ */ React.createElement("strong", null, s.name), /* @__PURE__ */ React.createElement("code", null, s.hex), /* @__PURE__ */ React.createElement("p", { style: { margin: "6px 0 0", fontSize: 12, color: "var(--fq-ink-3)" } }, s.role)))))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Typography"), /* @__PURE__ */ React.createElement("span", { className: "hint" }, "Both typefaces are open-source on Google Fonts.")), /* @__PURE__ */ React.createElement("div", { className: "press-grid press-grid--2" }, /* @__PURE__ */ React.createElement("div", { className: "press-type" }, /* @__PURE__ */ React.createElement("p", { className: "press-type-sample is-display" }, "Aa"), /* @__PURE__ */ React.createElement("strong", null, "Lexend"), /* @__PURE__ */ React.createElement("span", null, "Display - titles, headings, accents")), /* @__P
133URE__ */ React.createElement("div", { className: "press-type" }, /* @__PURE__ */ React.createElement("p", { className: "press-type-sample is-body" }, "Aa"), /* @__PURE__ */ React.createElement("strong", null, "Inter"), /* @__PURE__ */ React.createElement("span", null, "Body - paragraphs, UI")))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Imagery"), /* @__PURE__ */ React.createElement("span", { className: "hint" }, 'Cleared for editorial use with credit "Photo: FAQIR Institute".')), /* @__PURE__ */ React.createElement("div", { className: "press-grid press-grid--3" }, photos.map((p, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "press-card press-photo-card" }, /* @__PURE__ */ React.createElement("div", { className: "press-photo-thumb" }, /* @__PURE__ */ React.createElement("img", { src: p.thumb, alt: p.title })), /* @__PURE__ */ React.createElement("div", { className: "press-photo-body" }, /* @__PURE__ */ React.createElement("h3", null, p.title), /* @__PURE__ */ React.createElement("p", { className: "press-card-sub" }, p.sub), /* @__PURE__ */ React.createElement("a", { className: "press-download", href: p.href, download: true }, "Download")))))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Founders")), /* @__P
133URE__ */ React.createElement("div", { className: "press-grid press-grid--2" }, /* @__PURE__ */ React.createElement("div", { className: "press-card press-founder-card" }, /* @__PURE__ */ React.createElement("div", { className: "press-founder-portrait" }, /* @__PURE__ */ React.createElement("img", { src: "/assets/hans-constandt.jpeg", alt: "Hans Constandt" })), /* @__PURE__ */ React.createElement("div", { className: "press-founder-body" }, /* @__PURE__ */ React.createElement("h3", null, "Hans Constandt"), /* @__PURE__ */ React.createElement("p", { className: "press-card-sub" }, "Founder & CEO"), /* @__PURE__ */ React.createElement("p", null, "Brings together research, care and patient communities across Europe, drawing on his experience building and advising health-tech ventures. Focused on making health data work in real life, with people at the centre."))), /* @__PURE__ */ React.createElement("div", { className: "press-card press-founder-card" }, /* @__PURE__ */ React.createElement("div", { className: "press-founder-portrait" }, /* @__PURE__ */ React.createElement("img", { src: "/assets/filip-pattyn.jpeg", alt: "Filip Pattyn" })), /* @__PURE__ */ React.createElement("div", { className: "press-founder-body" }, /* @__PURE__ */ React.createElement("h3", null, "Filip Pattyn"), /* @__PURE__ */ React.createElement("p", { className: "press-card-sub" }, "Founder & CTO"), /* @__PURE__ */ React.createElement("p", null, "Professor and international expert in open data and standards. Builds the systems that make health data usable across organisations and borders, turning FAIR principles into tools that work in daily practice."))))), /* @__PURE__ */ React.createElement("section", { className: "press-section" }, /* @__PURE__ */ React.createElement("div", { className: "press-section-head" }, /* @__PURE__ */ React.createElement("h2", null, "Press contact")), /* @__PURE__ */ React.createElement("div", { className: "press-contact-card" }, /* @__PURE__ */ React.createElement("div", { className: "press-contact-portrait" }, /* @__PURE__ */ React.createElement("img", { src: "/assets/hans-constandt.jpeg", alt: "Hans Constandt" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "label" }, "Direct press contact"), /* @__PURE__ */ React.createElement("h3", null, "Hans Constandt"), /* @__PURE__ */ React.createElement("p", { className: "role" }, "Founder & CEO \xB7 FAQIR Institute"), /* @__PURE__ */ React.createElement("div", { className: "press-contact-lines" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("a", { href: "mailto:[email protected]" }, "[email protected]")), /* @__PURE__ */ React.createElement("span", null, "Kliniekstraat 27a, 9050 Gent, Belgium"), /* @__PURE__ */ React.createElement("span", { style: { color: "rgba(255,255,255,0.6)", fontSize: 13 } }, "Replies within two business days. Mark URGENT in the subject line for time-sensitive requests."))))), /* @__PURE__ */ React.createElement("footer", { className: "press-footnote" }, /* @__PURE__ */ React.createElement("p", null, "FAQIR Institute bv \xB7 Koutergatstraat 2, 1703 Schepdaal"), /* @__PURE__ */ React.createElement("p", null, "VAT BE0786609226 \xB7 Enterprise number 0786.609.226"))), /* @__PURE__ */ React.createElement(Footer, { t }), /* @__PURE__ */ React.createElement(ContactModal, { open: contactOpen, onClose: () => setContactOpen(false), t }), /* @__PURE__ */ React.createElement(CookieBanner, { t }));
134}
135Object.assign(window, { PressPage });

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.