❦
❦
❦
❦
✦

|| உ ||

✦
ஸ்ரீ முருகன் துணை ❖ ஸ்ரீ விநாயகர் துணை
✦

திருமண வரவேற்பு விழா

✦
S. செல்வசேகர் & T. பவாஸ்ரீ
❖ மணமக்கள் ❖

S. செல்வசேகர் ♥ & ♥ T. பவாஸ்ரீ

👉 திறக்க இங்கே தொடவும் 👈
திருமண வரவேற்பிற்கு இன்னும்...
00 நாட்கள்
00 மணி
00 நிமிடம்
00 விநாடி
MP Invites
திருமண வரவேற்பு அழைப்பிதழ் - S. செல்வசேகர் & T. பவாஸ்ரீ
ort re sys.stdout.reconfigure(encoding='utf-8') # Read current invite.html source_path = r'E:\Shop_Projects\MaharajPrinters_Enterprise\firebase_public_invite\invite.html' with open(source_path, 'r', encoding='utf-8') as f: content = f.read() # 1. CSS for 6 Themes & 5 3D Openers css_injection = """ /* ======================================================== MP INVITES 30 VARIATIONS ENGINE: 5 3D MODELS x 6 THEMES ======================================================== */ /* 1. THEME PALETTES */ body.theme-maroon { background-color: #3b050d !important; background-image: radial-gradient(circle at 50% 0%, #680917 0%, #4a0610 60%, #35040b 100%) !important; --theme-primary: #3b050d; --theme-card: #5a0914; --theme-accent: #ffd700; --theme-border: #d4af37; --theme-text: #ffe480; } body.theme-green { background-color: #022013 !important; background-image: radial-gradient(circle at 50% 0%, #064e3b 0%, #022c1d 60%, #01170f 100%) !important; --theme-primary: #022013; --theme-card: #043822; --theme-accent: #10b981; --theme-border: #34d399; --theme-text: #a7f3d0; } body.theme-pink { background-color: #2d0515 !important; background-image: radial-gradient(circle at 50% 0%, #831843 0%, #500724 60%, #290312 100%) !important; --theme-primary: #2d0515; --theme-card: #4a0822; --theme-accent: #fb7185; --theme-border: #f43f5e; --theme-text: #fecdd3; } body.theme-blue { background-color: #051429 !important; background-image: radial-gradient(circle at 50% 0%, #1e3a8a 0%, #0c2340 60%, #030d1c 100%) !important; --theme-primary: #051429; --theme-card: #0a254a; --theme-accent: #60a5fa; --theme-border: #3b82f6; --theme-text: #bfdbfe; } body.theme-ivory { background-color: #1f140a !important; background-image: radial-gradient(circle at 50% 0%, #452a15 0%, #2c1a0e 60%, #170d06 100%) !important; --theme-primary: #1f140a; --theme-card: #332212; --theme-accent: #e5b869; --theme-border: #d4af37; --theme-text: #fde68a; } body.theme-purple { background-color: #1c052e !important; background-image: radial-gradient(circle at 50% 0%, #4c1d95 0%, #2e1065 60%, #170329 100%) !important; --theme-primary: #1c052e; --theme-card: #330b54; --theme-accent: #c084fc; --theme-border: #a855f7; --theme-text: #e9d5ff; } /* 2. 3D OPENING MECHANISMS */ .stage-3d-wrap { perspective: 1200px; transform-style: preserve-3d; } /* MODEL 2: WAX SEAL ENVELOPE */ .envelope-3d-container { position: absolute; bottom: 12px; left: 12px; right: 12px; height: 290px; background: var(--theme-card, #5a0914); border-radius: 20px; border: 2.5px solid var(--theme-border, #d4af37); box-shadow: 0 25px 60px rgba(0,0,0,0.95); z-index: 45; transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.7s ease; } .envelope-flap-3d { position: absolute; top: 0; left: 0; right: 0; height: 0; border-style: solid; border-width: 145px 175px 0 175px; border-color: var(--theme-primary, #3b050d) transparent transparent transparent; transform-origin: top; transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); z-index: 50; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.7)); } .wax-seal-btn-3d { position: absolute; top: 105px; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; background: radial-gradient(circle at 35% 35%, #e11d48, #881337 70%, #4c0519 100%); border-radius: 50%; border: 2.5px dashed #ffd700; box-shadow: 0 6px 20px rgba(0,0,0,0.9), inset 0 2px 4px rgba(255,255,255,0.4); z-index: 55; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; animation: pulseSeal 2s infinite ease-in-out; } @keyframes pulseSeal { 0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 6px 20px rgba(0,0,0,0.9), 0 0 15px rgba(225,29,72,0.4); } 50% { transform: translateX(-50%) scale(1.06); box-shadow: 0 8px 25px rgba(0,0,0,0.95), 0 0 25px rgba(255,215,0,0.6); } } .envelope-open-state .envelope-flap-3d { transform: rotateX(180deg); z-index: 20; } .envelope-open-state .wax-seal-btn-3d { transform: translateX(-50%) scale(0.6); opacity: 0; pointer-events: none; } .envelope-open-state .envelope-3d-container { transform: translateY(120px) scale(0.95); opacity: 0; pointer-events: none; } /* MODEL 3: ROYAL GOLDEN SCROLL */ .scroll-rod-3d { width: 95%; left: 2.5%; height: 32px; background: linear-gradient(180deg, #fff3c4 0%, #ffd700 40%, #b38728 75%, #734f10 100%); border-radius: 16px; box-shadow: 0 6px 18px rgba(0,0,0,0.85), inset 0 2px 4px rgba(255,255,255,0.5); position: absolute; z-index: 45; transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); display: flex; align-items: center; justify-content: space-between; padding: 0 8px; } .rod-top-3d { top: 50%; transform: translateY(-100%); } .rod-bottom-3d { top: 50%; transform: translateY(0); } .scroll-unrolled-state .rod-top-3d { transform: translateY(-380px); opacity: 0; } .scroll-unrolled-state .rod-bottom-3d { transform: translateY(380px); opacity: 0; } /* MODEL 4: 3D HARDCOVER BOOK */ .book-wrapper-3d { position: absolute; inset: 8px; z-index: 45; transform-style: preserve-3d; perspective: 1400px; } .book-cover-3d { position: absolute; inset: 0; background: var(--theme-card, #5a0914); border: 3.5px solid var(--theme-border, #d4af37); border-radius: 20px; transform-origin: left center; transition: transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: -15px 20px 45px rgba(0,0,0,0.95); z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; cursor: pointer; } .book-opened-state .book-cover-3d { transform: rotateY(-135deg); pointer-events: none; opacity: 0; } /* MODEL 5: FLOATING GLASS CARD */ .glass-card-3d { position: absolute; inset: 12px; background: rgba(255, 255, 255, 0.08); border: 2px solid rgba(255, 215, 0, 0.6); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-radius: 28px; box-shadow: 0 25px 60px rgba(0,0,0,0.9), inset 0 0 25px rgba(255,215,0,0.25); z-index: 45; transition: transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.7s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; cursor: pointer; } .glass-opened-state .glass-card-3d { transform: scale(1.18) translateY(-40px); opacity: 0; pointer-events: none; } /* 3D Model Quick Switcher Bar (Bottom docked) */ .model-switcher-dock { position: fixed; bottom: 75px; left: 50%; transform: translateX(-50%); z-index: 120; background: rgba(10, 5, 8, 0.94); border: 1.5px solid rgba(212, 175, 55, 0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 9999px; padding: 4px 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.9), 0 0 15px rgba(212,175,55,0.3); max-width: 96vw; overflow-x: auto; } """ print("CSS block prepared, length:", len(css_injection))