BOAGS 2027 — Website Revision Tracker

Changes (Ash #webcrew, Jun 22 — accordion sponsors + full FOB tiers)

• Expandable accordion cards (EO + FOB): All sponsorship cards now collapsed by default (title / price / availability visible). Click/tap any card to expand downward and reveal the full deliverables list. Rows of 3. Each EO card has a large show photo on the right. Keyboard accessible (Enter/Space). Open card gets an amber border highlight. Ash Jun 22
• Friends of BOAGS — 5 missing tiers added: Back page of PDF had 5 more tiers below Bear/Wolf/Bison. Now all 8 tiers listed: Bear ($10K) / Wolf ($7.5K) / Bison ($5K) / Moose ($2.5K) / Deer ($2K) / Fox ($1.5K) / Beaver ($1K) / Lake Trout ($500). Each with full deliverable list sourced from 2027 Sponsorship Guide. BOAGS 2027 Sponsorship Guide p.5-6
• 10 Event Opportunity cards + 8 Friends of BOAGS cards = 18 total, all expandable.

Changes (Ash #webcrew, Jun 22 — design + sponsorship revisions)

• #1 Hero lighter: Hero overlay opacity reduced significantly (L-R: 0.80→0.58 / 0.18→0.06; B-T: 0.72→0.50 / 0.08→0.03). Hero image is now much more visible — addresses Megan's "too dark" feedback. Ash Jun 22 / Megan direction
• #2 Exhibitor Reel → light background: Vimeo section changed from dark (#161B22) to light (F5F6F7). Breaks up stacked darkness: hero→ticker→reel was three consecutive dark sections. Ash Jun 22
• #3 Photo band — earns its place: Swapped dusk/industrial image for networking.jpg (people on the floor). Added attendee quote ("conversations that would take a month..."), social proof stats (3,800+ name badges / 74+ exhibitors / 2 full days) and location+date anchored alongside them. Section now has purpose: human credibility moment mid-page. Ash Jun 22
• #4 Sponsorships — full deliverables added: Every tier now lists what the sponsor actually gets. EO cards: 10 opportunities each with 4–6 benefit bullets from 2027 guide. Friends of BOAGS: Bear (9 benefits), Wolf (9 benefits), Bison (7 benefits). All sourced directly from BOAGS 2027 Sponsorship Guide PDF. Ash Jun 22 / BOAGS 2027 Sponsorship Guide
• #5 Friends of BOAGS moved below Event Opportunities: Section order flipped to match back-of-package order from the official guide: Event Opportunities first, Friends of BOAGS second. Ash Jun 22
• #6 Sponsors section → light background: Section changed from dark charcoal to sec-mist (F5F6F7) to break up page darkness. Cards are white on light grey, amber accents preserved. Ash Jun 22

Changes (Sheila #webcrew, Jun 22 — all 5 show programs)

• Past show programs: 3 → 5 editions: Added 2017 and 2015 programs to the popup card grid. All 5 editions now embedded as popup flipbooks (click to open in lightbox modal). Grid widened from max-width 840px to 1060px, minmax adjusted to 185px so all 5 cards fit on one row on wide screens. Sheila Jun 22 — embed URLs provided directly
• Embed URLs embedded (all 5):
  • 2025 — boags_program_2025
  • 2023 — boags_program_2023_proof2
  • 2019 — boags_program_2019_proof3_1_
  • 2017 — boags_program_2017 NEW
  • 2015 — boags_program_2015 NEW

Changes (Sheila #webcrew, Jun 22 — sponsors layout)

• Sponsors section rebuilt — empty space fixed: Root cause: 2-column side-by-side layout had Friends of BOAGS (3 items) vs Event Opportunities (10 items) — left column had a massive empty gap below the 3 entries. New layout: Friends of BOAGS = 3 horizontal cards across the full width (Bear / Wolf / Bison each in their own card with icon, name, price, availability). Event Opportunities = compact 2-column list grid stacked below. No column mismatch, no empty space. Sheila Jun 22

Changes (Sheila #webcrew, Jun 22)

• #1 Hero spacing: Added 3.5rem top padding to hero-content so nav header no longer crowds the "Registration opens August 2026" badge. Sheila Jun 22
• #2 Issuu popup embeds: Replaced inline iframe readers with click-to-open modal popup system. Click a program card → full flipbook opens in lightbox overlay. No redirect to Issuu.com. Sheila Jun 22 — matches live site behavior
• #3a Exhibitors copy: "A sample of who is on the floor" → "74 confirmed exhibitors across 11 oilfield categories. Browse the full live directory to find the suppliers, contractors, and service companies that matter to your operation." Sheila Jun 22
• #3b Category grid REMOVED: Cut the 11-category icon grid (the "red box" section). Recommendation: section duplicated info already in the directory and cluttered the home page. Directory handles category browsing. See recommendation note below. Sheila Jun 22 / Chase recommendation
• #3c Logo tiles: Company name tiles converted to logo-ready containers. Currently show styled company names; swap in actual logo <img> files when supplied by the Chamber. Logo cells are sized max 120×44px, grayscale by default, colour on hover. Sheila Jun 22 — logos pending from Chamber Logos needed from Chamber/Megan
• #4 Sponsors rebuilt from 2027 guide: Old Platinum/Gold/Silver/Community tiers (invented) replaced with actual 2027 guide structure: Friends of BOAGS (Bear $10K / Wolf $7.5K / Bison $5K) + 10 Event Opportunities (Registration SOLD, Opening Ceremonies, Lanyard, Volunteers, Bowling Social, Water Bottles, Exhibitor Lunch, Tote Bag, Door Prize, Lounge Grab-N-Go) with real pricing + availability. BOAGS 2027 Sponsorship Guide (Sheila attachment Jun 22)

Changes from V4 (Darrel's second round — signed off Jun 22)

• Stats moved into hero: The 4-stat band (74+ exhibitors, 11 categories, 2 days, Fast Lane) now lives inside the hero section, below the CTAs. Darrel request Jun 18
• Orange registration callout: Dedicated orange-background section directly below the hero with "Registration opens August 2026" CTA. Visually distinct from the stats band. Darrel request Jun 18

Changes from V3 base (Darrel's first round — V4 edits, carried into V5)

• Header + footer logo: Increased to 160px wide (was 38px height). Header nav height expanded from 68px to 84px to accommodate. Darrel request Jun 18
• Hero overlay lighter: Gradient direction changed from bottom-to-top to left-to-right. Opacity reduced (80%→42% fade instead of 96%→55%). More breathing room. Darrel request Jun 18
• Vimeo exhibitor reel: Full-bleed video embed (ID: 1005937337) in a dark section between About and the Info Trio. Sheila sourced — player.vimeo.com/video/1005937337 Stock/client-supplied video
• Issuu past show guides: Grid of 3 embedded Issuu readers (2025, 2023, 2019 programs) in a light section, with direct open links. Sheila / bonnyvillechamber Issuu publisher Chamber-owned PDFs

Changes from original (Megan's comments — applied to V3 base, Jun 15)

• Lighter overall theme: Site-wide contrast reduced so it reads less dark/heavy. Megan Jun 18
• Bigger fonts throughout: Body copy, menu items, and nav links scaled up across all sections. Megan Jun 18
• Footer logo larger + brighter: Logo opacity raised, size increased for visibility on dark footer. Megan Jun 18
• Top-left logo visible: Nav logo made visible and properly sized. Megan Jun 18
• Fast Lane = exhibitor-exclusive: Explicit "exhibitor exclusive" call-out added to the Fast Lane Connections section. Megan Jun 18

Ash's locked merge spec: C3 hero + C5e content sections, amber-ink palette, run-of-show as white section, white logo. This is the Jan 15 signed base that V5 was built from. Full 3-page site (Home, Attend, Sponsors).

16 concept variants (A, B, C, C2, C3, C5a-e, D1-D4, F). Rob voted D4 + C3; Darrel voted D4; Sheila voted D1/D2; C5e was front-runner until Rob locked V3 native rebuild. All archived and accessible above.

Changes (Darrel feedback, Jun 28 — R2 alignment + header + Fast Lane fixes)

• Header breathing room: Nav height increased 84px → 120px. Logo padding added so the logo has proper vertical space — was cramped against the nav edges.
• Who Attends + Exhibitor intro max-width removed: Intro paragraphs were pinched to a narrow left column with large whitespace on the right. Removed max-width constraint so text runs the full container width.
• Fast Lane eyebrow visible: Eyebrow label text was invisible against the light background. Applied explicit colour so it renders correctly.
• Fast Lane CTA solid amber: Confirmed solid amber fill + dark text on the "Reserve Your Exhibitor Spot" CTA. Was rendering outlined.
• Section alignment fix (Attend page + homepage): Root cause: sections below hero had horizontal padding on the outer <section> element, while nav/hero had padding on the inner centered div. At viewports ≥ ~1440px this created a ~32px left-edge mismatch across sections. Fixed by moving padding:0 2rem from .sec-pad to .container (and fastlane-inner, footer-inner). All content — nav, hero, every body section — now locks to the same left edge.
• Mobile nav offset updated: Mobile menu top offset + hero padding-top updated to 120px to match new nav height on both index.html and attend.html.

Changes (Darrel feedback, Jun 28 — R1 homepage adjustments)

• Nav CTA hover colour: Added hover rule for the "Get on the list" nav CTA so it doesn't go white on hover.
• Registration callout button: Set to solid amber fill with dark text for consistency with primary CTA style.
• Info Trio heading: Clamped font-size so the 3-word heading wraps gracefully at mid viewports instead of overflowing.
• Fast Lane eyebrow + CTA: Eyebrow colour fix (invisible on light bg); CTA confirmed solid amber.
• Notify 2-column layout: Fixed inline style specificity issue blocking media query — grid goes 2-col at 900px+ as intended.
• Darrel's primary brand SVG logos: Production SVG files from Darrel's Drive folder folded into nav and footer across all pages.

Changes (Rob, Jun 28 — sub-pages + Chamber endorsement)

• attend.html built: Standalone Attend page at /boags-v10/attend.html. Sections: Who Attends, Run of Show (full agenda), Fast Lane Connections, Photo Band, Notify. Interior dark hero using showfloor-wide.jpg at 52svh. Nav active state on "Attend".
• sponsors.html built: Standalone Sponsors page at /boags-v10/sponsors.html. Sections: full accordion sponsor cards (10 Event Opportunity + 8 Friends of BOAGS), Notify. Interior dark hero. Nav active state on "Sponsors".
• All nav links now resolve: Previously attend.html and sponsors.html were 404. All three nav links work.
• Hero 2-column split: Desktop hero split into left (date badge, date lockup, H1, CTA) and right (Chamber endorsement block: "Presented by / Bonnyville & District Chamber of Commerce" in a frosted-glass card). Stacks on mobile (<900px). "Proudly presented" banner below hero kept as-is. Chamber logo pending — text placeholder now
• Logo stopgap (V9→V10): Concept #1 logo extracted from PDF (pdftocairo+PIL, 300dpi), light variant (white/transparent) in nav + footer. Pending Rob's final production asset.

Changes (Sheila feedback Jun 26)

• Dark stat strip rebuilt: Near-black (#0E1116) full-width band, flex-nowrap, 4 columns, big orange Oswald numbers, white uppercase labels (CONFIRMED EXHIBITORS / INDUSTRY CATEGORIES / FULL DAYS ON THE FLOOR / EXHIBITOR NETWORKING). No wrapping.
• 74+ cut to one instance: Removed from h2 exhibitors heading, info-card-body, CTA button, and photo-band stat row. Only one visible 74+ on page — the dark stat strip count-up. Verified with script-stripped body parse.
• Hero prose removed: "74+ exhibitors. 2 full days. Every category of oilfield services on one floor." removed from hero.
• Video reverted to 900px: Full-width change from V8 reverted per Sheila. max-width:900px restored.

Source: Sheila feedback on V7. Sheila: "that's a lot better. 74+ exhibitors. 2 full days. is mentioned one too many times."

• 1. "74+ exhibitors. 2 full days." de-duplicated: The combined stat appeared in both the hero value line AND the video section subtitle ("Two days. 74+ exhibitors. The energy sector..."). Kept the hero instance (most prominent, first impression). Reworded the video subtitle to "The Lakeland's energy sector, all under one roof. Watch what you're stepping into." — removes the repetition, keeps the sentiment. Sheila V7 feedback — "'74+ exhibitors. 2 full days.' is mentioned one too many times on this page."
• 2. Vimeo video embed expanded to full container width: Video wrapper had an explicit max-width:900px which made the embed look like a narrow box on wide screens. Removed the 900px cap — video now fills the full 1400px container, giving the reel more visual presence. (Sheila initially floated "make this full width" before walking it back; actioned per Rob's direct instruction. Revertible if not wanted.)

Source: Sheila/Megan feedback on V6 (relayed via AC). Requesters: Megan Wakefield + Sheila (Bonnyville Chamber).

• 1. Body font size increased to 18px base (significant jump from V6): Added explicit font-size: 18px to body. V6 had no base body size set. Every rem-based size now anchors to 18px. Megan had flagged small text twice; this addresses the core readability complaint for an older demographic. Megan Jun-26 (relayed via Sheila) — "Our target audience is an older demographic. You have to make it easy to read."
• 2. All content text classes significantly enlarged: Body text (.body-text) up to 1.25rem; section intros (.sec-intro) up to 1.3125rem; attend-body to 1.125rem; attend-title to 1.3125rem; fastlane-body to 1.25rem; fl-card-head to 1.1875rem; fl-card-body to 1.0625rem; agenda-event-name to 1.1875rem; agenda-event-note to 1.0625rem; agenda-time to 1.1875rem; footer links/p to 1.0625rem; footer tagline to 1.125rem; pullquote-q to clamp(2rem,4.5vw,3.25rem); photo-band-sub to 1.1875rem; sponsor card names, benefits lists, and section sub-copy all enlarged proportionally. Nav links to 1.125rem. Notify input/button to 1.0625rem. All label stats in photo-band to 1rem. AC V7 brief — "Go FURTHER than v6 — bump font sizes across the board, ESPECIALLY body/content. Aim for a large, comfortable older-audience read. Don't be timid — they've now flagged small text twice."
• 3. Section headings (.sh, .sh-xl) scaled proportionally: .sh increased from clamp(2.5rem,5vw,3.75rem) to clamp(2.75rem,5.5vw,4.25rem). .sh-xl from clamp(3rem,7vw,5.25rem) to clamp(3.25rem,7.5vw,5.75rem). Hero headline (.hero-h1) from clamp(2.25rem,5vw,3.75rem) to clamp(2.5rem,5.5vw,4.25rem).
• 4. Hero SIMPLIFIED — trimmed to essentials only: Sheila's exact words: "it looks like you're trying to squeeze in too much." V7 hero now contains ONLY: registration-opens badge, date lockup (16–17 / June 2027 / Bonnyville), headline, one short value line, and ONE primary CTA ("Get on the list"). REMOVED: ghost "View exhibitors" CTA; entire hero-stats-row (4 stats). Result is a clean, uncrowded hero with real room to breathe. Sheila feedback (relayed via AC) — "it looks like you're trying to squeeze in too much."
• 5. Hero spacing increased: Hero content padding expanded from 3.5rem/5rem to 5rem/8rem top/bottom. Hero-h1 margin-bottom 0.875rem → 1.5rem. Hero-sub margin-bottom 2.5rem → 3rem, line-height 1.7 → 1.80. Hero-badge margin-bottom 2rem → 2.5rem. Hero-date-lockup margin-bottom 1.25rem → 2rem. Hero sub-text colour improved from 68% to 80% opacity. Hero-h1 line-height 1.06 → 1.10.
• 6. All good from V6 preserved: Navy palette (#1B3A5C everywhere dark), orange-as-accent-only, "Proudly presented" banner, Fast Lane exhibitors-only copy, logo placeholder, all section colours unchanged.

Source: Megan <> Rob meeting Jun 26, 2026 (32.8 min). Requester: Megan Wakefield (Bonnyville Chamber).

• 1. Palette → Lakeland navy-blues (less black, less orange): Site-wide background shifted from near-black (#0E1116) to light blue-grey (#F5F8FC). All formerly-dark sections (nav, marquee ticker, "Who Attends," "Notify/Pass Drop," footer) replaced with Lakeland navy (#1B3A5C). Orange remains as accent only — CTAs, rules, and highlights — not used as a background color. Registration callout below hero changed from solid-orange to navy-with-orange-left-border. Megan Jun-26 meeting — "I like how the old website incorporated a bit more of different colours"
• 2. Bigger, bolder fonts site-wide: All font-size clamp values increased ~20–25% across the board. Section headings, body text, nav links, buttons, agenda items, footer links, Fast Lane section, photo band tagline, pullquote — all enlarged for older-demographic readability. Body text baseline increased from 1.0625rem to 1.1875rem. Megan Jun-26 — "Everything was tiny. Everything was tiny." / "Our target audience is an older demographic. You have to make it easy to read."
• 3. Fixed black-on-black / dark-on-dark: "Who Attends" section changed from dark charcoal (#161B22) to sky-blue (#EBF4FF) with white attend-cards and navy headings — no more dark text on dark background. "Notify" section changed from dark panel to navy — white text on navy is properly readable. Agenda cards changed from dark (#1A1F27) to white with navy borders. Exhibitor logo tiles changed from dark to white. Sponsor slots changed from dark to light (#F0F4F8). Megan Jun-26 — "I don't love black on black there — that's way too dark, that whole section. Something needs to change. It should be colour or go back to white."
• 4. Image-with-text-overlay contrast improved: Photo band overlay gradient changed from near-black (rgba 14,17,22) to deep navy (rgba 18,43,71) at matching opacity — content stays readable without the Halloween darkness. Hero overlay similarly shifted to navy tones. Megan Jun-26 — "I still feel this page — I'm not loving the image with the text on the back of it either. It's so hard to read."
• 5. Footer + bottom banner lightened — logo visible: Footer background changed from near-black (#0E1116) to Lakeland navy (#1B3A5C) with amber top border retained. Footer text opacity increased so links and tagline read clearly. Logo opacity set to 1.0 (was 0.80). Megan Jun-26 — "The bottom of the website in general is dark — you can't see our logo... Change the colour to white or something brighter."
• 6. Logo placeholders — CONCEPT #1 pending: Nav header and footer logo positions replaced with clearly-sized placeholder blocks labelled "CONCEPT #1 / LOGO — PENDING". This is where Concept #1 (oil-drop-as-"O" + gear, selected by Megan Jun-26) will drop in as a light variant (nav/white-on-navy) and dark variant (footer/white-on-navy). Rob is packaging the files. FLAG TO AC: logo files needed. Megan Jun-26 — logo #1 selected. Rob to package + send.
• 7. "Proudly presented by the Bonnyville Chamber" — prominent on homepage: Added a dedicated white banner section between the registration callout and the exhibitor ticker: "Proudly presented by the Bonnyville & District Chamber of Commerce" with Chamber name in amber. Visible and prominent on first scroll. Megan Jun-26 — "Looking at my old website, it shows it's proudly presented by us at the Chamber. Nothing on this new website says 'proudly presented by the Bonnyville Chamber.'"
• 8. Fast Lane Connections → exhibitors-only / exclusive language: Fast Lane section reworded throughout: eyebrow changed to "For registered exhibitors"; body copy now says it's "an exclusive perk reserved for registered exhibitors — not open to general attendees"; pills changed to show "Exhibitors Only" and removed "Free to attend"; the third fl-card ("Always free to attend") replaced with "Exclusive to exhibitors" copy. Agenda items updated to "exhibitors only — not open to general attendees" with "Exhibitors only" tag chips. Hero stat changed from "Free / Fast Lane Connections" to "Exclusive / Exhibitor networking". Megan Jun-26 — "I just want to reiterate this is exhibitors only. I don't want anyone thinking anyone in the community can just come. Only exhibitors can go in that room. So just talk more about that exclusivity part."