/* Theme Name: CCAS-Homepage-V20 12Nov2026 Theme URI: https://ccasex.com Author: Contact Centre Association of Singapore Author URI: https://ccasex.com Version: 20.2 Requires PHP: 7.4 Text Domain: ccas-homepage Description: Official CCAS homepage theme. Content sourced from the verified, forensically-confirmed-clean pre-incident database export. Brand colours, logos and Poppins typography per the official CCAS brand guideline (Association Blue #047CC4, Service Light #CFE9F5, Anchor Grey #2B2B2B, Crest White #FFFFFF). v11/V2 folded Symposium 2026 in as an internal page. V3 added page-membership.php and page-our-members.php. V4 added page-data-protection-policy.php and restructured the primary nav into dropdowns. V4a fixes the Data Protection Policy page never actually rendering live. V5 adds page-contact.php: a Contact form deliberately NOT built on Fluent Forms/WPForms — submissions are validated, emailed to the Secretariat via wp_mail(), and never stored in the database. Nonce + honeypot + IP rate-limit (transient only, no message content stored). V5a adds three enhancements: Cloudflare Turnstile CAPTCHA (self-disables until real site/secret keys are set), a thank-you auto-reply email to the visitor ("we'll get back to you within 5 business days"), and an explicit From header on both outgoing emails. V5b (same day) bakes in the real Turnstile Site Key/Secret Key from Andrew's "CCAS Captcha" Cloudflare widget (Managed mode, ccas.org.sg + www.ccas.org.sg) — CCAS_TURNSTILE_ENABLED now evaluates true, so the widget is live. V5c (same day) corrects the Membership tier pricing Andrew flagged as wrong: Individual S$175/yr (S$100 joining fee), Associate S$405/yr (S$380 joining fee), Corporate S$825/yr (S$380 joining fee), GST updated from 8% to 9% across all tiers to match the Symposium page. V5d (same day) corrects the Individual tier's one-time joining fee a second time: S$100 -> S$110 (annual fee, Associate/Corporate figures, and GST unchanged from V5c). V6 (same day) adds page-membership-signup.php: a single Membership Sign-Up form covering all three tiers via a dropdown (pre-selected from the Membership page's Apply buttons via ?tier=individual/associate/corporate, still editable), same mail-only/no-storage pattern and Turnstile widget as Contact. Organisation/Company Name and Job Title are required for every tier so the Secretariat can vet who's applying before approving; a visible notice and the applicant's acknowledgement email both state the application is not a membership confirmation. See page-membership-signup.php and ccas_handle_membership_signup_submit() in functions.php. V7 (13 Aug 2026) — built from the V6 base above, adds three things in one pass: (1) a teaser video in a new #symp-watch section between the Symposium page's Hero and About, sourced from an earlier microsite iteration and supplied directly by Andrew (see the Media-Library note below for how the video is actually delivered — this changed same day); (2) Secretariat notification emails for all three forms (Contact, Membership Sign-Up, and the new Symposium Register form below) now send as an HTML table — row-per-submission, one header row of field labels plus one data row of values — so the Secretariat can copy/paste each notification straight into a spreadsheet, since nothing is stored in the database; applicant-facing thank-you/acknowledgement emails stay plain text. See ccas_notification_table() in functions.php. (3) A new "Register Your Interest" form inline in the Symposium page's #symp-register section (replacing the old "Register Now" mailto button) — collects Name, Designation, Organisation, Email, Contact Number and a ticket-count dropdown (1-5 or "More than 5"), with a PDPA consent checkbox and an approval-style notice that this doesn't confirm registration or ticket allocation. Handler: ccas_handle_symposium_register_submit() in functions.php; new "sr-" prefixed CSS classes below. Also worth noting: the live site has moved hosts, from Hostinger to Vodien (confirmed by Andrew, still live at ccas.org.sg, Google Workspace mail unaffected) — the SPF-mismatch mail-deliverability issue flagged for Hostinger applies identically here and remains unresolved by Andrew's explicit choice for now. (Note: this build was first packaged as "CCAS-Homepage-V3.0 13Aug2026" per an initial instruction to restart the version-label sequence; renamed same day back to the original sequential VN-DDMonYYYY convention, continuing on from V6, after Andrew hit an "expired link" error uploading the V3.0-named zip and asked to revert the naming.) Also same day: the "expired link" error turned out to actually be Vodien's PHP upload-size limit rejecting the ~9.5MB zip (WordPress surfaces an over-limit POST as a misleading nonce-expired message, not a clear file-size error) — confirmed by successfully uploading a much smaller old zip (V6, ~1.8MB) with no issue. Fix: the ~35MB/~7.5MB-compressed teaser video is no longer bundled into the theme zip at all. Instead, page-symposium.php now reads the video (and, optionally, a poster image) via get_theme_mod(), set through a new Appearance -> Customize -> "Symposium 2026 Video" section (ccas_symposium_video_customizer() in functions.php) that uses WordPress's native Media Library upload control — Andrew uploads the video there directly, no new theme zip needed to change it in future. The #symp-watch section hides itself entirely until a video URL is set (same self-disabling pattern as Turnstile), so nothing ships broken in the meantime. This is a deliberate one-off exception to the theme's usual "no Media Library" pattern, made specifically because of the upload-size constraint — everything else in the theme is unchanged. Theme zip dropped from ~9.5MB back down to ~2MB, well under typical host limits. V8 (25 Aug 2026) adds three things: (1) Google Workspace SMTP relay for wp_mail() — fixes the SPF-mismatch bug flagged since V5a/V5b where applicant-facing acknowledgement emails (Contact, Membership Sign-Up, Symposium Register) were failing to deliver because the host's raw PHP mail() sent as `From: secretariat@ccas.org.sg`, a domain whose SPF record only authorises Google Workspace. Self-disabling until a Google Workspace App Password is supplied — see ccas_configure_smtp() in functions.php for full activation steps. (2) The Events page now separates Upcoming (a placeholder card when nothing is scheduled) from Past Events; the "From Firefighting to Growth" webinar (21 Aug) has moved to Past Events now that its date has passed, with copy switched to past tense and its registration CTA removed. (3) A new "Speakers" section on the Symposium page, between Programme and the Panel Highlight — displays the new speakers-only poster (cropped from the full event poster, no QR code) with the same click-to-enlarge lightbox already used for event posters. V8a (25 Aug 2026, same day) adds Wiz.AI as a new Community Sponsor for the Symposium 2026, under Zoom. New "Community" tier introduced (sponsor-logo--community, max-height 30px) — the smallest tier yet, sitting below Visionary (42px), since Community is the lowest sponsorship level. Logo cropped tight to its artwork before adding, per the theme's standing sponsor-logo convention. Wiz.AI's logo is centred within its column (Andrew flagged it reading as left-aligned/unbalanced at this smaller size) — other tiers unchanged, still left-aligned as before. V8b (25 Aug 2026, same day) bakes in the real Google Workspace App Password for secretariat@ccas.org.sg — CCAS_SMTP_ENABLED now evaluates true, so wp_mail() is live-routing through Google Workspace's SMTP servers for every outgoing email sitewide. This is the SMTP fix described under V8 actually taking effect; no other code changed. V8c (25 Aug 2026, same day) makes Zoom's and Wiz.AI's sponsor logos and name headings clickable, linking out to zoom.us and www.wiz.ai respectively (new tab), with a hover state (logo fades, name underlines). ServiceNow and Toku left unchanged — Andrew confirmed their existing inline-link-in-blurb pattern is fine as-is. V8d (25 Aug 2026, same day) links "WIZ.AI" at the start of its blurb text to www.wiz.ai, matching the existing ServiceNow/Toku inline-link-in-blurb pattern. V8e (25 Aug 2026, same day) fixes a spot Andrew caught: the homepage's own "Upcoming Events" preview card (front-page.php, separate and independently hardcoded from page-events.php) was still showing the now-past Firefighting webinar with its "Contact Secretariat to Register" CTA, since the Events-page fix in V8 never touched this section. Replaced with the same "New events coming soon" placeholder treatment, styled to match this card's white/dashed-border look, with a "View All Events" link through to the real Events page. V8f (25 Aug 2026, same day) fixes a stale-copy mismatch Andrew caught on a live-site review: the Panel Debate section's meta line still read "11:30 – 12:30 · Panellists to be announced" — leftover placeholder text that never got updated when the Programme table's actual slot (16:00, 45 minutes) was finalised, or when the three Panel Debate panellists (Angela Yeo, Jasmine Gunaratnam, Steven Khor) were confirmed on the new speakers poster. Now reads "16:00 – 16:45 · Panellists: Angela Yeo (Trust Bank), Jasmine Gunaratnam (AIG Asia Pacific Insurance), Steven Khor (Tech Mahindra)", matching both the Programme table and the poster. V9 (25 Aug 2026) — new naming convention starting here per Andrew's instruction: version number bumps (V9, V10, ...) rather than the old sequential-letter suffixes; same-day iterations on the same version now use the date as the differentiator instead of a letter suffix (e.g. a second V9 patch today would still say "25Aug2026" rather than becoming "V9a"). This build adds homepage hero photos: a standalone "Homepage Photos" admin page (own top-level wp-admin menu, NOT under Appearance → Customize) where Andrew can upload up to 5 photos directly from the Media Library. Deliberately stored as a plain wp_option (ccas_hero_photos) rather than a Customizer theme_mod — a direct fix for the exact problem hit earlier today, where the Symposium video's Customizer setting silently reset on every theme zip swap because theme_mods are keyed to the active theme's stylesheet folder name, which this project's own versioning convention changes on every patch. A plain option has no such dependency, so hero photos now survive theme updates indefinitely. Front-end behaviour: 0 photos set renders the original plain hero exactly as before (fully self-disabling, zero risk to the existing site); 1 photo renders a static full-width photo background with smaller text sized to suit; 2-5 photos adds a 5-second crossfade rotation with dot indicators, plus a hover-reveal effect (overlay lightens, photo does a subtle zoom, text fades down, and rotation pauses) on desktop pointer devices — all confirmed against Andrew's approved mock-up before building. Same day (25 Aug 2026), later: adds mobile/tablet-specific hero heights. The hero photo section was a fixed 440px tall regardless of screen width, which meant on a phone (~390px wide) the crop ratio was nearly square (~0.9:1) — badly cropping any wide-composed photo down to a narrow center sliver. Now steps down to 380px at ≤900px (tablet, ~2.0:1) and 300px at ≤600px (phone, ~1.3:1). Desktop is unchanged. Per Andrew's direction, same-day iterations on this build now keep the same folder/zip name (V9 25Aug2026) rather than getting a letter suffix — the date is the differentiator, and re-uploading the same-named zip should let WordPress prompt to replace it in place instead of adding yet another theme folder. Same day (25 Aug 2026), later still: temporarily hides the Symposium page's Speakers poster section, per Andrew's request. Not deleted — wrapped behind a new CCAS_SHOW_SPEAKERS_POSTER constant (defaulted false) in functions.php, so it's a one-word flip back to true whenever it's ready to return, no rebuild needed. Same day (25 Aug 2026), later still: the Symposium Speakers poster section is switched back on, using Andrew's updated poster (Web_Poster_V2.png — same 7 speakers, Zack Chan's organisation corrected to "FairPrice Group"). CCAS_SHOW_SPEAKERS_POSTER left in place as a named toggle (now true) rather than removed, so it can be hidden again in one step if ever needed. 29 Aug 2026: Symposium Early Bird pricing updated per Andrew — the "Register by 31 Aug 2026" deadline and the S$580 Standard rate are removed; CCAS Members now see a single Early Bird S$500 rate marked "Extended till further notice." Non-Members rate (S$1,200) unchanged. 01 Sep 2026: label updated to today's date (still "V9" — no version bump, since the actual code content is unchanged from the last build; this is purely bringing the folder/zip name in line with the real calendar date after a few days' gap between sessions). 01 Sep 2026, corrected: Andrew clarified the Standard S$580 rate should stay — only the "From 1 Sep 2026" date note was meant to be removed, not the whole line. Standard S$580 restored under CCAS Members, sitting below Early Bird (now marked "Extended till further notice", no date attached to either rate). V10 (1 Sep 2026) — Events becomes a proper Custom Post Type. Previously, adding or editing any event meant hand-editing page-events.php and shipping a new theme zip; this is what caused the "From Firefighting to Growth" webinar to sit in Upcoming for days after its date had passed, twice. Now: Events → Add New in wp-admin, exactly like writing any normal post — Title, the standard content editor, Featured Image as the poster, plus a small "Event Details" box (Event Date, Event Time, Platform/Venue). Event Date is the ONLY thing that decides Upcoming vs. Past — computed fresh on every page load, nothing to toggle or remember. Registration is always an automatic "Contact Secretariat to Register" mailto button built from the event title, per Andrew's "keep it simple" instruction — no field needed. Both page-events.php and the homepage's "Don't miss what's next" card now pull from this CPT dynamically instead of hardcoded content; the homepage card shows the single soonest upcoming event, or the "New events coming soon" placeholder if none exists. The previous hardcoded Firefighting webinar is migrated automatically on first load (one-time, idempotent) into a real Event post — including sideloading its existing poster into the Media Library as its Featured Image — so nothing visibly changes for site visitors during the switch, and from this point on it's just an ordinary, editable/deletable post like any other event. Same day (1 Sep 2026): Symposium Speakers poster updated to Web_Poster_V3.png — Zack Chan (Lead Customer Service, FairPrice Group) removed from the lineup, confirmed intentional by Andrew. Now 6 speakers: Gerry Chng, Kwan Wei Jie, Angela Yeo, Jasmine Gunaratnam, Steven Khor, Darrel Ang. 03 Sep 2026: label corrected to today's actual date (still "V10" — no functional changes, this is purely bringing the folder/zip name in line with the real calendar date). Same day (3 Sep 2026), bugfix: the Firefighting seed function ran twice live, creating two duplicate "From Firefighting to Growth" event posts — the option-flag "run once" guard alone wasn't a fully atomic safeguard against near-simultaneous requests. Added a second, independent check (query for an existing post with that exact title before inserting) so this can't happen again regardless of the cause. Andrew needs to manually delete one of the two duplicate posts already created on the live site — this fix only prevents a third one, it doesn't clean up the existing duplicate. Same day (3 Sep 2026), Events CPT refined per Andrew's feedback after testing: (1) the rich content editor is removed entirely — replaced with a plain-text Description textarea in the Event Details meta box, so there's no way to accidentally change font colours or insert images/media that could skew the homepage card layout; the Featured Image remains the only image an event needs. (2) Registration is no longer always-mailto — a new radio choice lets Andrew pick "Contact Secretariat" (unchanged default) or "Registration Link" (reveals a URL field, e.g. for a Luma event page), with the button label and destination adjusting automatically. (3) The homepage's "Don't miss what's next" card now shows a trimmed ~30-word excerpt of the description rather than the full text, so a longer event (with an agenda, say) doesn't stretch that section — the Events page itself still shows the full description. Also fixes a real bug found during testing: the Firefighting auto-migration ran twice live, creating a duplicate post — a second, independent title-based check now guards against this regardless of cause; Andrew needed to manually delete the extra duplicate once, this only prevents a third one. Same day (3 Sep 2026): adds an optional "Sub-Header" field to the Event Details meta box — a short italic tagline shown right under the event title, above the description (e.g. "The evolution of customer experience"). Shows on both the Events page (Upcoming and Past) and the homepage card. Leave blank to skip it — most events won't need one. Same day (3 Sep 2026): homepage "Don't miss what's next" card's CTA changed from a register/mailto button to a single "View Event →" button linking to the Events page — Andrew's call that homepage visitors are unlikely to register straight from a preview card, so it now nudges toward learning more instead. The old duplicate "View All Events" text link was removed since it pointed to the same place. Registration itself is unaffected — it still lives on the actual Events page. Same day (3 Sep 2026): the homepage's "Don't miss what's next" card now rotates through up to 5 upcoming events (previously it only ever showed the single soonest one, staying static even if more than one event was upcoming). With exactly 1 upcoming event, behaviour is unchanged — a static card, no rotation UI. With 2+, it swaps between full event cards (poster, title, sub-header, excerpt, meta, View Event button) every 5 seconds, with dot indicators showing how many are in the queue. Uses a display:none/grid swap rather than a crossfade, since each event's card can be a different height (varying description length, presence of a poster) — an opacity crossfade would have risked an awkward overlap; a clean swap avoids that regardless of content length. Same day (3 Sep 2026), important bugfix: found and fixed the actual root cause of the homepage rotation appearing broken (both events showing at once instead of one hiding). The theme's own wp_enqueue_style() call was passing a hardcoded '1.0.0' as the cache-busting version — never tied to the real style.css Version header, which has been correctly bumped on every change. Since same-day patches reuse the same theme folder name (Andrew's convention), the CSS file's URL was byte-identical across every re-upload today, so browsers had zero reason to ever re-fetch a fresh copy — confirmed not fixable by cache-busting the page URL itself, since that's a separately cached asset request. Fixed by tying the version to wp_get_theme()->get('Version') instead, so every real style.css change (i.e. every future Version bump) now correctly forces browsers to fetch the new CSS. Applied the same fix to the nav.js script enqueue for consistency, so this can't recur there either. Same day (3 Sep 2026): fixes the homepage event rotator visibly resizing every time it swapped between events of different content lengths (a longer description, or one missing a poster, made the whole section jump taller/shorter every 5 seconds — distracting, per Andrew). JS now measures every card's natural height on load (briefly, invisibly, within a single synchronous script tick) and locks the wrapper to the tallest one; cards then crossfade via opacity instead of a display swap, and each card is vertically centred within that fixed-height box (rather than pinned to the top) so a shorter event doesn't look off-balance with dead space hanging below it. Falls back gracefully to the plain single-card display if JavaScript is unavailable. Same day (3 Sep 2026), bugfix: the fixed-height rotator was still visibly resizing — root cause was the height measurement running before poster images had actually finished loading, so any card whose image hadn't loaded yet got measured too short, then grew once the image arrived. Measurement now waits for the page's full "load" event (not just DOM-ready) so every poster image has its real rendered height before the wrapper height gets locked in, with a readyState check so it still runs immediately if the page had already finished loading by the time the script executed. Same day (3 Sep 2026), found the actual root cause: the wrapper-height lock (previous fix) only accounted for the TEXT column's varying length — the poster image itself was still sized with height:auto, meaning each event's photo rendered at its own natural aspect ratio. Since different events' posters genuinely have different proportions (one closer to square, one more portrait, from Andrew's real test events), the poster area itself was the visibly-resizing "box" on every swap, independent of the already-fixed overall section height. Fixed by giving the poster a fixed 4:5 aspect-ratio box with object-fit:cover (crops to fill consistently) instead of sizing to the image's own natural proportions — every event's poster now renders at an identical size/shape regardless of the uploaded photo's actual dimensions. Confirmed with Andrew that page/browser caching was not the cause (ruled out via incognito, hard refresh, and a fresh cache-busting query string) before concluding this was a genuine remaining code gap. 10 Sep 2026: label updated to today's actual date (a week's gap since the last session — no functional changes from that alone). Symposium Speakers poster updated to Web_Poster_V4.png — Jasmine Gunaratnam removed, Zack Chan re-added (both confirmed intentional by Andrew). Now 6 speakers: Gerry Chng, Kwan Wei Jie, Angela Yeo, Darrel Ang, Steven Khor, Zack Chan. V12 (10 Sep 2026) — adds the GCX Awards page (page-awards.php), applied automatically to a WordPress Page with the slug "awards". Covers the CCAS Global Customer Experience Excellence Awards 2026, the renamed successor to the 25-year-old CCAS Contact Centre International Awards. Structured around where the 2026 cycle actually is: nominations, templates, submissions and judging are done, so the page leads with the one live action left — booking a seat at the Gala Dinner on 6 November at Marina Bay Sands — then works backwards into reference material that stays useful year-round (categories with the judges' definitions, the CX Centre seat-size rule, the cycle timeline, past winners). A live countdown to the Gala Dinner sits in the hero and hides itself automatically once the date passes. Four sections are controlled from a new standalone "GCX Awards" admin page (own top-level wp-admin menu, dashicons-awards) and each stays completely hidden on the live site until it has content AND has been ticked to show: (1) Judges poster, (2) Awards Results poster plus an optional results PDF — release on the night of the Gala Dinner, (3) the highlight reel of last year's Gala Dinner, and (4) the Gala Dinner booking block itself, including its Early Bird and Standard seat prices and a booking URL (blank falls back to a pre-filled mailto to awards@ccas.org.sg, same pattern as the Events CPT's "Contact Secretariat"). Also on that admin page: the Past Results archive — add a year, give it a label, point it at a PDF or image in the Media Library. Adding 2027's results next year needs no code change and no theme zip. All of it stored in ONE plain wp_option (ccas_gcx_awards), deliberately NOT a Customizer theme_mod, for the same reason as the V9 hero photos: theme_mods are keyed to the active theme's stylesheet folder name, which this project's versioning convention changes on every patch, so a theme_mod silently resets on every upload. The highlight reel takes a YouTube or Vimeo URL (rendered as a privacy-friendly youtube-nocookie / Vimeo player iframe) or a Media Library MP4 — deliberately never bundled into the theme zip, which is what caused the failed ~9.5MB upload back in August. Every section self-disables when empty, so nothing ships broken. New nav entry "GCX Awards 2026" added to ccas_default_nav_fallback() after CX Symposium 2026; if a real menu is set under Appearance → Menus, the fallback does not run and the Awards page has to be added to that menu by hand. Styling lives in style.css under "GCX AWARDS PAGE", scoped to .awards-page with "gcx-" prefixed class names and its own local navy/gold custom properties, so it cannot collide with the rest of the site. Same day (10 Sep 2026), revised per Andrew's answers on the four open points. (1) Gala Dinner booking is no longer a link/mailto button — it is now an inline "Request your seats" form in #gcx-gala, built to the same mail-only, nothing-stored pattern as Membership Sign-Up and Symposium Register ("do it like what you did for my membership, straight to an email"), with nonce, honeypot, per-IP rate limit, Turnstile, PDPA consent checkbox, an HTML-table notification and an applicant acknowledgement. The one difference from the other forms: the notification goes to awards@ccas.org.sg rather than secretariat@ (the Awards Secretariat runs its own inbox), with From left as the SMTP-authorised secretariat@ account and Reply-To pointing back to Awards. The seat dropdown is built around 10-per-table seating (1-9 seats, 1 table, more than 1 table) rather than a plain ticket count, plus an optional notes field for seating and dietary requests. Handler: ccas_handle_awards_book_submit(). The "Booking link" admin field and the mailto helpers are gone with it. The Gala section is now a dark navy band with a white form card, matching the site's established registration pattern on #symp-register, with the seat rates moved into the left column. (2) The Awards timeline is now behind its own show/hide toggle, defaulted OFF: every 2026 milestone has passed, and the timeline poster and the Call For Entry deck disagree on nomination, template and submission dates (poster: 2 Mar / 31 Mar / 14 Apr / 23 Apr / 22 May; deck: 5 Mar / 16 Apr / 24 Apr / 30 Apr / 4 Jun). Andrew's call was to leave it, so nothing disputed gets published; the dates are still hardcoded in page-awards.php and want correcting before the 2027 cycle switches this back on. (3) Past Winners is likewise behind its own toggle, defaulted OFF, while Andrew consolidates the back catalogue — the archive rows can be filled in from wp-admin now and the whole section published later, and the hero's "Past Winners" button hides with it. (4) The highlight reel is an MP4 Andrew already has, so the admin help text now leads with the Media Library route and warns that the same PHP upload limit which rejected the 9.5MB theme zip in August applies there too (roughly 8MB), with unlisted YouTube as the fallback rather than fighting the host limit. Same day (10 Sep 2026), categories condensed. Andrew's read: the categories section was too long, and with 2026 judging finished the judges' full definitions are not doing any work on the page. They are not deleted, since they matter again the moment the 2027 Call For Entry opens. Instead, the category data has moved out of the template into ccas_gcx_categories() in functions.php as a single source, and the section now renders from it in one of two ways depending on a new "Full definitions" toggle in wp-admin (defaulted OFF): condensed, as a two-column list of category names with their seat bands and New-for-2026 tags; or expanded, as the previous accordion rows carrying every definition plus the CX Centre seat-size explainer. That takes roughly 3,000px off the page height. The condensed list is deliberately borderless rows rather than an enclosed grid of cells, because a group with an odd number of categories left a blank tile at the end that read as a missing item. Group headings are also regrouped and renamed (Corporate: Organisation & Programme / Capability & Innovation, Mystery Shopper Programme, Individual: Leadership / Frontline & Specialist / Long Service), and the section lead now states the real count: 24 categories, 34 awarded titles once seat bands are counted. Also fixed here: the seat-band tag was written with HTML entities and passed through esc_html(), so it rendered literally as "UNDER 20 &MIDDOT; 20&NDASH;100" on the page; it now uses real characters. Separately, em dashes have been taken out of all visitor-facing and wp-admin copy across the Awards page, to match Andrew's house style (British/Singapore English, plain and direct, no em dashes); code comments are unchanged. Same day (10 Sep 2026), countdown given a running effect per Andrew. Two changes. First, a Seconds cell joins Days/Hours/Minutes and the timer now ticks every second rather than every 30, so something in the panel is always moving; all four cells still sit on one row at phone width. Second, every value change animates: the old number slides out through the top of its cell while the new one rises in from below, done with two absolutely-positioned spans inside an overflow-hidden cell and a pair of .42s keyframes, with the outgoing node removed on a timer so the cells cannot accumulate stale spans. On first paint each figure counts up from zero over 750ms with an ease-out curve, so the panel arrives already in motion. Visitors with prefers-reduced-motion set skip both the count-up and the slide and simply get the numbers, and the same media query disables the keyframes in CSS. Numbers are tabular-nums so the cells do not jitter as digits change width. V13 (11 Sep 2026) — adds the AI Summit as the third marquee event, restructures the navigation, and unifies the mechanics shared by all three event pages. Supersedes the V12 zip, which was never deployed; deploy this one instead. (1) New page-aisummit.php, applied to a Page with the slug "ai-summit". The 2027 edition is not planned out yet, so while the "Coming soon" state is on it works as a holding page: it states what is known, says plainly that the rest is to be confirmed, recaps the 2026 edition, and collects interest. Andrew's steer was a menu entry that is honest about the state rather than a dead "coming soon" link that spends a click and returns nothing; the 2026 edition had a paying audience, so the list is worth building before the full page exists. Register-interest form uses the same mail-only, nothing-stored pattern as every other form on the site (nonce, honeypot, per-IP rate limit, Turnstile, PDPA consent), emailing secretariat@ccas.org.sg with an acknowledgement to the visitor. Handler: ccas_handle_ais_interest_submit(). A new "AI Summit" admin page (own top-level menu, lightbulb icon, one wp_option ccas_ai_summit) controls the menu entry, the coming-soon state, the interest form, and the When / Venue / Theme lines, so none of those need a theme zip to change. (2) AI Summit identity, taken from the real 2026 collateral rather than invented: ground is the deep violet #37187D running into #692090, sampled from 2026 AI Summit Poster R2.png; accent is the electric cyan #00BBDE from that poster's "Secure Your Seat" bracket; the signature device is the existing lightbulb-and-circuit mark with "Make It Real", added at assets/aisummit/. The poster's yellow starburst is a pricing promo device and is deliberately not part of the core palette. That completes the set: Symposium charcoal and blue, GCX Awards navy and gold, AI Summit violet and cyan, with CCAS blue still present in the chrome of all three. (3) Navigation restructured. Sponsors & Partners is followed by a single Events dropdown containing All Events, CX Symposium 2026, GCX Awards 2026 and AI Summit 2027 (with a small "Coming soon" tag), replacing the three separate top-level event entries. That takes the top level from eight items to six and, more to the point, stops the nav growing by one every time an event edition is added. The AI Summit entry hides entirely when its menu toggle is off. (4) Event mechanics unified, per the design-system decision recorded in the project. A new shared token block (--evt-rhythm, --evt-radius, --evt-tint, --evt-border, --evt-muted, --evt-body, --evt-eyebrow-*) is declared once for .symposium-page, .awards-page and .aisummit-page together, and both existing pages now consume it instead of their own hardcoded values: section rhythm is 90px everywhere (Symposium was a mix of 80/84/90, Awards was 76), card and panel radius is 10px everywhere (Awards was 12 and 14), eyebrows are 11px at 0.2em (Symposium was 10.5px), and the light band is one shared #F7FBFD. Applied to the page wrappers rather than by renaming classes, so the existing symp- and gcx- class names are untouched and the diff stays small. Each event still sets only its three identity levers. page-aisummit.php is built on these tokens from the start, which is the pattern any future event page should follow. The homepage is deliberately NOT included here — it is still on the old 100px rhythm, 8px radius and 13px eyebrow, and harmonising it is its own separate change so any regression is obviously attributable. Same day (11 Sep 2026): the three event entries in the Events dropdown now only render when their Page actually exists and is published (ccas_page_is_live()). Two reasons. Activating a new theme build before creating the matching Page previously put a live menu item on the site that led straight to a 404, which would have happened to GCX Awards and AI Summit on this very deployment. And setting a Page back to Draft left the menu pointing at nothing. So after testing, hiding the AI Summit is now either one tick (wp-admin -> AI Summit -> Menu entry) to drop it from the menu while the page stays reachable by direct URL, or setting the Page to Draft, which removes the menu entry and the page together. The two are independent and can be used in either combination. Same day (11 Sep 2026), size cut after an install failure. The V13 upload failed on Vodien with "The package could not be installed. The theme is missing the style.css stylesheet." The zip itself was verified correct (single top-level folder, style.css present at its root), which points at the upload or the extraction on the host rather than the package. To take the size variable off the table entirely, the bundled Firefighting event poster (assets/events/firefighting-to-growth-poster.png, 769KB, over a third of the whole zip) has been removed. It was only ever needed by ccas_seed_firefighting_event() for the one-time migration in V10, that seed already ran on the live site and set ccas_events_seeded, the event now carries its own Media Library attachment, and the seed already guards the file with file_exists() so its absence changes nothing. Zip drops from about 2.21MB to roughly 1.5MB, comfortably below the 2.03MB V11 zip that is known to install on this host. No code, markup or styling changed. Same day (11 Sep 2026), two fixes from Andrew's first test pass on the live site. (1) The AI Summit page rendered as a bare title with no content. Cause: the template was named page-aisummit.php while the Page's slug is "ai-summit". WordPress matches page-{slug}.php character for character, so with no hyphen it never matched and the request fell through to the generic page.php. Renamed to page-ai-summit.php, with a note in its header that the hyphen is load-bearing. Nothing else about the page changed. Worth remembering for any future event page: the filename has to mirror the slug exactly. (2) Dropdown menus closed the instant the pointer moved toward them, which made them nearly unusable. The submenu sits 18px below its parent so it lands flush with the nav's bottom padding, and that 18px was dead, unhoverable space: crossing it dropped :hover on the parent and display:none fired immediately, with no tolerance for a wobble. This has been present since the dropdowns went in on 10 Aug and affected About Us and Membership too; the new four-item Events dropdown just made it obvious. Fixed with CSS only, no JS. A transparent bridge element now spans the gap, rendered only while the parent is hovered or focused so it never sits over the page otherwise. And the reveal moved off display:none onto visibility/opacity, which allows the hide to be delayed: leaving holds for 120ms before fading and only drops visibility at 280ms, while arriving is still instant. Keyboard focus-within behaviour is unchanged, prefers-reduced-motion drops the slide, and the mobile breakpoint still renders submenus inline and always open. V14 (22 Sep 2026) adds a new wp-admin page, Event Speakers, so the Symposium speakers poster can be changed from wp-admin without a new theme zip. Pick the poster from the Media Library, tick Show, save. Stored in its own plain wp_option (ccas_speakers), keyed by event, so it survives theme uploads and is ready to take the AI Summit 2027 poster later. If no poster is picked, the page falls back to the poster bundled in the theme, which this build updates to the latest version (7 speakers, Michael Clark of CrayonIQ added). The old CCAS_SHOW_SPEAKERS_POSTER constant is replaced by the Show tick box. Speaker cards (individual name/title/photo entries) are deliberately not built yet. Also: Alison Yuen removed from Meet the Team, and the Executive Committee, now six people, is laid out 3 + 3 on desktop (2 per row on mobile, unchanged). V17 05Oct2026 (style.css 17.0), one month before the Symposium: (1) Running countdown in the Symposium page hero (days, hours, minutes, seconds to 5 Nov 2026 09:00 Singapore time), reusing the GCX Awards roll animation in Symposium blue; shows 'Happening now' during the event and removes itself after 17:30. (2) Days-only 'N days to go' line in the homepage Symposium band, counted by the Singapore calendar; 'Happening today' on the day, gone after. (3) Both have their own tick box on wp-admin -> Event Speakers -> Display (default on); event start/end live in ccas_speakers_events(). (4) Symposium Early Bird removed at Andrew's request: CCAS Members rate now reads S$580 only. Rollback: V16a 29Sep2026. V18 23Oct2026 (style.css 18.0): GCX Awards judge profiles. New wp-admin -> GCX Awards -> Judges page (own wp_option ccas_gcx_judges, survives theme uploads): add, remove and drag-to-reorder judges with photo, name, judging role, job title, organisation, bio (150 words max) and LinkedIn; Feature tick box for the Chairlady; Show tick box and a Cards / Poster / Both choice. The Judges Show tick box and poster moved here from the main GCX Awards page and carry over their saved values. Pre-filled with the 2026 panel from the judges poster (Shirin Anne Wan as Chairlady plus 12 judges), with headshots cropped from it in assets/judges/. On /awards/ the section is navy with the Chairlady in her own column beside a 4-across grid (3 at tablet, 2 on phones); judges with a bio open a profile drawer with a Book Gala Dinner seats button. Same build also adds the AI Summit 2027 page (page-ai-summit.php, rebuilt from the signed-off AI Summit 2027 website brief of 23 Oct 2026, kept unpublished): sticky in-page bar, hero, theme, at a glance, five topic cards in the brief's colour code, format, agenda, speakers, passes, who attends, sponsor tiers and benefits, speaking slot rules, key dates, next steps, key terms, past editions, About CCAS, FAQ and contact, all in the brief's wording. Event Speakers gains an 'AI Summit 2027' event (agenda skeleton from the brief, Until times, a Topic per row shown as a tag on rows and speaker cards, no placeholder speakers). wp-admin -> AI Summit now holds the brief's to-be-confirmed items (date and venue line, tagline, hero note, Early Bird dates, registration link, prospectus PDF) with the brief's fallback text, plus a new Sponsor enquiry form (mail-only to secretariat@ccas.org.sg); the register-interest form now asks for designation. /aisummit2027 redirects to the page once it is published. Rollback: V17 05Oct2026. V18a 27Oct2026 (style.css 18.1): judge cards now open a profile when they have a LinkedIn link but no bio (before, only a bio made a card clickable); the About heading hides when there is no bio. Rollback: V18 23Oct2026. Same-day patch 18.2: wp-admin -> AI Summit gains a Sections list to show or hide each part of the AI Summit 2027 page (and the parts of the Sponsor section); hidden sections also drop out of the sticky bar. V16a 29Sep2026 (style.css 16.4, date label moved on from 25Sep2026): Sponsors & Partners Zoom logo replaced with Zoom's supplied 2026 file (Zoom_Logo_Bloom_RGB, sent by Constance Tan 23 Sep), resized to the same 705px width. Visually near-identical to the old file; Zoom asked for the current version to be used. V16a 25Sep2026 patch (style.css 16.3): speaker bios capped at 150 words (live word counter in wp-admin, Save blocked while any bio is over, trimmed on save as a backstop, and any longer bio already saved is cut to 150 words with an ellipsis on the page). Profile drawer: LinkedIn link and Register your interest button each on their own line. V16a 25Sep2026 patch (style.css 16.2): Event Speakers admin script now waits for page load. WordPress loads jquery-ui-sortable in the footer, so the inline script's .sortable() call threw before the speaker pickers were drawn, leaving 'Speakers' empty and drag-to-reorder dead. Init moved into jQuery(function(){}), pickers drawn before sortable, sortable guarded. V16a 25Sep2026 (variant of V16, style.css 16.1): same editor, but the built-in programme is exactly the V15 programme with no speakers linked, so activating it changes nothing on the page. Kenneth stays as detail text on the Chairman rows; the Featured Panel line keeps the V15 panellists until they are linked in the programme. Adds 'Reset programme to the V15 version' and 'Reset speakers to the built-in list' buttons, which drop the saved copy so the built-in one is read again (needed if anything was saved while V16 was active). Rollback: V15 25Sep2026. V16 25Sep2026: Symposium speaker profiles and programme editor. wp-admin -> Event Speakers now has three tabs. Speakers: each person once (name, organisation, job title, photo, bio, LinkedIn, show-on-cards tick). Programme: the day's rows (time, row type, label, title, talk title, detail) with speakers picked from the Speakers tab by id, '+ New speaker' inline, drag to reorder, sort by time. Display: speakers section as cards, poster (the V14 behaviour) or hidden; 'To be announced' card; programme on/off and speaker links. All stored in the existing ccas_speakers wp_option (V14 'show' and 'poster' keys still honoured). Until first save the page reads built-in defaults: today's line-up and the 19-row programme that was hardcoded in page-symposium.php. The Speakers section stays on Poster until Andrew switches it to cards. Front end: programme rows show speaker chips; speaker cards (3/2/1 across) labelled from their programme slot; panellists in a dark strip; right-hand profile drawer (Esc/scrim to close); Featured Panel meta line now built from the data. Headshots for six speakers cropped from their individual posters, bundled in assets/speakers/people/ and referenced as 'theme:' tokens so they survive folder renames. Rollback: V15 25Sep2026. V15 25Sep2026 (same V15, fixes only): (1) Homepage hero buttons did nothing once hero photos were set. The photo-variant CSS carried pointer-events: none on .btn-primary and .btn-outline, so both 'Explore CCAS' and 'Regional CX Symposium 2026' ignored clicks. Removed, buttons raised above the overlay, and the misleading cursor: pointer on the whole hero dropped. (2) Sponsors & Partners: Zoom Gold Sponsor write-up replaced with Zoom's new supplied copy, links now go to zoom.com. V15 24Sep2026 (same V15, fix only): the Homepage Photos picker saved WordPress's 1024px 'large' copy of each photo, which the full-width hero then stretched to 1300 to 1900px wide (plus the 1.06 hover zoom), so every photo looked low quality. It now saves the full-size image (WordPress caps uploads at 2560px). Photos already saved keep their old small URL until they are re-picked in wp-admin -> Homepage Photos. Nothing else changed. V15 (23 Sep 2026) brings the homepage onto the same mechanics as the three event pages, per Andrew's approved mockup (homepage-harmonise-mockup.html, all five changes kept). Scoped to body.home only, so interior pages (Membership, Our Members, Sponsors, Meet the Team) are untouched. (1) Section spacing 100px to 90px (the stats strip keeps its own padding). (2) Eyebrow labels 13px/2px to 11px/0.2em. (3) Section headings 34px fixed to clamp(26px,3vw,38px) at line-height 1.2, with the event pages' 36x3px blue divider underneath (new .hp-divider after each h2.section-title in front-page.php). (4) Card corners 8px to 10px on the stats box, Mission/Vision box and offer cards; stat hover tiles 6px to 7px. (5) The Offers band moves from Service Light #CFE9F5 to the event tint #F7FBFD with #DAEDF8-outlined cards, so it no longer merges with the Upcoming Events band below it, which stays Service Light. Hero, nav, footer, events rotator, Symposium banner, buttons and all copy unchanged. V14 23Sep2026 (same V14, dated today per Andrew) builds the GCX Awards Past Winners section, covering 2016 to 2025 (Andrew's call: from 2016, ten years, leaving out the cut-off 2014 file and the less consistent early years). It sits in the existing, previously empty Past Winners slot between Categories and Enquiries, so nothing else on the page changes. A row of year buttons (newest first) and one panel: the picked year's cover thumbnail, its label, and a gold "View YEAR results (PDF)" button. The PDF always opens in a new tab and never loads with the page; thumbnails are small JPGs and the hidden years' thumbnails are lazy-loaded. Dark navy band like the highlight reel. The archive rows on wp-admin -> GCX Awards gain a "Cover thumbnail" image picker next to the Results PDF (thumbnail optional: without one a plain navy card with the year shows). The section and the hero's Past Winners button still stay hidden until Show is ticked AND at least one row is filled. Also: an after_switch_theme hook now copies the Symposium teaser video Customizer settings across theme folder renames, so the video cannot silently drop off after a new zip is activated. V19 (7 Nov 2026) — Events everywhere agree. Feedback after the Symposium and Gala: AI Summit 2027 sat below two finished events in the Events dropdown and All Events still said "New events coming soon", because the three flagship pages (Symposium, GCX Awards, AI Summit) were never part of the Events listing. (1) New ccas_flagship_events() registry in functions.php feeds the Events dropdown (All Events, then upcoming flagship events soonest first, then past ones most recent first), the /events/ page (flagship cards merged by date into Upcoming and Past, see ccas_flagship_card()) and the homepage Upcoming card. AI Summit 2027 orders by a new "Provisional date" on wp-admin -> AI Summit (never shown; default 22 Apr 2027). (2) Appearance -> Menus, which the theme has supported since V4, gets a safety net for hand-built menus: items pointing at unpublished pages are dropped, and the CSS class `coming-soon` (or the AI Summit's own toggle) adds the Coming soon pill. (3) .nav-tag finally gets CSS: the Coming soon tag had been plain text since V18. (4) AI Summit page: video section between the hero and About (wp-admin -> AI Summit -> Video; Media Library file or YouTube/Vimeo link, hidden until set), using the same embed renderer as the GCX highlight reel. New CSS: .nav-tag, .event-card--flagship, .flagship-panel, .flagship-tag, .btn-secondary, #ais-watch. V19 19.1 (same day): the homepage hero's second button follows the soonest upcoming flagship event from the same registry (AI Summit 2027 now) instead of the hardcoded Symposium link. V20 (12 Nov 2026): Meet the Team job titles and companies updated. Kenneth Chong: Director, Copilot and Agents (Asia), Microsoft. Shirin Anne Wan: Zscaler -> Dynatrace (job title unchanged). Jonathan Mondon: Head of Revenue, Activeo. Elliot Ang: Associate Director, TDCX. No other changes. V20 20.1 (same day): corrected against the Secretariat's list. Elliot Ang: Assistant Director, TDCX (not Associate Director). Vivien Ong: Founder, Lead Trainer & Coach, uSpark Solutions. Bernard Yeo: Director, Customer Success, Zscaler. V20 20.2 (same day): confirmed list from the Secretariat. Jonathan Mondon: company Activeo -> Toku. Shirin Anne Wan: Customer Success APJ, Dynatrace. Kenneth Chong: company shown as Microsoft. */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('assets/fonts/Poppins-Light.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/Poppins-Regular.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/fonts/Poppins-Medium.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/Poppins-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/Poppins-Bold.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('assets/fonts/Poppins-ExtraBold.ttf') format('truetype'); } :root { --blue: #047CC4; --light: #CFE9F5; --grey: #2B2B2B; --white: #FFFFFF; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Poppins', 'Calibri', Arial, sans-serif; color: var(--grey); background: var(--white); line-height: 1.6; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .mockup-banner { background: #fff3cd; color: #664d03; text-align: center; font-size: 13px; padding: 8px 16px; font-weight: 500; border-bottom: 1px solid #ffe69c; } .wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; } /* NAV */ nav { background: var(--grey); padding: 18px 0; position: relative; } /* Nav sizing note (v10a): the wrap is widened to 1320px for the nav only, and nav links are set to white-space: nowrap. Previously the link set was too wide for the 1180px wrap, so items wrapped onto two lines ("About / Us") and the whole menu overflowed, visually colliding with the logo. If more nav items are added later and it crowds again, reduce the gap below before reducing the font size — the links are already at a sensible minimum. Updated 10 Aug 2026 (Membership page added, 9th top-level item — "Our Members" deliberately kept OUT of the top nav for exactly this reason, see functions.php). Two things had to change, found by measuring actual rendered box widths at a 1280px viewport (the narrowest width this site is checked at — mobile nav takes over below 900px) rather than eyeballing a screenshot: 1) A real latent bug, present on every page sharing this header even before Membership was added: "Become a Member" had no white-space: nowrap, unlike the nav links. Flex items shrink to fit their container down to their own min-content width — for the links that floor is the full (nowrap) text, but for the button it was just its widest single word ("Become"), so once the row got tight the browser squeezed the button into a ~90px box and wrapped its label across three lines instead of shrinking something else. Fixed by pinning the logo and the button to flex-shrink: 0 with white-space: nowrap on the button, so neither can be squeezed below its real content width. 2) With both pinned, the 9-item link row plus button genuinely no longer fit within the 1280px viewport (measured ~80px overflow past the viewport edge, not just the padding edge — nowrap alone just traded "wraps ugly" for "clips off the right edge"). Closed the gap with three small cuts rather than one big one: wrap gap 40->14px, the two internal nav gaps 26->10px each, nav-link font-size 15->14px, and the button's own padding tightened for the nav context only (18px sides instead of 24px — other .btn-primary buttons elsewhere on the site are untouched). Re-measured after via bounding boxes (not eyeballed): the logo<->nav-menu gap now sits at ~87px, well above its 14px minimum, meaning there's real slack — space-between just parks that slack in the middle and pins the button flush against the right padding edge, which is the correct, non-overflowing resting state, not a sign of a tight fit. If another nav item is ever added, redo this same bounding-box measurement (check whether the logo<->nav-menu gap is still above its CSS minimum) rather than eyeballing a screenshot — that's what caught the original overflow. */ nav .wrap { display: flex; align-items: center; justify-content: space-between; max-width: 1320px; gap: 14px; } nav .wrap > a { flex-shrink: 0; } nav img.logo { height: 38px; display: block; } nav .nav-menu { display: flex; align-items: center; gap: 10px; } nav ul.navlinks { display: flex; gap: 10px; align-items: center; } nav .nav-menu > a.btn-primary { white-space: nowrap; flex-shrink: 0; padding: 11px 18px; } nav ul.navlinks a { color: var(--white); font-weight: 500; font-size: 14px; opacity: 0.9; white-space: nowrap; } nav ul.navlinks a:hover { opacity: 1; color: var(--blue); } /* Dropdown submenus (Andrew, 10 Aug 2026): "About Us" and "Membership" are now parents with one level of children ("What We Offer"/"Meet the Team", and "Our Members" respectively), wired through WordPress's native menu system (wp_nav_menu depth increased 1->2 in header.php) so this also renders correctly for a menu built by hand under Appearance -> Menus — WP's default walker adds class="menu-item-has-children" to a parent
  • and wraps its children in