(function() { 'use strict'; var STORAGE_KEY = 'rb-invite-preview-v1'; var STYLES = [ { key: 'traditionalist', name: 'Traditionalist', keywords: 'Timeless, Formal, Royal', direction: 'Serif fonts (Caslon or Baskerville), centered alignment, heavy white space, and border details.', main: 'Mr. and Mrs. [Bride Parents]\nrequest the honour of your presence\nat the marriage of their daughter\n\n[Bride Full Name]\nto\n[Groom Full Name]\n\non [Day of the Week], the [Day] of [Month]\ntwo thousand and twenty-seven\nat [Time] in the evening\n\n[Venue Name]\n[Venue Address]\n[City, State]', rsvp: 'The favour of your reply\nis requested by the [Day] of [Month]\n\nM ________________________________\n\n___ accepts with pleasure\n___ declines with regret\n\nKindly indicate your meal selection\n___ Beef ___ Fish ___ Vegetarian', details: 'Reception to follow at\n[Reception Venue]\n[Address]\n\nDress code: Black tie optional\n\nFor accommodations, lodging, and registry\nplease visit [YourWebsite.com]' }, { key: 'modern', name: 'Modern Minimalist', keywords: 'Clean, Bold, Architectural', direction: 'Sans-serif (Montserrat or Inter), left-justified text, no icons or illustrations.', main: '[BRIDE]\n+\n[GROOM]\n\n[MONTH] [DAY], [YEAR]\n[CITY], [STATE]\n\nDETAILS AT [YOURWEBSITE.COM]', rsvp: 'WILL YOU JOIN US?\n\nNAME ________________________\n\n[ ] YES, COUNT ME IN\n[ ] NO, I WILL CELEBRATE FROM AFAR\n\nMEAL\n[ ] BEEF [ ] FISH [ ] VEG\n\nRSVP BY [DATE]', details: 'WHEN\n[Date], [Time]\n\nWHERE\n[Venue Name]\n[Address]\n\nWHAT TO WEAR\n[Dress code]\n\nMORE INFO\n[YourWebsite.com]' }, { key: 'boho', name: 'Boho Romantic', keywords: 'Earthy, Whimsical, Warm', direction: 'Script headers, botanical line art (terracotta and sage colors), centered but relaxed.', main: 'Under the open sky\n[Bride] & [Groom]\nare saying I do\n\nWith hearts full of joy\nplease join us as we exchange vows\nand begin our next chapter\n\n[Date]\n[Venue Name]\n[City, State]\n\nLove always finds its way', rsvp: 'Will you be by our side?\n\nName(s) ____________________\n\nJoyfully attending\nUnable to celebrate\n\nMeal of choice\nBeef Fish Vegan\n\nKindly reply by [Date]', details: 'Reception in the garden\n[Reception Venue]\n[Address]\n\nDress code: Relaxed elegance\nThink linen, florals, and your favorite sandals\n\nAccommodations and more\n[YourWebsite.com]' }, { key: 'blacktie', name: 'Black Tie Chic', keywords: 'Prestigious, High-Contrast', direction: 'High-contrast Serif, monochromatic (black and white), thin line borders, justified text.', main: 'Together with their families\n\n[Bride Full Name]\nAND\n[Groom Full Name]\n\nrequest the pleasure of your company\nat the celebration of their marriage\n\nSaturday, the [Day] of [Month]\ntwo thousand and twenty-seven\n[Time] in the evening\n\n[Venue Name]\n[Address]', rsvp: 'Please respond by [Date]\n\nName ____________________\n\nAccepts with pleasure\nDeclines with regret\n\nNumber attending: ____\n\nMenu selection\nBeef Fish Vegetarian', details: 'Black tie attire requested\n\nReception immediately following\n[Address]\n\nAccommodations and travel\n[YourWebsite.com]\n\nNo gifts please. Your presence is the gift.' }, { key: 'destination', name: 'Destination', keywords: 'Adventure, Tropical, Postal', direction: 'Airmail stripes or passport-style layouts, icons for "flight" or "sun".', main: 'Pack your bags\n\n[Bride] & [Groom]\nare tying the knot in\n[Destination City], [Country]\n\n[Date]\n\nJoin us on our next adventure\n\nAll travel details at\n[YourWebsite.com]', rsvp: 'Boarding pass to our wedding\n\nName ____________________\n\nAll aboard (accept)\nMissed the flight (decline)\n\nMeal preference\nBeef Fish Vegan\n\nRSVP by [Date]', details: 'Travel and lodging\nGroup rate at [Hotel Name]\nUse code: WEDDING\n\nThings to do\n[Activity 1]\n[Activity 2]\n\nWeather and what to pack\n[YourWebsite.com]' }, { key: 'industrial', name: 'Industrial Edgy', keywords: 'Raw, Urban, Monospaced', direction: 'Typewriter fonts (Courier), grid layouts, bold block text, gray and navy tones.', main: 'GET MARRIED\nEAT WELL\nDANCE LATE\n\n[BRIDE] + [GROOM]\n[DATE]\n[CITY]\n\n7PM | [VENUE]\n[ADDRESS]\n\nINFO / [YOURWEBSITE.COM]', rsvp: 'RSVP / / / / / / / / /\n\nNAME: ____________________\n\n[X] IN\n[ ] OUT\n\nMEAL\n[ ] BEEF\n[ ] FISH\n[ ] VEG\n\nDEADLINE / [DATE]', details: 'WHERE / [VENUE]\nWHEN / [TIME]\nDRESS / COCKTAIL\n\nSTAY / [HOTEL NAME]\nMORE / [YOURWEBSITE.COM]' }, { key: 'coastal', name: 'Coastal Breezy', keywords: 'Airy, Ocean, Soft', direction: 'Watercolor washes, light blue and sand palette, italicized scripts.', main: 'Where the ocean meets the shore\n[Bride] and [Groom]\nare getting married\n\n[Date]\n[Coastal Venue]\n[City, State]\n\nBring your toast for sunset\n\n[YourWebsite.com]', rsvp: 'Sail with us\n\nName ____________________\n\nAnchors aweigh (yes)\nLand-bound (no)\n\nDinner please\nFresh catch Beef Garden\n\nReply by [Date]', details: 'Toes in the sand ceremony\n[Beach Venue]\n[Address]\n\nDress code: Coastal cocktail\nGo light, bring layers for the breeze\n\nHotel rates and travel\n[YourWebsite.com]' }, { key: 'vintage', name: 'Vintage Retro', keywords: 'Mid-Century, Nostalgic', direction: 'Art Deco borders or 70s "Groovy" typography, muted sunset colors.', main: 'You are cordially invited\nto the wedding of\n\n[Bride]\nand\n[Groom]\n\nSaturday, [Date]\nat [Time]\n\n[Venue Name]\n[Address]\n\nReception, dinner, and dancing\nto follow', rsvp: 'Kindly reply\nby [Date]\n\nName ______________\n\nDelighted to attend\nRegretfully declines\n\nMeal\nPrime rib Salmon Mushroom risotto', details: 'Cocktails at six\nDinner at seven\nDancing until midnight\n\nAttire: Cocktail vintage\nFur, sequins, suits welcome\n\nAccommodations and registry\n[YourWebsite.com]' }, { key: 'whimsical', name: 'Whimsical', keywords: 'Playful, Vibrant, Bold', direction: 'Hand-drawn elements, asymmetrical layouts, bright and bold color pops.', main: 'Love is in the air!\n\n[Bride] is marrying [Groom]\nand we want you there\n\n[Date]\n[Venue]\n[City]\n\nExpect dancing, color, and cake\nWear something fun\n\n[YourWebsite.com]', rsvp: 'Are you in?\n\nName ________________\n\nYes, party time!\nCan\'t make it, sad face\n\nDinner pick\nBeef Fish Veggie\n\nReply by [Date]', details: 'Doors open at [Time]\nCeremony, cocktails, dinner, dancing\nUntil [End Time]\n\nDress code: Festive cocktail\nNo black-tie energy, just good vibes\n\nMore info\n[YourWebsite.com]' }, { key: 'garden', name: 'Garden Organic', keywords: 'Delicate, Floral, Soft', direction: 'Full floral borders or corner crests, elegant cursive, pastel palettes.', main: 'Among the flowers and trees\n\n[Bride Full Name]\nand\n[Groom Full Name]\n\ninvite you to share in their joy\nas they exchange vows\n\n[Date] at [Time]\n[Garden Venue]\n[Address]\n\nReception in the rose garden to follow', rsvp: 'Will you join us\nin the garden?\n\nName ____________________\n\nJoyfully accepts\nRespectfully declines\n\nMeal choice\nChicken Salmon Vegetarian\n\nReply by [Date]', details: 'Outdoor ceremony at [Time]\nBring sunglasses or a sun hat\n\nDress code: Garden formal\nFlats recommended for grass\n\nAccommodations and weather updates\n[YourWebsite.com]' } ]; var CHECKS = [ 'Hosts (parents or couple) listed correctly per traditional or modern etiquette.', 'Date spelled out for formal weddings or written in digits for modern aesthetic.', 'Ceremony Start Time clearly distinguished from Guest Arrival Time.', 'Full physical venue address included with zip code for GPS accuracy.', 'RSVP By date set 4 to 6 weeks before the wedding.', 'Wedding website URL is easy to read and free of complicated characters.', 'Details card clearly outlines the dress code.', 'Adults Only wording included if children are not invited.', 'Meal selection clearly listed on the RSVP card for caterer count.', 'Rain Plan address included if location may change due to weather.', 'Spelling of every name and accuracy of every digit double-checked.', 'Mailing Date on internal calendar to send invites 8 to 10 weeks early.', 'Design leaves enough white space to remain legible after printing.', 'Postage requirements checked for non-standard envelope shapes or heavy cardstock.' ]; var state = loadState(); function loadState() { try { var raw = localStorage.getItem(STORAGE_KEY); if (raw) return JSON.parse(raw); } catch (e) {} return { style: 'traditionalist', checks: {} }; } function saveState() { try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } catch (e) {} } function escapeHtml(s) { if (s == null) return ''; return String(s).replace(/[&<>"']/g, function(c) { return { '&':'&','<':'<','>':'>','"':'"',"'":''' }[c]; }); } function getStyle(k) { for (var i = 0; i < STYLES.length; i++) if (STYLES[i].key === k) return STYLES[i]; return STYLES[0]; } function renderStyleButtons() { var c = document.getElementById('rb-styles'); var html = ''; STYLES.forEach(function(s) { html += '' + escapeHtml(s.name) + ''; }); c.innerHTML = html; } function renderStylePanel() { var s = getStyle(state.style); document.getElementById('rb-style-title').textContent = 'The ' + s.name; document.getElementById('rb-style-keywords').textContent = s.keywords; document.getElementById('rb-style-direction').textContent = s.direction; var stack = document.getElementById('rb-wording-stack'); var pieces = [ { key: 'main', label: 'Main invitation', text: s.main }, { key: 'rsvp', label: 'RSVP card', text: s.rsvp }, { key: 'details', label: 'Details card', text: s.details } ]; var html = ''; pieces.forEach(function(p) { html += ''; }); stack.innerHTML = html; } function renderChecks() { var c = document.getElementById('rb-checks'); var html = ''; CHECKS.forEach(function(t, i) { var done = !!state.checks[i]; html += '

' + '' + '' + escapeHtml(t) + '' + '

'; }); c.innerHTML = html; } function copyText(pieceKey, btn) { var s = getStyle(state.style); var text = s[pieceKey] || ''; var fallback = function() { var ta = document.createElement('textarea'); ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); } catch (e) {} document.body.removeChild(ta); }; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).catch(fallback); } else { fallback(); } btn.classList.add('is-copied'); var label = btn.querySelector('.rb-copy-label'); if (label) label.textContent = 'Copied!'; setTimeout(function() { btn.classList.remove('is-copied'); if (label) label.textContent = 'Copy'; }, 1800); } function attachEvents() { document.getElementById('rb-styles').addEventListener('click', function(e) { var btn = e.target.closest('[data-style]'); if (btn) { state.style = btn.getAttribute('data-style'); saveState(); renderStyleButtons(); renderStylePanel(); } }); document.getElementById('rb-wording-stack').addEventListener('click', function(e) { var btn = e.target.closest('[data-copy]'); if (btn) copyText(btn.getAttribute('data-copy'), btn); }); document.getElementById('rb-checks').addEventListener('change', function(e) { var c = e.target.closest('[data-check]'); if (c) { var i = Number(c.getAttribute('data-check')); state.checks[i] = c.checked; saveState(); var li = c.closest('.rb-check-item'); if (li) li.classList.toggle('is-done', c.checked); } }); } renderStyleButtons(); renderStylePanel(); renderChecks(); attachEvents(); })();