// About-page chapter & monk sections — image strips inline with text // Loaded after about.jsx; attaches AboutChapters / AboutMonks to window. // Image set per chapter. Some chapters have multiple supporting images. const CHAPTER_IMAGES = { // Chapter 0 (1991 founding): no historical photo available — text only 0: null, // Chapter 1 (1994-1998 Billingstad): 3 yellow houses 1: { src: "/assets/history/billingstad.jpg", ratio: "786 / 200", caption: { th: "บ้านพร้อมที่ดิน Torstad\u00e5sen 16, Billingstad · วัดไทยนอร์เวย์แห่งแรก พ.ศ. ๒๕๓๙", no: "Torstad\u00e5sen 16, Billingstad \u2014 det f\u00f8rste tempelet (1996)", en: "House and land at Torstad\u00e5sen 16, Billingstad · the first Wat Thai Norway temple (1996)" } }, // Chapter 2 (2003 move to Frogner): the original red farm/barn on the new property 2: { src: "/assets/history/old-barn.jpg", ratio: "778 / 200", caption: { th: "อาคารฟาร์มไม้หลังเดิมในที่ตั้งใหม่ก่อนการรื้อถอน · ๑๖,๘๐๐ ตร.ม. ที่ Frogner", no: "Den eksisterende l\u00e5ven p\u00e5 den nye 16 800 m\u00b2 store tomten i Frogner", en: "The original wooden farm building at the new Frogner site · 16,800 m²" } }, // Chapter 3 (2004-2006 construction): multiple — opening ceremony, 3D model, construction 3: { multi: [ { src: "/assets/history/opening-ceremony.jpg", ratio: "900 / 200", caption: { th: "พิธีเปิดวัด ณ ที่ตั้งใหม่ และวางศิลาฤกษ์อาคารสมเด็จพระพุฒาจารย์ · ๑๖ มิถุนายน พ.ศ. ๒๕๔๗", no: "\u00c5pning av tempelet og grunnsteinsnedleggelse \u2014 16. juni 2004", en: "Opening ceremony at the new site and foundation stone ceremony · 16 June 2004" } }, { src: "/assets/history/3d-render.jpg", ratio: "500 / 354", caption: { th: "แบบจำลองอาคารสมเด็จพระพุฒาจารย์ (เกี่ยว อุปเสณมหาเถร) · กว้าง ๑๓ × ยาว ๒๓ × สูง ๑๔ เมตร", no: "3D-modell av Somdet Phra Bhuddhajahn-bygget (13 × 23 × 14 m)", en: "3D model of the Somdet Phra Bhuddhajahn building · 13 × 23 × 14 m" } }, { src: "/assets/history/construction.jpg", ratio: "790 / 200", caption: { th: "การก่อสร้างคืบหน้า · ปรับพื้นที่ ตั้งเสา และยอด chofa", no: "Konstruksjonen tar form \u2014 grunnarbeid, reisverk og chofa-spir", en: "Construction in progress · ground works, structure and chofa finials" } }, ] }, // Chapter 4 (2007 consecration): the multi-photo ceremony collage 4: { src: "/assets/history/consecration.jpg", ratio: "1000 / 400", caption: { th: "พิธีผูกพัทธสีมาฝังลูกนิมิต · ๕\u2013๗ กรกฎาคม พ.ศ. ๒๕๕๐ พระเจ้าวรวงศ์เธอ พระองค์เจ้าโสมสวลี พระวรราชาทินัดดามาตุ เสด็จเป็นองค์ประธาน", no: "Vigslingsseremoni \u2014 5.\u20137. juli 2007, ledet av H.K.H. Prinsesse Soamsawali", en: "Consecration ceremony · 5-7 July 2007, presided over by H.R.H. Princess Soamsawali" } }, // Chapter 5 (present): no historical photo — text only 5: null, }; function AboutChapters({ t }) { return (
{t.locale === "th" ? "บันทึกประวัติศาสตร์" : t.locale === "no" ? "Historiske kapitler" : "Historical chapters"} {t.locale === "th" ? "เส้นทางสามทศวรรษ\nของการสร้างวัด" : t.locale === "no" ? "Tre tiår med bygging\nav et tempel" : "Three decades\nof building a temple"}
{t.about.chapters.map((c, i) => ( ))}
); } function AboutChapter({ chapter, index, t, image }) { // Layout cases: // no image → text spans full width inside the chapter column // single image → side-by-side (alternating sides) // multi image → text first, then a 3-image strip below const lang = t.locale; const isMulti = image && image.multi; const isSingle = image && image.src; const imageOnRight = index % 2 === 0; const TextBlock = (
{chapter.eyebrow}

{chapter.title}

{chapter.body.map((p, i) => (

{p}

))}
); const renderFigure = (img, opts = {}) => { const caption = img.caption[lang] || img.caption.en || img.caption.no || img.caption.th || ""; return (
{caption}
{caption}
); }; return (
{chapter.year}
{isSingle && (
{imageOnRight ? <>{TextBlock}{renderFigure(image)} : <>{renderFigure(image)}{TextBlock}}
)} {isMulti && ( <>
{TextBlock}
{image.multi.map((img, i) => (
{renderFigure(img, { small: true })}
))}
)} {!image && (
{TextBlock}
)}
); } // ─── Resident monks (2 portraits) ────────────────────────────────── function AboutMonks({ t }) { const lang = t.locale; const team = t.about.team; const featured = team[0]; // Abbot const others = team.slice(1); // 6 monks const renderPortrait = (p, opts = {}) => (
{p.name} {/* Corner ornaments */}
); return (
{/* ─── Header ─── */}
{t.about.teamEyebrow}
{lang === "th" ? "พระธรรมทูต\nประจำวัดไทยนอร์เวย์" : (lang === "no" ? "Munker ved\nWat Thai Norge" : "Resident monks of\nWat Thai Norway")}
{/* ─── Pali quote — scriptural feature ─── */}
{/* Corner ornaments — large */}
{/* Pali script — large */}
{t.about.teamPali}
{/* divider */}
{/* Translation */}
{t.about.teamPaliTranslation}
{/* Source */}
— {t.about.teamPaliSource}
{/* ─── Featured: Abbot ─── */}
{renderPortrait(featured, { aspectRatio: "554 / 603", cornerSize: "40px" })}
{lang === "th" ? "เจ้าอาวาส" : (lang === "no" ? "Abbed" : "Abbot")}

{featured.name}

{featured.role}

{featured.body}

{/* ─── Other 6 monks: 3-col grid ─── */}
{others.map((p, i) => (
{renderPortrait(p, { aspectRatio: "554 / 603", cornerSize: "24px" })}
{p.role}

{p.name}

{p.body && (

{p.body}

)}
))}
); } // ─── Board of trustees (lay committee) ───────────────────────────── // Bilingual data — locale picks which name reads as primary. const BOARD_MEMBERS = { chair: { nameTh: "พระมหาคำสิงห์ กิรัมย์", nameLatin: "Phramaha Khamsing Kiramy", role: { th: "ประธานกรรมการ", no: "Styreleder", en: "Chair" }, }, officers: [ { nameTh: "นายจอยดฮัน บารูอา", nameLatin: "Joydhan Barua", role: { th: "รองประธานกรรมการ", no: "Nestleder", en: "Vice chair" } }, { nameTh: "นางมาลินี โอลเซน", nameLatin: "Malini Olsen", role: { th: "เหรัญญิก", no: "Kasserer", en: "Treasurer" } }, { nameTh: "นางสุกฤตา คำยางยืน", nameLatin: "Sukritta Khamyangyuen", role: { th: "เลขานุการ", no: "Sekretær", en: "Secretary" } }, ], members: [ { nameTh: "นางรจนา สมคุณ รุสตัด", nameLatin: "Rotjana Somkhun Rustand", role: { th: "กรรมการท่านที่ ๑", no: "Styremedlem 1", en: "Board member 1" } }, { nameTh: "นางลิลลี่ เฮนริกเซน", nameLatin: "Lilly Henriksen", role: { th: "กรรมการท่านที่ ๒", no: "Styremedlem 2", en: "Board member 2" } }, ], alternates: [ { nameTh: "นางสินธนา แจนแบน", nameLatin: "Sinthana Janban", role: { th: "กรรมการสำรองท่านที่ ๑", no: "Varamedlem 1", en: "Alternate 1" } }, { nameTh: "นางนารถ์อนงค์ แก้วสีใส ลีน", nameLatin: "Nartanong Kaewseesai Lien", role: { th: "กรรมการสำรองท่านที่ ๒", no: "Varamedlem 2", en: "Alternate 2" } }, ], }; function BoardMember({ member, t, variant = "default" }) { const lang = t.locale; const primary = lang === "th" ? member.nameTh : member.nameLatin; const secondary = lang === "th" ? member.nameLatin : member.nameTh; const role = member.role[lang] || member.role.en; // Alternate role label in the "other" script for editorial richness const roleAlt = lang === "th" ? member.role.no : lang === "no" ? member.role.th : member.role.no; const isFeature = variant === "feature"; const isMuted = variant === "muted"; return (
{isFeature ? (
{role} · {roleAlt}
) : (
{role}
)}
{primary}
{secondary}
); } function AboutBoard({ t }) { const groupLabel = (txt, alt) => (
{txt}
{alt}
); return (
{/* Header */}
{t.about.boardEyebrow}
{t.about.boardTitle}

{t.about.boardIntro}

{/* Registration plate */}
{[ { label: t.about.boardRegName, value: t.about.boardRegNameValue, alt: t.about.boardRegNameValueAlt }, { label: t.about.boardRegStatus, value: t.about.boardRegStatusValue }, ].map((r, i) => (
{r.label}
{r.value}
{r.alt && (
{r.alt}
)}
))}
{/* 1 · Executive Committee — chair feature + 3 officers */}
{groupLabel(t.about.boardOfficersLabel, t.about.boardOfficersLabelAlt)} {/* Chair as feature */}
{/* 3 officers below */}
{BOARD_MEMBERS.officers.map((m, i) => ( ))}
{/* 2 · Members */}
{groupLabel(t.about.boardMembersLabel, t.about.boardMembersLabelAlt)}
{BOARD_MEMBERS.members.map((m, i) => ( ))}
{/* 3 · Alternates — muted */}
{groupLabel(t.about.boardAlternatesLabel, t.about.boardAlternatesLabelAlt)}
{BOARD_MEMBERS.alternates.map((m, i) => ( ))}
); } // ─── People page — resident monks + lay board, combined ──────────── function PeoplePage({ t }) { return (
); } Object.assign(window, { AboutChapters, AboutMonks, AboutBoard, PeoplePage });