diff --git a/index.html b/index.html index bc6a452..94d579d 100644 --- a/index.html +++ b/index.html @@ -117,6 +117,13 @@ .hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:560px;line-height:1.7;margin-bottom:1.5rem} .hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem} .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem} + .hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)} + .hero-notice[hidden]{display:none} + .hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0} + .hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere} + .hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s} + .hero-notice-close:hover{background:rgba(13,27,46,.24)} + @keyframes heroNoticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}} .server-banner{background:var(--midnight);padding:2rem 0 1.5rem;border-top:1px solid var(--line-brass);border-bottom:1px solid var(--line-brass);position:relative;overflow:hidden} .server-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(201,162,39,.06) 0%,transparent 70%);pointer-events:none} .server-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem} @@ -138,7 +145,7 @@ .pricing-server-select{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.08);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;outline:none;cursor:pointer;min-width:180px} .pricing-server-select option{background:var(--midnight);color:#fff} @media(max-width:992px){.server-grid{grid-template-columns:repeat(3,1fr)}} - @media(max-width:768px){.hero{min-height:auto;padding:3rem 0 0}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.hero-stats{gap:.75rem}.hero-city-label{bottom:1rem;right:1rem;font-size:.78rem;padding:.5rem .9rem}} + @media(max-width:768px){.hero{min-height:auto;padding:3rem 0 0}.hero.has-hero-notice{padding-top:4.75rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.hero-stats{gap:.75rem}.hero-city-label{bottom:1rem;right:1rem;font-size:.78rem;padding:.5rem .9rem}.hero-notice{top:.75rem;left:.75rem;right:.75rem;max-width:none;font-size:.78rem}} @media(max-width:576px){.server-grid{grid-template-columns:repeat(2,1fr)}.server-banner-header{flex-direction:column;align-items:flex-start}} .status-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);display:inline-block;animation:statusPulse 1.2s ease-in-out infinite} @keyframes statusPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}} @@ -217,6 +224,11 @@ -->
+
Fully Managed Odoo Community Hosting

Deploy Odoo in 5 Minutes — Fully Managed Hosting

diff --git a/script.js b/script.js index 049b48a..d8b1964 100644 --- a/script.js +++ b/script.js @@ -96,6 +96,30 @@ var si = 0, } })(); +/* ---- Hero confirmation notice (shown when ?confirm=...) ---- */ +(function () { + var message = new URLSearchParams(window.location.search).get('confirm'); + if (!message || !message.trim()) return; + + var notice = document.getElementById('heroConfirmNotice'); + if (!notice) return; + + var text = notice.querySelector('.hero-notice-text'); + var close = notice.querySelector('.hero-notice-close'); + var hero = notice.closest('.hero'); + + text.textContent = message.trim(); + notice.hidden = false; + if (hero) hero.classList.add('has-hero-notice'); + + if (close) { + close.addEventListener('click', function () { + notice.hidden = true; + if (hero) hero.classList.remove('has-hero-notice'); + }); + } +})(); + if (slides.length > 0 && dots.length > 0) { function show(i, direction) { if (direction === undefined) return;