html:has(.oak-ev),body:has(.oak-ev){overflow-x:clip} .oak-ev{--ch:#1F1F1F;--gold:#C9A24B;--cream:#FAF6EE;--w:#fff;font-family:Inter,system-ui,sans-serif;color:var(--ch);width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;background:var(--cream);line-height:1.6;box-sizing:border-box;overflow-x:clip} .oak-ev *,.oak-ev *::before,.oak-ev *::after{box-sizing:border-box} .oak-ev h1,.oak-ev h2,.oak-ev h3{font-family:'Playfair Display',Georgia,serif!important;margin:0;color:inherit} .oak-ev p{margin:0}.oak-ev a{color:inherit} .oak-ev .oe-wrap{max-width:1100px;margin:0 auto;padding:0 24px} .oak-ev .oe-sec{padding:64px 0}.oak-ev .oe-white{background:#fff} .oak-ev .oe-crumb{padding:18px 0 0;font-size:14px;color:#555}.oak-ev .oe-crumb a{text-decoration:none}.oak-ev .oe-crumb a:hover{text-decoration:underline}.oak-ev .oe-crumb span{margin:0 6px} .oak-ev .oe-hero{padding:40px 0 64px} .oak-ev .oe-label{color:#8a6a1c;font-size:13px;font-weight:600;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase;display:flex;gap:12px;align-items:center;flex-wrap:wrap} .oak-ev .oe-badge{background:var(--gold);color:var(--ch);letter-spacing:.06em;padding:4px 12px;border-radius:999px;font-size:12px} .oak-ev h1{font-size:clamp(34px,5vw,54px);line-height:1.12;font-weight:700;margin-bottom:18px;max-width:820px} .oak-ev .oe-intro{font-size:18px;color:#444;max-width:720px;margin-bottom:28px} .oak-ev .oe-btns{display:flex;gap:12px;flex-wrap:wrap} .oak-ev .oe-btn{display:inline-block;font-size:16px;font-weight:600;text-decoration:none!important;padding:14px 28px;border-radius:999px;background:var(--gold);color:var(--ch)!important;border:2px solid var(--gold);text-align:center;transition:transform .15s} .oak-ev .oe-btn:hover{transform:translateY(-2px)} .oak-ev .oe-out{background:transparent;border-color:var(--ch)} .oak-ev a:focus-visible,.oak-ev summary:focus-visible{outline:3px solid var(--ch);outline-offset:3px} .oak-ev .oe-h2{font-size:clamp(26px,3.4vw,36px);line-height:1.2;font-weight:600;margin-bottom:22px} .oak-ev .oe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .oak-ev .oe-item{display:flex;flex-direction:column;gap:10px} .oak-ev .oe-ph{aspect-ratio:2/3;width:100%;border-radius:14px;border:2px solid var(--gold);display:flex;align-items:flex-end;justify-content:center;padding:14px 8px;background:repeating-linear-gradient(45deg,#fff 0 12px,#f3e9d0 12px 24px);box-shadow:0 8px 20px rgba(31,31,31,.1)} .oak-ev .oe-ph span{background:rgba(255,255,255,.94);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center} .oak-ev .oe-chips{display:flex;gap:6px;justify-content:center} .oak-ev .oe-chips b{font-size:12px;font-weight:600;border:1px solid var(--gold);border-radius:999px;padding:2px 10px;background:#fff} .oak-ev .oe-two{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center} .oak-ev .oe-two .oe-ph{max-width:260px;margin:0 auto} .oak-ev .oe-text p+p{margin-top:16px}.oak-ev .oe-text p{font-size:17px;color:#333;max-width:720px}.oak-ev .oe-text a{color:#8a6a1c;font-weight:600} .oak-ev .oe-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px} .oak-ev .oe-list li{background:var(--cream);border:1px solid #e8dfc9;border-radius:12px;padding:16px 18px 16px 48px;position:relative;font-size:16px} .oak-ev .oe-list li::before{content:"";position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:50%;background:var(--gold)} .oak-ev .oe-list a{color:#8a6a1c;font-weight:600} .oak-ev .oe-fmt{background:var(--ch);color:#fff;padding:36px 0} .oak-ev .oe-fmt .oe-wrap{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap} .oak-ev .oe-fmt ul{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0} .oak-ev .oe-fmt li{border:1px solid var(--gold);color:var(--gold);padding:6px 16px;border-radius:999px;font-weight:600;font-size:15px} .oak-ev .oe-fmt p{font-size:15px}.oak-ev .oe-fmt a{color:var(--gold)} .oak-ev .oe-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .oak-ev .oe-rc{display:block;background:#fff;border:1px solid #e8dfc9;border-radius:14px;padding:26px;text-decoration:none;transition:transform .15s} .oak-ev .oe-rc:hover{transform:translateY(-3px)} .oak-ev .oe-rc h3{font-size:22px;margin-bottom:8px}.oak-ev .oe-rc p{font-size:15px;color:#555;margin-bottom:12px}.oak-ev .oe-rc em{font-style:normal;font-weight:600;color:#8a6a1c} .oak-ev .oe-band{background:var(--ch);color:#fff;text-align:center;padding:72px 0} .oak-ev .oe-band h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:14px} .oak-ev .oe-band p{color:#ddd;margin:0 auto 26px;max-width:640px} @media(max-width:900px){.oak-ev .oe-grid{grid-template-columns:repeat(2,1fr)}.oak-ev .oe-two{grid-template-columns:1fr;gap:28px}.oak-ev .oe-cards{grid-template-columns:1fr}.oak-ev .oe-list{grid-template-columns:1fr}.oak-ev .oe-sec{padding:44px 0}.oak-ev .oe-hero{padding:28px 0 44px}} .oak-ev .oe-ph.oe-pv{padding:0;flex-shrink:0;overflow:hidden;background:#efe7d6;cursor:zoom-in;font:inherit;display:block;position:relative} .oak-ev .oe-ph.oe-pv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s} .oak-ev .oe-ph.oe-pv:hover img{transform:scale(1.03)} .oak-ev .oe-ph.oe-pv:focus-visible{outline:3px solid var(--ch);outline-offset:3px} .oak-ev .oe-ph.oe-pv .oe-more{position:absolute;right:10px;top:10px;background:rgba(31,31,31,.82);color:#FAF6EE;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px} .oak-ev .oe-cap{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:600;text-align:center;line-height:1.3} .oak-ev .oe-all{margin-top:24px;text-align:center}.oak-ev .oe-all a{color:#8a6a1c;font-weight:600} .oak-ev .ol-lb{position:fixed;inset:0;z-index:99999;background:rgba(20,20,20,.92);display:none;align-items:center;justify-content:center;padding:56px 16px 110px} .oak-ev .ol-lb.open{display:flex} .oak-ev .ol-fig{margin:0;max-width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px} .oak-ev .ol-fig img{max-width:100%;max-height:calc(100vh - 210px);width:auto;height:auto;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#2a2a2a} .oak-ev .ol-cap{color:#FAF6EE;font-size:15px;text-align:center}.oak-ev .ol-cap strong{font-family:'Playfair Display',Georgia,serif;font-size:20px;display:block;color:#FAF6EE} .oak-ev .ol-x,.oak-ev .ol-nav{position:absolute;background:rgba(250,246,238,.12);color:#FAF6EE;border:1px solid rgba(250,246,238,.35);border-radius:999px;cursor:pointer;font:600 22px/1 Inter,system-ui,sans-serif;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0} .oak-ev .ol-x:hover,.oak-ev .ol-nav:hover{background:#C9A24B;color:#1F1F1F;border-color:#C9A24B} .oak-ev .ol-x:focus-visible,.oak-ev .ol-nav:focus-visible,.oak-ev .ol-th button:focus-visible{outline:3px solid #C9A24B;outline-offset:2px} .oak-ev .ol-x{top:14px;right:14px}.oak-ev .ol-prev{left:14px;top:50%;transform:translateY(-50%)}.oak-ev .ol-next{right:14px;top:50%;transform:translateY(-50%)} .oak-ev .ol-th{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 12px} .oak-ev .ol-th button{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#333;cursor:pointer;opacity:.6} .oak-ev .ol-th button.on{border-color:#C9A24B;opacity:1}.oak-ev .ol-th img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:600px){.oak-ev .ol-nav{top:auto;bottom:86px;transform:none;width:42px;height:42px}.oak-ev .ol-th button{width:48px;height:48px}.oak-ev .ol-lb{padding:56px 8px 150px}} .oak-ev .oe-ph.oe-wide{aspect-ratio:16/9} .oak-ev .oe-ph.oe-strip{aspect-ratio:1/3;max-width:220px;margin:0 auto} .oak-ev .oe-guide{max-width:760px} .oak-ev .oe-guide h3{font-size:22px;margin:28px 0 10px} .oak-ev .oe-guide ol,.oak-ev .oe-guide ul{margin:0 0 16px;padding-left:22px;color:#333;font-size:17px} .oak-ev .oe-guide li+li{margin-top:8px} .oak-ev .oe-guide code{background:#efe7d6;padding:1px 6px;border-radius:4px;font-size:14px} .oak-ev .oe-note{background:#fff;border-left:4px solid var(--gold);padding:14px 18px;margin:18px 0;font-size:16px;color:#333} .oak-ev .oe-price{background:#fff;border:1px solid #e8dfc9;border-radius:12px;padding:18px 20px;margin:18px 0;font-size:16px} .oak-ev .oe-faq details{background:#fff;border:1px solid #e8dfc9;border-radius:12px;padding:14px 18px;margin:0 0 10px} .oak-ev .oe-faq summary{font-weight:600;cursor:pointer;font-size:17px} .oak-ev .oe-faq details p{margin-top:10px;color:#333;font-size:16px} .oak-ev .oe-soft{font-size:14px;color:#666;margin-top:8px}

Animated · Welcome screens80 designs

Photo booth welcome screens

Every Oak pack includes four welcome screens (landscape, iPad landscape, iPad portrait and mirror portrait). The greeting is generic, with TOUCH TO START only, so you can reuse the same screen across clients. Previews below show the 16:9 welcome for each design.

Welcome screen previews

White Rose Wedding

2x64x6

Boho Floral Wedding

2x64x6

Gold Leaf Wedding

2x64x6

Galaxy Neon Wedding

2x64x6

Congrats Grads

2x64x6

Eid Gold Corners

2x64x6

Pink Bow Valentine

2x64x6

Summer Soiree

2x64x6

Neon 50th Birthday

2x64x6

Cheers to 50 Years

2x64x6

Golden Era Birthday

2x64x6

Marigold Mehndi

2x64x6

Jewel-Toned Sangeet

2x64x6

Gilded Arch Nikah

2x64x6

Blush Garden Walima

2x64x6

Celestial Eid

2x64x6

Midnight Hanukkah

2x64x6

Starry Night Prom

2x64x6

Tropical Luau

2x64x6

Rustic Western

2x64x6

Mystic Masquerade

2x64x6

Gatsby Art Deco

2x64x6

Colour Splash Holi

2x64x6

Jolly Holiday Kids

2x64x6

Blush Peony Wedding

2x64x6

Tap a preview to also see the 4x6 print, table mockup and 2x6 strip for that design.

See animated overlays · All templates

Get every welcome screen with the membership

US$9.99/month or US$59.94/year (50% off US$119.88). 30-day money-back guarantee.

Join the membership
(function(){var r=document.querySelector('.oak-ev');if(!r||r.dataset.lb)return;r.dataset.lb=1; var BASE='https://photoboothtemplatesfree.com/wp-content/uploads/oak-previews/',G={"white-rose-wedding": ["White Rose Wedding", ["white-rose-wedding-hero.webp", "white-rose-wedding-1.webp", "white-rose-wedding-2.webp", "white-rose-wedding-3.webp"]], "blush-rose-wedding": ["Blush Rose Monogram Wedding", ["blush-rose-wedding-hero.webp", "blush-rose-wedding-1.webp", "blush-rose-wedding-2.webp", "blush-rose-wedding-3.webp"]], "boho-floral-wedding": ["Boho Floral Wedding", ["boho-floral-wedding-hero.webp", "boho-floral-wedding-1.webp", "boho-floral-wedding-2.webp", "boho-floral-wedding-3.webp"]], "gold-leaf-wedding": ["Gold Leaf Wedding", ["gold-leaf-wedding-hero.webp", "gold-leaf-wedding-1.webp", "gold-leaf-wedding-2.webp", "gold-leaf-wedding-3.webp"]], "vintage-gold-wedding": ["Vintage Gold Wedding", ["vintage-gold-wedding-hero.webp", "vintage-gold-wedding-1.webp", "vintage-gold-wedding-2.webp", "vintage-gold-wedding-3.webp"]], "modern-monogram-wedding": ["Modern Monogram Wedding", ["modern-monogram-wedding-hero.webp", "modern-monogram-wedding-1.webp", "modern-monogram-wedding-2.webp", "modern-monogram-wedding-3.webp"]], "lavender-wisteria-wedding": ["Lavender Wisteria Wedding", ["lavender-wisteria-wedding-hero.webp", "lavender-wisteria-wedding-1.webp", "lavender-wisteria-wedding-2.webp", "lavender-wisteria-wedding-3.webp"]], "galaxy-neon-wedding": ["Galaxy Neon Wedding", ["galaxy-neon-wedding-hero.webp", "galaxy-neon-wedding-1.webp", "galaxy-neon-wedding-2.webp", "galaxy-neon-wedding-3.webp"]], "emerald-deco-wedding": ["Emerald Deco Wedding", ["emerald-deco-wedding-hero.webp", "emerald-deco-wedding-1.webp", "emerald-deco-wedding-2.webp", "emerald-deco-wedding-3.webp"]], "glitter-bridal-shower": ["Glitter Bridal Shower", ["glitter-bridal-shower-hero.webp", "glitter-bridal-shower-1.webp", "glitter-bridal-shower-2.webp", "glitter-bridal-shower-3.webp"]], "congrats-grads": ["Congrats Grads", ["congrats-grads-hero.webp", "congrats-grads-1.webp", "congrats-grads-2.webp", "congrats-grads-3.webp"]], "boho-pampas-grad": ["Boho Pampas Graduation", ["boho-pampas-grad-hero.webp", "boho-pampas-grad-1.webp", "boho-pampas-grad-2.webp", "boho-pampas-grad-3.webp"]], "pink-stripe-baby-shower": ["Pink Stripe Baby Shower", ["pink-stripe-baby-shower-hero.webp", "pink-stripe-baby-shower-1.webp", "pink-stripe-baby-shower-2.webp", "pink-stripe-baby-shower-3.webp"]], "gold-christmas-corporate": ["Gold Christmas Corporate", ["gold-christmas-corporate-hero.webp", "gold-christmas-corporate-1.webp", "gold-christmas-corporate-2.webp", "gold-christmas-corporate-3.webp"]], "red-christmas-corporate": ["Red Christmas Corporate", ["red-christmas-corporate-hero.webp", "red-christmas-corporate-1.webp", "red-christmas-corporate-2.webp", "red-christmas-corporate-3.webp"]], "navy-diwali-corporate": ["Navy Diwali Corporate", ["navy-diwali-corporate-hero.webp", "navy-diwali-corporate-1.webp", "navy-diwali-corporate-2.webp", "navy-diwali-corporate-3.webp"]], "purple-halloween-corporate": ["Purple Halloween Social Corporate", ["purple-halloween-corporate-hero.webp", "purple-halloween-corporate-1.webp", "purple-halloween-corporate-2.webp", "purple-halloween-corporate-3.webp"]], "gold-year-end-corporate": ["Gold Year End Party Corporate", ["gold-year-end-corporate-hero.webp", "gold-year-end-corporate-1.webp", "gold-year-end-corporate-2.webp", "gold-year-end-corporate-3.webp"]], "winter-snowflake-corporate": ["Winter Snowflake Holiday Corporate", ["winter-snowflake-corporate-hero.webp", "winter-snowflake-corporate-1.webp", "winter-snowflake-corporate-2.webp", "winter-snowflake-corporate-3.webp"]], "new-year-watercolour-corporate": ["New Year Watercolour Corporate", ["new-year-watercolour-corporate-hero.webp", "new-year-watercolour-corporate-1.webp", "new-year-watercolour-corporate-2.webp", "new-year-watercolour-corporate-3.webp"]], "disco-confetti-corporate": ["Disco Confetti Corporate", ["disco-confetti-corporate-hero.webp", "disco-confetti-corporate-1.webp", "disco-confetti-corporate-2.webp", "disco-confetti-corporate-3.webp"]], "blue-gradient-conference": ["Blue Gradient Conference", ["blue-gradient-conference-hero.webp", "blue-gradient-conference-1.webp", "blue-gradient-conference-2.webp", "blue-gradient-conference-3.webp"]], "black-gold-gala-corporate": ["Black & Gold Awards Gala Corporate", ["black-gold-gala-corporate-hero.webp", "black-gold-gala-corporate-1.webp", "black-gold-gala-corporate-2.webp", "black-gold-gala-corporate-3.webp"]], "beach-palm-corporate": ["Beach Palm Summer Corporate", ["beach-palm-corporate-hero.webp", "beach-palm-corporate-1.webp", "beach-palm-corporate-2.webp", "beach-palm-corporate-3.webp"]], "eid-gold-corners": ["Eid Gold Corners", ["eid-gold-corners-hero.webp", "eid-gold-corners-1.webp", "eid-gold-corners-2.webp", "eid-gold-corners-3.webp"]], "ramadan-lantern-green": ["Ramadan Lantern Green", ["ramadan-lantern-green-hero.webp", "ramadan-lantern-green-1.webp", "ramadan-lantern-green-2.webp", "ramadan-lantern-green-3.webp"]], "spooky-pumpkin-halloween": ["Spooky Pumpkin Halloween", ["spooky-pumpkin-halloween-hero.webp", "spooky-pumpkin-halloween-1.webp", "spooky-pumpkin-halloween-2.webp", "spooky-pumpkin-halloween-3.webp"]], "pink-bow-valentine": ["Pink Bow Valentine", ["pink-bow-valentine-hero.webp", "pink-bow-valentine-1.webp", "pink-bow-valentine-2.webp", "pink-bow-valentine-3.webp"]], "summer-soiree": ["Summer Soiree", ["summer-soiree-hero.webp", "summer-soiree-1.webp", "summer-soiree-2.webp", "summer-soiree-3.webp"]], "navy-gold-50th": ["Navy & Gold 50th Birthday", ["navy-gold-50th-hero.webp", "navy-gold-50th-1.webp", "navy-gold-50th-2.webp", "navy-gold-50th-3.webp"]], "neon-50th": ["Neon 50th Birthday", ["neon-50th-hero.webp", "neon-50th-1.webp", "neon-50th-2.webp", "neon-50th-3.webp"]], "cheers-to-50": ["Cheers to 50 Years", ["cheers-to-50-hero.webp", "cheers-to-50-1.webp", "cheers-to-50-2.webp", "cheers-to-50-3.webp"]], "black-gold-40th": ["Black & Gold 40th Birthday", ["black-gold-40th-hero.webp", "black-gold-40th-1.webp", "black-gold-40th-2.webp", "black-gold-40th-3.webp"]], "wild-one-first-birthday": ["Wild One First Birthday", ["wild-one-first-birthday-hero.webp", "wild-one-first-birthday-1.webp", "wild-one-first-birthday-2.webp", "wild-one-first-birthday-3.webp"]], "sweet-sixteen-marquee": ["Sweet Sixteen Marquee", ["sweet-sixteen-marquee-hero.webp", "sweet-sixteen-marquee-1.webp", "sweet-sixteen-marquee-2.webp", "sweet-sixteen-marquee-3.webp"]], "teddy-first-birthday": ["Teddy First Birthday", ["teddy-first-birthday-hero.webp", "teddy-first-birthday-1.webp", "teddy-first-birthday-2.webp", "teddy-first-birthday-3.webp"]], "golden-era-birthday": ["Golden Era Birthday", ["golden-era-birthday-hero.webp", "golden-era-birthday-1.webp", "golden-era-birthday-2.webp", "golden-era-birthday-3.webp"]], "blooming-thirty-birthday": ["Blooming into Thirty Birthday", ["blooming-thirty-birthday-hero.webp", "blooming-thirty-birthday-1.webp", "blooming-thirty-birthday-2.webp", "blooming-thirty-birthday-3.webp"]], "first-lap-racing-birthday": ["First Lap Racing First Birthday", ["first-lap-racing-birthday-hero.webp", "first-lap-racing-birthday-1.webp", "first-lap-racing-birthday-2.webp", "first-lap-racing-birthday-3.webp"]], "purple-disco-sweet-16": ["Purple Disco Sweet 16", ["purple-disco-sweet-16-hero.webp", "purple-disco-sweet-16-1.webp", "purple-disco-sweet-16-2.webp", "purple-disco-sweet-16-3.webp"]], "marigold-mehndi": ["Marigold Mehndi", ["marigold-mehndi-hero.webp", "marigold-mehndi-1.webp", "marigold-mehndi-2.webp", "marigold-mehndi-3.webp"]], "jewel-toned-sangeet": ["Jewel-Toned Sangeet", ["jewel-toned-sangeet-hero.webp", "jewel-toned-sangeet-1.webp", "jewel-toned-sangeet-2.webp", "jewel-toned-sangeet-3.webp"]], "gilded-arch-nikah": ["Gilded Arch Nikah", ["gilded-arch-nikah-hero.webp", "gilded-arch-nikah-1.webp", "gilded-arch-nikah-2.webp", "gilded-arch-nikah-3.webp"]], "blush-garden-walima": ["Blush Garden Walima", ["blush-garden-walima-hero.webp", "blush-garden-walima-1.webp", "blush-garden-walima-2.webp", "blush-garden-walima-3.webp"]], "celestial-eid": ["Celestial Eid", ["celestial-eid-hero.webp", "celestial-eid-1.webp", "celestial-eid-2.webp", "celestial-eid-3.webp"]], "rangoli-radiance-diwali": ["Rangoli Radiance Diwali", ["rangoli-radiance-diwali-hero.webp", "rangoli-radiance-diwali-1.webp", "rangoli-radiance-diwali-2.webp", "rangoli-radiance-diwali-3.webp"]], "moonlit-vows-wedding": ["Moonlit Vows Wedding", ["moonlit-vows-wedding-hero.webp", "moonlit-vows-wedding-1.webp", "moonlit-vows-wedding-2.webp", "moonlit-vows-wedding-3.webp"]], "terracotta-arch-wedding": ["Terracotta Arch Wedding", ["terracotta-arch-wedding-hero.webp", "terracotta-arch-wedding-1.webp", "terracotta-arch-wedding-2.webp", "terracotta-arch-wedding-3.webp"]], "olive-branch-wedding": ["Olive Branch Wedding", ["olive-branch-wedding-hero.webp", "olive-branch-wedding-1.webp", "olive-branch-wedding-2.webp", "olive-branch-wedding-3.webp"]], "rose-scallop-quinceanera": ["Rose Scallop Quinceañera", ["rose-scallop-quinceanera-hero.webp", "rose-scallop-quinceanera-1.webp", "rose-scallop-quinceanera-2.webp", "rose-scallop-quinceanera-3.webp"]], "wildflower-garden-birthday": ["Wildflower Garden Birthday", ["wildflower-garden-birthday-hero.webp", "wildflower-garden-birthday-1.webp", "wildflower-garden-birthday-2.webp", "wildflower-garden-birthday-3.webp"]], "cosmic-adventure-birthday": ["Cosmic Adventure Birthday", ["cosmic-adventure-birthday-hero.webp", "cosmic-adventure-birthday-1.webp", "cosmic-adventure-birthday-2.webp", "cosmic-adventure-birthday-3.webp"]], "confetti-pop-birthday": ["Confetti Pop Birthday", ["confetti-pop-birthday-hero.webp", "confetti-pop-birthday-1.webp", "confetti-pop-birthday-2.webp", "confetti-pop-birthday-3.webp"]], "retro-roller-birthday": ["Retro Roller Birthday", ["retro-roller-birthday-hero.webp", "retro-roller-birthday-1.webp", "retro-roller-birthday-2.webp", "retro-roller-birthday-3.webp"]], "botanical-rainbow-baby-shower": ["Botanical Rainbow Baby Shower", ["botanical-rainbow-baby-shower-hero.webp", "botanical-rainbow-baby-shower-1.webp", "botanical-rainbow-baby-shower-2.webp", "botanical-rainbow-baby-shower-3.webp"]], "teal-momentum-corporate": ["Teal Momentum Corporate", ["teal-momentum-corporate-hero.webp", "teal-momentum-corporate-1.webp", "teal-momentum-corporate-2.webp", "teal-momentum-corporate-3.webp"]], "cobalt-prism-corporate": ["Cobalt Prism Corporate", ["cobalt-prism-corporate-hero.webp", "cobalt-prism-corporate-1.webp", "cobalt-prism-corporate-2.webp", "cobalt-prism-corporate-3.webp"]], "midnight-hanukkah": ["Midnight Hanukkah", ["midnight-hanukkah-hero.webp", "midnight-hanukkah-1.webp", "midnight-hanukkah-2.webp", "midnight-hanukkah-3.webp"]], "crimson-lantern-lunar-new-year": ["Crimson Lantern Lunar New Year", ["crimson-lantern-lunar-new-year-hero.webp", "crimson-lantern-lunar-new-year-1.webp", "crimson-lantern-lunar-new-year-2.webp", "crimson-lantern-lunar-new-year-3.webp"]], "evergreen-holiday-party": ["Evergreen Holiday Party", ["evergreen-holiday-party-hero.webp", "evergreen-holiday-party-1.webp", "evergreen-holiday-party-2.webp", "evergreen-holiday-party-3.webp"]], "scholarly-laurels-graduation": ["Scholarly Laurels Graduation", ["scholarly-laurels-graduation-hero.webp", "scholarly-laurels-graduation-1.webp", "scholarly-laurels-graduation-2.webp", "scholarly-laurels-graduation-3.webp"]], "golden-journey-retirement": ["Golden Journey Retirement", ["golden-journey-retirement-hero.webp", "golden-journey-retirement-1.webp", "golden-journey-retirement-2.webp", "golden-journey-retirement-3.webp"]], "champagne-cheers-anniversary": ["Champagne Cheers Anniversary", ["champagne-cheers-anniversary-hero.webp", "champagne-cheers-anniversary-1.webp", "champagne-cheers-anniversary-2.webp", "champagne-cheers-anniversary-3.webp"]], "little-wonder-gender-reveal": ["Little Wonder Gender Reveal", ["little-wonder-gender-reveal-hero.webp", "little-wonder-gender-reveal-1.webp", "little-wonder-gender-reveal-2.webp", "little-wonder-gender-reveal-3.webp"]], "blue-star-mitzvah": ["Blue Star Bar Mitzvah", ["blue-star-mitzvah-hero.webp", "blue-star-mitzvah-1.webp", "blue-star-mitzvah-2.webp", "blue-star-mitzvah-3.webp"]], "maple-leaf-canada-day": ["Maple Leaf Canada Day", ["maple-leaf-canada-day-hero.webp", "maple-leaf-canada-day-1.webp", "maple-leaf-canada-day-2.webp", "maple-leaf-canada-day-3.webp"]], "lucky-clover-st-patricks": ["Lucky Clover St. Patrick’s", ["lucky-clover-st-patricks-hero.webp", "lucky-clover-st-patricks-1.webp", "lucky-clover-st-patricks-2.webp", "lucky-clover-st-patricks-3.webp"]], "botanical-mothers-day": ["Botanical Mother’s Day", ["botanical-mothers-day-hero.webp", "botanical-mothers-day-1.webp", "botanical-mothers-day-2.webp", "botanical-mothers-day-3.webp"]], "starry-night-prom": ["Starry Night Prom", ["starry-night-prom-hero.webp", "starry-night-prom-1.webp", "starry-night-prom-2.webp", "starry-night-prom-3.webp"]], "carnival-fun-kids": ["Carnival Fun Kids’ Party", ["carnival-fun-kids-hero.webp", "carnival-fun-kids-1.webp", "carnival-fun-kids-2.webp", "carnival-fun-kids-3.webp"]], "tropical-luau": ["Tropical Luau", ["tropical-luau-hero.webp", "tropical-luau-1.webp", "tropical-luau-2.webp", "tropical-luau-3.webp"]], "rustic-western": ["Rustic Western", ["rustic-western-hero.webp", "rustic-western-1.webp", "rustic-western-2.webp", "rustic-western-3.webp"]], "mystic-masquerade": ["Mystic Masquerade", ["mystic-masquerade-hero.webp", "mystic-masquerade-1.webp", "mystic-masquerade-2.webp", "mystic-masquerade-3.webp"]], "gatsby-art-deco": ["Gatsby Art Deco", ["gatsby-art-deco-hero.webp", "gatsby-art-deco-1.webp", "gatsby-art-deco-2.webp", "gatsby-art-deco-3.webp"]], "championship-sports-fan": ["Championship Sports Fan", ["championship-sports-fan-hero.webp", "championship-sports-fan-1.webp", "championship-sports-fan-2.webp", "championship-sports-fan-3.webp"]], "colour-splash-holi": ["Colour Splash Holi", ["colour-splash-holi-hero.webp", "colour-splash-holi-1.webp", "colour-splash-holi-2.webp", "colour-splash-holi-3.webp"]], "jolly-holiday-kids": ["Jolly Holiday Kids", ["jolly-holiday-kids-hero.webp", "jolly-holiday-kids-1.webp", "jolly-holiday-kids-2.webp", "jolly-holiday-kids-3.webp"]], "velocity-product-launch-corporate": ["Velocity Product Launch Corporate", ["velocity-product-launch-corporate-hero.webp", "velocity-product-launch-corporate-1.webp", "velocity-product-launch-corporate-2.webp", "velocity-product-launch-corporate-3.webp"]], "sapphire-honours-awards-corporate": ["Sapphire Honours Awards Corporate", ["sapphire-honours-awards-corporate-hero.webp", "sapphire-honours-awards-corporate-1.webp", "sapphire-honours-awards-corporate-2.webp", "sapphire-honours-awards-corporate-3.webp"]], "blush-peony-wedding": ["Blush Peony Wedding", ["blush-peony-wedding-hero.webp", "blush-peony-wedding-1.webp", "blush-peony-wedding-2.webp", "blush-peony-wedding-3.webp"]]},CAP=["4x6 print preview with sample guests", "Welcome screen (16:9)", "Mockup: prints on a table", "2x6 photo strip preview"]; var lb=r.querySelector('.ol-lb'),im=lb.querySelector('.ol-fig img'),cap=lb.querySelector('.ol-cap'),th=lb.querySelector('.ol-th'),cur=null,i=0,last=null,tx=null; function show(n){var g=G[cur],f=g[1];i=(n+f.length)%f.length;im.src=BASE+f[i];im.alt=g[0]+': '+CAP[i]; cap.innerHTML='';var s=document.createElement('strong');s.textContent=g[0];cap.appendChild(s);cap.appendChild(document.createTextNode(CAP[i]+' ('+(i+1)+' of '+f.length+')')); [].forEach.call(th.children,function(b,k){b.classList.toggle('on',k===i);b.setAttribute('aria-current',k===i?'true':'false')})} function open(slug,from){if(!G[slug])return;cur=slug;last=from||document.activeElement;th.innerHTML=''; G[slug][1].forEach(function(f,k){var b=document.createElement('button');b.type='button';b.setAttribute('aria-label','Show image '+(k+1)+': '+CAP[k]);var t=document.createElement('img');t.src=BASE+f;t.alt='';t.loading='lazy';b.appendChild(t);b.addEventListener('click',function(){show(k)});th.appendChild(b)}); lb.hidden=false;lb.classList.add('open');document.documentElement.style.overflow='hidden';show(0);lb.querySelector('.ol-x').focus()} function close(){lb.classList.remove('open');lb.hidden=true;im.removeAttribute('src');document.documentElement.style.overflow='';if(last&&last.focus)last.focus()} lb.querySelector('.ol-x').addEventListener('click',close); lb.querySelector('.ol-prev').addEventListener('click',function(){show(i-1)}); lb.querySelector('.ol-next').addEventListener('click',function(){show(i+1)}); lb.addEventListener('click',function(e){if(e.target===lb)close()}); lb.addEventListener('touchstart',function(e){tx=e.touches[0].clientX},{passive:true}); lb.addEventListener('touchend',function(e){if(tx===null)return;var d=e.changedTouches[0].clientX-tx;if(Math.abs(d)>50)show(i+(d<0?1:-1));tx=null}); document.addEventListener('keydown',function(e){if(lb.hidden)return;if(e.key==='Escape')close();else if(e.key==='ArrowRight')show(i+1);else if(e.key==='ArrowLeft')show(i-1); else if(e.key==='Tab'){var f=[].slice.call(lb.querySelectorAll('button'));var a=f.indexOf(document.activeElement);if(e.shiftKey&&a<=0){e.preventDefault();f[f.length-1].focus()}else if(!e.shiftKey&&a===f.length-1){e.preventDefault();f[0].focus()}}}); r.querySelectorAll('.oe-pv[data-g]').forEach(function(b){b.addEventListener('click',function(e){e.preventDefault();open(b.getAttribute('data-g'),b)})}); })();