Edit Knowledge

Primary Question

Keywords (comma separated)

Content (Knowledge provided to AI) @section PageHead { .rf-page { font-family:'Plus Jakarta Sans',Helvetica,Arial,sans-serif; background:#f7f5ef; min-height:60vh; } .bp-global-banner { display: none !important; } .rf-hero { background:#051f12; padding:90px 20px 80px; position:relative; overflow:hidden; } .rf-hero::after { content:''; position:absolute; top:0; right:0; bottom:0; width:65%; background:url('/assets/images/coach-pei-real.png') no-repeat right 15%; background-size:cover; filter:brightness(0.65) contrast(1.15); -webkit-mask-image:linear-gradient(to right, transparent, black 35%); mask-image:linear-gradient(to right, transparent, black 35%); pointer-events:none; z-index:1; } .rf-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, #051f12 25%, rgba(8,85,54,0.65) 100%); pointer-events:none; z-index:2; } .rf-hero-inner { max-width:1140px; margin:0 auto; position:relative; z-index:3; text-align:left; } .rf-hero-label { font-size:11px; font-weight:800; color:#e86f2a; text-transform:uppercase; letter-spacing:3px; margin-bottom:14px; display:inline-block; } .rf-hero h1 { font-size:46px; font-weight:800; color:#fff; margin:0 0 16px; line-height:1.15; } .rf-hero p { font-size:17px; color:rgba(255,255,255,0.75); max-width:560px; margin:0; line-height:1.7; } .rf-filter-wrap { max-width:1140px; margin:0 auto; padding:36px 20px 0; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; } .rf-filter-btn { font-size:13px; font-weight:700; padding:9px 22px; border-radius:30px; border:1px solid #d4cfc3; background:#fff; color:#5a5a50; cursor:pointer; transition:all 0.25s; text-decoration:none; font-family:'Plus Jakarta Sans',Helvetica,Arial,sans-serif; } .rf-filter-btn:hover,.rf-filter-btn.active { background:#085536; color:#fff; border-color:#085536; } .rf-content { max-width:1140px; margin:0 auto; padding:40px 20px 80px; } /* featured */ .rf-featured { display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid #e3e0d6; border-radius:14px; overflow:hidden; margin-bottom:32px; box-shadow:0 6px 28px rgba(8,85,54,0.07); min-height:320px; position:relative; } .rf-feat-img { position:relative; overflow:hidden; } .rf-feat-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; min-height:300px; } .rf-featured:hover .rf-feat-img img { transform:scale(1.04); } .rf-feat-badges { position:absolute; bottom:18px; left:18px; display:flex; gap:8px; } .rf-badge { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; padding:5px 12px; border-radius:3px; background:rgba(8,85,54,0.85); color:#fff; } .rf-badge.orange { background:rgba(232,111,42,0.9); } .rf-feat-body { padding:40px 44px 36px; display:flex; flex-direction:column; position:relative; overflow:hidden; } .rf-feat-logo { position:absolute; bottom:-24px; right:-24px; width:160px; height:160px; object-fit:contain; opacity:0.07; pointer-events:none; transition:opacity 0.4s ease, transform 0.4s ease; } .rf-featured:hover .rf-feat-logo { opacity:0.17; transform:scale(1.1); } .rf-feat-cat { display:inline-block; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; color:#e86f2a; background:rgba(232,111,42,0.1); padding:4px 12px; border-radius:30px; margin-bottom:16px; align-self:flex-start; } .rf-feat-body h2 { font-size:26px; font-weight:800; color:#085536; margin:0 0 14px; line-height:1.3; } .rf-feat-body p { font-size:15px; color:#5a5a50; line-height:1.75; margin:0 0 28px; flex-grow:1; } .rf-feat-meta { font-size:12px; color:#9a9a8a; display:flex; gap:18px; margin-bottom:24px; } .rf-read-link { display:inline-flex; align-items:center; gap:6px; color:#085536; font-size:13px; font-weight:700; text-decoration:none; transition:color 0.2s; } .rf-read-link:hover { color:#e86f2a; } .rf-read-link::after { content:'→'; transition:transform 0.2s; } .rf-read-link:hover::after { transform:translateX(3px); } /* grid */ .rf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .rf-card { background:#fff; border:1px solid #e3e0d6; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 4px 16px rgba(8,85,54,0.05); transition:transform 0.32s ease, box-shadow 0.32s ease; text-decoration:none; } .rf-card:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(8,85,54,0.11); } .rf-card-img { position:relative; overflow:hidden; height:180px; } .rf-card-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; } .rf-card:hover .rf-card-img img { transform:scale(1.07); } .rf-card-logo { position:absolute; bottom:-10px; right:-10px; width:72px; height:72px; object-fit:contain; opacity:0.07; pointer-events:none; transition:opacity 0.35s ease, transform 0.35s ease; } .rf-card:hover .rf-card-logo { opacity:0.18; transform:scale(1.18); } .rf-card-body { padding:22px 22px 20px; display:flex; flex-direction:column; flex-grow:1; } .rf-card-cat { display:inline-block; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:1.4px; color:#e86f2a; background:rgba(232,111,42,0.09); padding:3px 10px; border-radius:30px; margin-bottom:11px; align-self:flex-start; } .rf-card h3 { font-size:16px; font-weight:800; color:#1c1c16; margin:0 0 10px; line-height:1.35; } .rf-card p { font-size:13px; color:#6b6b60; line-height:1.75; margin:0 0 18px; flex-grow:1; } .rf-card-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #f0ede6; padding-top:13px; margin-top:auto; font-size:11px; color:#9a9a8a; } .rf-card-read { display:inline-flex; align-items:center; gap:5px; color:#085536; font-size:12px; font-weight:700; text-decoration:none; transition:color 0.2s; } .rf-card-read:hover { color:#e86f2a; } .rf-card-read::after { content:'→'; transition:transform 0.2s; } .rf-card-read:hover::after { transform:translateX(3px); } /* newsletter */ .rf-newsletter { background:#f0ede6; border:1px solid #ddd8cc; border-radius:12px; padding:36px 28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 4px 16px rgba(8,85,54,0.04); } .rf-nl-icon { width:52px; height:52px; margin-bottom:18px; background:#085536; border-radius:50%; display:flex; align-items:center; justify-content:center; } .rf-nl-icon svg { width:26px; height:26px; stroke:#fff; fill:none; stroke-width:1.8; } .rf-newsletter h3 { font-size:19px; font-weight:800; color:#085536; margin:0 0 10px; } .rf-newsletter p { font-size:13px; color:#6b6b60; line-height:1.65; margin:0 0 22px; } .rf-nl-form { width:100%; } .rf-nl-form input[type=email] { width:100%; box-sizing:border-box; padding:11px 16px; border:1px solid #d4cfc3; border-radius:6px; font-size:14px; font-family:'Plus Jakarta Sans',Helvetica,Arial,sans-serif; margin-bottom:12px; background:#fff; color:#333; outline:none; } .rf-nl-form input[type=email]:focus { border-color:#085536; } .rf-nl-btn { width:100%; padding:12px; background:#085536; color:#fff; font-size:14px; font-weight:700; border:none; border-radius:0; cursor:pointer; letter-spacing:0.5px; font-family:'Plus Jakarta Sans',Helvetica,Arial,sans-serif; transition:background 0.3s; } .rf-nl-btn:hover { background:#e86f2a; } .rf-empty { text-align:center; padding:60px 20px; color:#9a9a8a; } .rf-empty i { font-size:40px; margin-bottom:16px; display:block; color:#c9c4b8; } @@media (max-width:980px) { .rf-featured { grid-template-columns:1fr; } .rf-feat-img img { min-height:240px; } .rf-grid { grid-template-columns:1fr 1fr; } .rf-hero h1 { font-size:30px; } } @@media (max-width:640px) { .rf-grid { grid-template-columns:1fr; } .rf-feat-body { padding:28px 24px 26px; } .rf-hero h1 { font-size:26px; } .rf-hero { padding:50px 16px 44px; } } } Coach Pei • Tai Chi Corner All Reflections Periodic wellness insights on mindfulness, movement, philosophy, and the art of living well. All Reflections Mindfulness Movement Philosophy Nature @if (featured == null && !cards.Any()) { No reflections published yet. Check back soon — Coach Pei is preparing new thoughts. } else { @if (featured != null) { Featured @featured.Category Most Recent @featured.Title @featured.Excerpt @if (featured.PublishedAt.HasValue) { @featured.PublishedAt.Value.ToString("MMMM d, yyyy") } @featured.ReadTimeMinutes min read Read Reflection } @if (cards.Any()) { @foreach (var c in cards) { @if (cardIdx == 4) { Join the Circle Receive Coach Pei's reflections and practice tips, delivered with calm intention. Subscribe Quietly } @c.Category @c.Title @(c.Excerpt.Length > 90 ? c.Excerpt[..90] + "…" : c.Excerpt) @c.ReadTimeMinutes min read Read cardIdx++; } } } ← Back to Tai Chi Program @section Scripts { document.addEventListener('DOMContentLoaded', function () { // ── Category filter ──────────────────────────────────────────────────── var btns = document.querySelectorAll('.rf-filter-btn'); var featured = document.querySelector('.rf-featured'); var cards = document.querySelectorAll('.rf-grid .rf-card'); var newsletter = document.querySelector('.rf-newsletter'); btns.forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); btns.forEach(function(b){ b.classList.remove('active'); }); btn.classList.add('active'); var filter = btn.getAttribute('data-filter'); if (featured) { var fc = featured.getAttribute('data-category') || ''; featured.style.display = (filter === 'all' || fc === filter) ? '' : 'none'; } if (newsletter) newsletter.style.display = filter === 'all' ? '' : 'none'; cards.forEach(function(card) { var cat = card.getAttribute('data-category') || ''; card.style.display = (filter === 'all' || cat === filter) ? '' : 'none'; }); }); }); // ── Newsletter: two-step SweetAlert subscription flow ───────────────── var nlBtn = document.getElementById('rf-nl-btn'); if (nlBtn) { nlBtn.addEventListener('click', async function () { var emailInput = document.getElementById('rf-nl-email'); var email = emailInput ? emailInput.value.trim() : ''; if (!email || !/^[^\s@@]+@@[^\s@@]+\.[^\s@@]+$/.test(email)) { Swal.fire({ html: ` Attention Invalid email address We need a valid email address to add you to the Circle. `, buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, confirmButtonText: 'Try Again' }); return; } // Step 2 — ask for name using premium custom styled Swal const { value: name, isConfirmed } = await Swal.fire({ html: ` 🌿 Welcome to the Circle! Coach Pei would love to know your name to personalise your Tai Chi wellness journey. Your First Name `, focusConfirm: false, showCancelButton: false, confirmButtonText: 'Join the Circle', buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, preConfirm: () => { const name = document.getElementById('swal-input-name').value.trim(); if (!name || name.length !Swal.isLoading() }); if (!isConfirmed || !name) return; // Submit via fetch to the AJAX handler var token = document.querySelector('input[name="__RequestVerificationToken"]'); var fd = new FormData(); fd.append('email', email); fd.append('name', name.trim()); if (token) fd.append('__RequestVerificationToken', token.value); try { nlBtn.disabled = true; nlBtn.textContent = 'Joining…'; var res = await fetch('?handler=Subscribe', { method: 'POST', body: fd }); var data = await res.json(); if (data.success) { if (data.alreadySubscribed) { Swal.fire({ html: ` You're Already in! 🌿 Welcome back! ${data.message} `, buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, confirmButtonText: 'Great!' }); } else { Swal.fire({ html: ` You're in the Circle! 🌿 Welcome aboard! Welcome, ${name} ! Coach Pei will send you new reflections and Tai Chi practice tips directly to your inbox. `, buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, confirmButtonText: 'Thank you!' }); document.getElementById('rf-nl-form').innerHTML = ' ✓ You\'re subscribed! '; } } else { Swal.fire({ html: ` Oops! An error occurred ${data.message || 'Something went wrong. Please try again.'} `, buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, confirmButtonText: 'OK' }); nlBtn.disabled = false; nlBtn.textContent = 'Subscribe Quietly'; } } catch (err) { Swal.fire({ html: ` Connection Error Failed to connect Please check your connection and try again. `, buttonsStyling: false, customClass: { popup: 'bp-swal-popup', htmlContainer: 'bp-swal-html', confirmButton: 'bp-swal-confirm' }, confirmButtonText: 'OK' }); nlBtn.disabled = false; nlBtn.textContent = 'Subscribe Quietly'; }); } }); }

Related Questions (JSON Array of strings)

Recommended Actions (JSON Array of objects) []

Active

Save Changes Cancel