Edit Knowledge

Primary Question

Keywords (comma separated)

Content (Knowledge provided to AI) .dashboard-grid { display: grid; grid-template-columns: 2.2fr 1fr; gap: 24px; } @@media (max-width: 900px) { .dashboard-grid { grid-template-columns: 1fr; } } .card { background: white; border-radius: 4px; padding: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border: 1px solid var(--bp-border); margin-bottom: 24px; } .welcome-card { background: linear-gradient(135deg, var(--bp-green-dark) 0%, var(--bp-green) 100%); color: white; padding: 28px; position: relative; overflow: hidden; } .welcome-card h1 { margin: 0 0 8px 0; font-size: 24px; color: white; } .welcome-card p { margin: 0 0 20px 0; opacity: 0.9; font-size: 15px; } /* Score Hero Box */ .score-hero-card { background: white; position: relative; } .score-hero-card.status-AMBER { } .score-hero-card.status-RED { } .score-top-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; } @@media (max-width: 600px) { .score-top-grid { grid-template-columns: 1fr; } } .score-box-mini { background: var(--bp-beige); border: 1px solid var(--bp-border); border-radius: 4px; padding: 16px; } .score-box-mini h4 { margin: 0 0 6px 0; font-size: 12px; font-weight: 700; color: var(--bp-text-muted); text-transform: uppercase; letter-spacing: 0.5px; } .score-box-mini .big-num { font-size: 32px; font-weight: 800; color: var(--bp-text); line-height: 1; } .score-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 4px; font-size: 14px; font-weight: 700; } .score-badge.status-GREEN { background: var(--bp-green-light); color: var(--bp-green-dark); } .score-badge.status-AMBER { background: var(--bp-orange-light); color: var(--bp-orange); } .score-badge.status-RED { background: #fff5f5; color: var(--bp-red); } .score-progress-bar { height: 12px; background: var(--bp-border); border-radius: 4px; overflow: hidden; margin-bottom: 20px; } .score-progress-fill { height: 100%; background: var(--bp-green); transition: width 0.4s ease; } .score-progress-fill.status-AMBER { background: var(--bp-orange); } .score-progress-fill.status-RED { background: var(--bp-red); } .tier-breakdown-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; } @@media (max-width: 600px) { .tier-breakdown-grid { grid-template-columns: 1fr; } } .tier-card { background: var(--bp-beige); border: 1px solid var(--bp-border); border-radius: 4px; padding: 16px; } .tier-card h4 { margin: 0 0 6px 0; font-size: 12px; color: var(--bp-text-muted); text-transform: uppercase; letter-spacing: 0.5px; } .tier-card .tier-val { font-size: 22px; font-weight: 700; color: var(--bp-green-dark); } /* 7-DAY DAILY TRACKER CALENDAR */ .calendar-title { font-size: 16px; font-weight: 800; color: var(--bp-green-dark); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0; margin-bottom: 16px; } .calendar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @@media (max-width: 700px) { .calendar-grid { grid-template-columns: repeat(2, 1fr); } } @@media (max-width: 480px) { .calendar-grid { grid-template-columns: 1fr; } } .calendar-card { background: #f8fafc; border: 1.5px solid #e2e8f0; border-radius: 8px; padding: 20px 14px; text-align: center; transition: all 0.2s ease; text-decoration: none; color: inherit; display: block; position: relative; } .calendar-card:hover { border-color: var(--bp-green); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.06); } .calendar-card.logged { background: #f0fdf4; border-color: #86efac; } .calendar-card.today { border-color: var(--bp-orange); box-shadow: 0 0 0 2px rgba(232, 111, 42, 0.2); } .calendar-card .day-label { font-size: 13px; font-weight: 800; color: var(--bp-text-light); text-transform: uppercase; margin-bottom: 12px; } .calendar-card .status-circle { width: 44px; height: 44px; border-radius: 50%; background: #94a3b8; color: white; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; margin: 0 auto 10px auto; } .calendar-card.logged .status-circle { background: #16a34a; } .calendar-card .status-text { font-size: 13px; font-weight: 700; color: var(--bp-text-muted); } .calendar-card.logged .status-text { color: #166534; } /* Animated Trophy Styles */ .trophy-container { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; background: var(--bp-beige); border: 1px solid var(--bp-border); border-radius: 4px; } @@keyframes trophyGlow { 0% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.4)); } 50% { transform: scale(1.04); filter: drop-shadow(0 0 16px rgba(250, 204, 21, 0.8)); } 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.4)); } } @@keyframes starSparkle { 0%, 100% { opacity: 0.2; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1.2); } } .trophy-svg { width: 100px; height: 100px; animation: trophyGlow 3s infinite ease-in-out; } .sparkle { animation: starSparkle 2s infinite ease-in-out; } .sparkle-2 { animation: starSparkle 2.5s infinite ease-in-out 0.5s; } /* Modern Styled Consistency Tracker Widget with Pure SVG Icons */ .consistency-card { background: white; border-radius: 6px; padding: 20px; border: 1px solid var(--bp-border); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); margin-bottom: 24px; } .consistency-header { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #f1f5f9; } .consistency-header h3 { margin: 0; font-size: 16px; font-weight: 800; color: var(--bp-green-dark); letter-spacing: -0.2px; } .consistency-badge { background: var(--bp-green-light); color: var(--bp-green-dark); font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 12px; text-transform: uppercase; margin-left: auto; } .consistency-item { margin-bottom: 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 12px 14px; transition: transform 0.2s ease, border-color 0.2s ease; } .consistency-item:hover { transform: translateX(2px); border-color: var(--bp-green); } .consistency-item:last-child { margin-bottom: 0; } .item-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 13px; } .item-title { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--bp-text); } .item-val { font-weight: 800; color: var(--bp-green-dark); background: white; padding: 2px 8px; border-radius: 4px; border: 1px solid #cbd5e1; font-size: 12px; } .item-progress-track { height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; } .item-progress-fill { height: 100%; background: linear-gradient(90deg, var(--bp-green) 0%, #16a34a 100%); border-radius: 3px; transition: width 0.4s ease; } .item-progress-fill.orange { background: linear-gradient(90deg, var(--bp-orange) 0%, #f97316 100%); } .btn-svg-inline { display: inline-flex; align-items: center; gap: 8px; } Welcome back, @Model.ParticipantName! You are in Week @Model.CurrentWeek of your 12-Week Risk Reduction Journey. Pathway: @Model.Pathway . Go to Week @Model.CurrentWeek Experience Onboarding Goals & Scoring Guide Onboarding Goals vs. Real-Time Performance View your full onboarding baseline targets (Movement, Nutrition, Sleep, Water) and learn how the 120-Point scoring algorithm works. View Goals Analytics & Scoring Guide Week @Model.CurrentWeek Performance Weekly & Daily Target Attainment @Model.WeeklyScore.StatusLabel (@Model.WeeklyScore.TargetAttainmentPercent%) Today's Daily Score @Model.TodayScore / 17.1 pts Attainment: @Model.TodayAttainmentPercent% (Max 100%) Steps: @Model.TodaySteps.ToString("N0") Week @Model.CurrentWeek Score @Model.WeeklyScore.TotalRawScore / 120 Target: @Model.WeeklyScore.PersonalizedTarget pts (@Model.Pathway) Days Logged: @Model.DaysLoggedThisWeek / 7 days Tier 1: Signature @Model.WeeklyScore.Tier1Score / 40 Tai Chi & Pickleball Tier 2: Lifestyle @Model.WeeklyScore.Tier2Score / 40 Movement Menu Tier 3: Wellness @Model.WeeklyScore.Tier3Score / 40 Nutrition & Live Dynamic Statistical Daily Trend Daily points earned (max 17.1 pts / 100%) and smartwatch steps recorded across Week @Model.CurrentWeek (Mon–Sun): WEEK @Model.CurrentWeek DAILY TRACKER CALENDAR (ACT LOGS) Click any day card below to record or review your smartwatch steps, exercise minutes, and daily nutrition goal checks (Max 17.1 pts / 100% per day): @foreach (var day in Model.DailyTrackerCalendar) { @if (day.DailyAttainmentPercent >= 100) { 100% MAX } @day.DayName (DAY @day.DayNumber) @if (day.IsLogged) { } else { ? } @if (day.IsLogged) { @day.PointsEarned / 17.1 pts @day.DailyAttainmentPercent% Daily Target @if (day.Steps > 0) { @day.Steps.ToString("N0") steps } } else { Unlogged } } Participant Achievement @if (Model.WeeklyScore.StatusColor == "GREEN") { 🏆 Gold Champion Trophy Fantastic effort! You're crushing your 12-week wellness targets! } else if (Model.WeeklyScore.StatusColor == "AMBER") { 🥈 Silver Motivation Trophy Great momentum! Just a little more action to hit your target! } else { 🥉 Ruby Foundation Trophy Every step counts! Log today's actions to boost your score! } Direct Coach Support @if (Model.UnreadCoachMessageCount > 0) { @Model.UnreadCoachMessageCount NEW } Connect directly with your BrightPath Wellness Coach for personalized guidance and support. @if (Model.LatestCoachMessage != null) { @(Model.LatestCoachMessage.IsFromCoach ? "💬 Latest Coach Reply:" : "👤 Your Message:") @Model.LatestCoachMessage.Subject @Model.LatestCoachMessage.Message @Model.LatestCoachMessage.SentAt.ToLocalTime().ToString("MMM dd, h:mm tt") } Open Coach Inbox & Reply Consistency Tracker Week @Model.CurrentWeek Daily Check-Ins @Model.DaysLoggedThisWeek / 7 days Nutrition Score @Model.WeeklyScore.NutritionScore / 14 pts Hydration Goal Met @Model.WeeklyScore.HydrationDays / 7 days Sleep Goal Met @Model.WeeklyScore.SleepDays / 7 days Mental Wellness @Model.WeeklyScore.MentalWellnessDays / 4 days Recovery Actions @Model.WeeklyScore.RecoveryDays / 4 days document.addEventListener("DOMContentLoaded", function () { const labels = @Html.Raw(Model.DailyLabelsJson); const pointsData = @Html.Raw(Model.DailyPointsJson); const stepsData = @Html.Raw(Model.DailyStepsJson); const ctx = document.getElementById('dailyTrendChart').getContext('2d'); new Chart(ctx, { type: 'bar', data: { labels: labels, datasets: [ { label: 'Daily Points Earned', data: pointsData, backgroundColor: '#085536', borderRadius: 4, yAxisID: 'y' }, { label: 'Smartwatch Steps', data: stepsData, type: 'line', borderColor: '#e86f2a', backgroundColor: 'rgba(232, 111, 42, 0.1)', borderWidth: 2, tension: 0.3, fill: true, yAxisID: 'y1' } ] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: 'Points' }, position: 'left' }, y1: { beginAtZero: true, title: { display: true, text: 'Steps' }, position: 'right', grid: { drawOnChartArea: false } } } } }); }); @if (TempData["SuccessMessage"] != null) { document.addEventListener('DOMContentLoaded', function() { Swal.fire({ title: 'Onboarding Complete!', html: ' Thank you for setting up your 12-Week Goals! You are now officially starting Week 1 of the Risk Reduction Program. To get the best results, click on today\'s date in the Daily Tracker Calendar below and log your progress every single day. Consistency is the key to success! ', icon: 'success', confirmButtonText: 'Let\'s Go!', confirmButtonColor: '#085536' }); }); } @if (!Model.TodayIsComplete) { .reminder-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(240, 244, 243, 0.95); backdrop-filter: blur(10px); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; } .reminder-card { background: white; border-radius: 20px; padding: 40px; text-align: center; box-shadow: 0 20px 60px rgba(8, 85, 54, 0.15); max-width: 500px; width: 100%; border-top: 8px solid var(--d-orange); animation: dashFadeIn 0.6s ease-out; } Time to Log Your Activity! You haven't completed your 12-Week Risk Reduction daily log today. Log Now Remind Me Later document.addEventListener("DOMContentLoaded", function() { if (!sessionStorage.getItem('reminded_rr_@DateTime.UtcNow.ToString("yyyyMMdd")')) { document.getElementById('rrLogReminderPopup').style.display = 'flex'; document.body.style.overflow = 'hidden'; } }); }

Related Questions (JSON Array of strings)

Recommended Actions (JSON Array of objects) []

Active

Save Changes Cancel