Sync your steps with Walking Month<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Spline+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* Preview-only page frame so the widget sits in a centred column like the live site *\/\r\n body { margin: 0; background: #fff; }\r\n .preview-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"preview-container\">\r\n\r\n\r\n<style>\r\n .wmi * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .wmi {\r\n font-family: 'Spline Sans', Arial, sans-serif;\r\n width: 100%;\r\n margin: 0;\r\n background: #fff;\r\n color: #1a1a1a;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 APP NAV (inside hero, on gold bg) \u2500\u2500\u2500 *\/\r\n .wmi-nav {\r\n padding: 0;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n position: relative;\r\n z-index: 1;\r\n margin-top: 22px;\r\n }\r\n .wmi-nav::-webkit-scrollbar { display: none; }\r\n\r\n .wmi-nav-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: nowrap;\r\n width: max-content;\r\n min-width: 100%;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-nav-inner {\r\n flex-wrap: wrap;\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n .wmi-nav-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 20px;\r\n border-radius: 40px;\r\n background: #fff;\r\n border: none;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n cursor: pointer;\r\n font-family: inherit;\r\n transition: background 0.15s, color 0.15s, transform 0.15s;\r\n }\r\n .wmi-nav-pill:hover {\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n transform: translateY(-1px);\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"] {\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n cursor: default;\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"]:hover {\r\n transform: none;\r\n }\r\n \/* \"Coming soon\" apps: muted, still tappable to reveal a placeholder *\/\r\n .wmi-nav-pill.is-soon {\r\n background: rgba(255,255,255,0.5);\r\n color: #6b6b6b;\r\n }\r\n .wmi-nav-pill.is-soon:hover {\r\n background: rgba(26,26,26,0.85);\r\n color: #F5B800;\r\n }\r\n \/* tiny badge inside a nav pill *\/\r\n .wmi-nav-tag {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n background: #fff4d1;\r\n color: #8a6500;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"] .wmi-nav-tag {\r\n background: #F5B800;\r\n color: #1a1a1a;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n .wmi-hero {\r\n position: relative;\r\n padding: 28px 0 44px;\r\n overflow: visible;\r\n }\r\n .wmi-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: calc(50% - 50vw);\r\n width: 100vw;\r\n background: linear-gradient(\r\n 115deg,\r\n #ffb80c 0%, #feba14 20%, #febd20 35%, #fec231 50%,\r\n #fdd062 65%, #fbe3a8 80%, #faefd1 92%, #fafcff 100%\r\n );\r\n z-index: 0;\r\n }\r\n .wmi-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n }\r\n .wmi-hero-title {\r\n font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;\r\n font-size: 44px;\r\n line-height: 0.95;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-hero-title { font-size: 60px; }\r\n }\r\n .wmi-hero-sub {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n color: #2d2d2d;\r\n margin-top: 14px;\r\n max-width: 660px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CONTENT SECTIONS \u2500\u2500\u2500 *\/\r\n .wmi-body {\r\n padding: 40px 0 48px;\r\n background: #fff;\r\n width: 100%;\r\n }\r\n .wmi-section { margin-bottom: 38px; }\r\n .wmi-section:last-child { margin-bottom: 0; }\r\n\r\n .wmi-h2 {\r\n font-family: 'Spline Sans', Arial, sans-serif;\r\n font-size: 26px;\r\n line-height: 1.1;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-h2 { font-size: 32px; }\r\n }\r\n .wmi-h2::before {\r\n content: '';\r\n display: inline-block;\r\n width: 28px;\r\n height: 5px;\r\n background: #F5B800;\r\n border-radius: 3px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .wmi-p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #2d2d2d;\r\n margin-bottom: 12px;\r\n }\r\n .wmi-p:last-child { margin-bottom: 0; }\r\n .wmi-strong { font-weight: 700; color: #1a1a1a; }\r\n\r\n \/* \u2500\u2500\u2500 SECONDARY SWITCH (e.g. choose phone) \u2500\u2500\u2500 *\/\r\n .wmi-switch-label {\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #1a1a1a;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NUMBERED STEP CARDS \u2500\u2500\u2500 *\/\r\n .wmi-step {\r\n display: flex;\r\n gap: 16px;\r\n padding: 20px 22px;\r\n border: 2px solid #f0e3b8;\r\n border-radius: 10px;\r\n margin-bottom: 14px;\r\n background: #fffdf6;\r\n align-items: flex-start;\r\n }\r\n .wmi-step:last-child { margin-bottom: 0; }\r\n .wmi-step-num {\r\n flex-shrink: 0;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n font-weight: 700;\r\n font-size: 17px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Anton', Impact, sans-serif;\r\n }\r\n .wmi-step-body { flex: 1; min-width: 0; }\r\n .wmi-step-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n .wmi-step-body .wmi-p { font-size: 15px; }\r\n\r\n \/* Key-info callout *\/\r\n .wmi-callout {\r\n background: linear-gradient(115deg, #fef4d4 0%, #fde8a0 100%);\r\n border-left: 5px solid #F5B800;\r\n padding: 20px 22px;\r\n border-radius: 8px;\r\n margin: 18px 0 0;\r\n }\r\n .wmi-callout-row {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n }\r\n .wmi-callout-row + .wmi-callout-row { margin-top: 6px; }\r\n .wmi-callout-label {\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n min-width: 130px;\r\n flex-shrink: 0;\r\n }\r\n .wmi-callout-val { color: #2d2d2d; }\r\n\r\n \/* Troubleshooting list *\/\r\n .wmi-tip {\r\n font-size: 15px;\r\n line-height: 1.6;\r\n color: #2d2d2d;\r\n padding-left: 22px;\r\n position: relative;\r\n margin-bottom: 10px;\r\n }\r\n .wmi-tip:last-child { margin-bottom: 0; }\r\n .wmi-tip::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 9px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #F5B800;\r\n }\r\n\r\n \/* \"Coming soon\" placeholder panel *\/\r\n .wmi-soon-panel {\r\n text-align: center;\r\n padding: 48px 24px;\r\n border: 2px dashed #f0e3b8;\r\n border-radius: 12px;\r\n background: #fffdf6;\r\n }\r\n .wmi-soon-panel .wmi-soon { margin-bottom: 14px; }\r\n .wmi-soon-panel .wmi-p { max-width: 480px; margin: 0 auto; }\r\n\r\n \/* \"Coming soon\" badge *\/\r\n .wmi-soon {\r\n display: inline-block;\r\n padding: 3px 10px;\r\n background: #fff4d1;\r\n color: #8a6500;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n }\r\n\r\n \/* App pills (bottom switcher) *\/\r\n .wmi-pills {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 14px;\r\n }\r\n .wmi-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n justify-content: center;\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n background: #fff;\r\n border: 2px solid #e0e0e0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n }\r\n .wmi-pill-current {\r\n background: #1a1a1a;\r\n border-color: #1a1a1a;\r\n color: #F5B800;\r\n cursor: default;\r\n }\r\n .wmi-pill .wmi-nav-tag { background: #fff4d1; color: #8a6500; }\r\n\r\n \/* Disclaimer banner *\/\r\n .wmi-disclaimer {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 18px 22px;\r\n margin-bottom: 28px;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n }\r\n .wmi-disclaimer-icon {\r\n flex-shrink: 0;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n background: #F5B800;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 1px;\r\n }\r\n .wmi-disclaimer strong { color: #F5B800; }\r\n\r\n \/* Fade animation when swapping content *\/\r\n .wmi-fade { animation: wmiFadeIn 0.3s ease-out; }\r\n @keyframes wmiFadeIn {\r\n from { opacity: 0; transform: translateY(6px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wmi\">\r\n\r\n \r\n <div class=\"wmi-hero\">\r\n <div class=\"wmi-hero-inner\">\r\n\r\n <h1 class=\"wmi-hero-title\">\r\n Sync your steps<br>with Walking Month\r\n <\/h1>\r\n\r\n <p class=\"wmi-hero-sub\">\r\n Walking Month reads your daily steps from the fitness app you already use.\r\n Pick yours below to see the one-time setup. More apps are on the way.\r\n <\/p>\r\n\r\n \r\n <nav class=\"wmi-nav\" aria-label=\"Select your app\">\r\n <div class=\"wmi-nav-inner\" id=\"wmi-nav-inner\">\r\n \r\n <\/div>\r\n <\/nav>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"wmi-disclaimer\">\r\n <div class=\"wmi-disclaimer-icon\">i<\/div>\r\n <div>\r\n <strong>Walking Month doesn't track your steps or distance directly.<\/strong>\r\n It reads data from your phone's native health app \u2014 Apple Health on iPhone and Health Connect on Android. This means that the Walking Month app can import the steps from any fitness tracker or app, as long as they're correctly syncing the data with one of those native apps.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"wmi-body\" id=\"wmi-body\">\r\n \r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ UI LABELS \u2014 section headings and template strings\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar UI = {\r\n sectionHowItWorks: \"How it works\",\r\n sectionSetUp: \"Set up\", \/\/ app name appended at render time\r\n sectionNotSyncing: \"Still not syncing?\",\r\n phonePicker: \"Which phone do you have?\",\r\n comingSoonBadge: \"Coming soon\",\r\n comingSoonBodyPrefix: \"We're putting together a step-by-step guide for syncing\",\r\n comingSoonBodySuffix: \"with Walking Month. In the meantime, if your tracker can share steps with Apple Health or Health Connect, Walking Month can already read them.\",\r\n availableNow: \"Available now\",\r\n availableNowSub: \"These guides are ready to follow:\"\r\n};\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ CONTENT: MI FIT\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar MI_FIT_INTRO = [\r\n \"Walking Month doesn't read from Mi Fit directly. Your Mi band or watch syncs steps to the Mi Fit app (also shown as Mi Fitness or Zepp Life), Mi Fit shares them with your phone's health hub \u2014 Apple Health on iPhone, Health Connect on Android \u2014 and Walking Month reads your steps from there.\",\r\n \"Pick your operating system from below, then follow the one-time setup.\"\r\n];\r\n\r\n\/\/ \u2500\u2500\u2500 iPhone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nvar MI_FIT_IOS_STEPS = [\r\n {\r\n title: \"Sync Apple Health with the Mi Fit app\",\r\n paragraphs: [\r\n \"Open the Mi Fit app and tap the Profile tab (bottom right).\",\r\n \"Tap Third-Party data, then turn on the Health toggle. When prompted, allow the Mi Fit app to read all the data needed or just the steps data.\"\r\n ]\r\n },\r\n {\r\n title: \"Add the Mi Fit app as the step source in Apple Health\",\r\n paragraphs: [\r\n \"Open the Apple Health app, go to Summary and tap Steps (or Browse -> Activity -> Steps)\\n\" +\r\n \"Apple Health counts the top source first, so this ensures your band's steps are used instead of the iPhone's built-in pedometer.\"\r\n ]\r\n },\r\n {\r\n title: \"Let the Walking Month app read data from Apple Health\",\r\n paragraphs: [\r\n \"If you don't see the Walking Month app there, open the Walking Month app and tap Sync \u2014 when iOS asks. This will allow access to your Health (steps) data.\"\r\n ]\r\n }\r\n];\r\n\r\nvar MI_FIT_IOS_CALLOUT = [\r\n { label: \"Tracker\", value: \"Mi band \/ watch via Mi Fit (Zepp Life)\" },\r\n { label: \"Bridge\", value: \"Apple Health\" },\r\n { label: \"Reads steps\", value: \"Walking Month\" },\r\n { label: \"Setup\", value: \"One time only\" }\r\n];\r\n\r\nvar MI_FIT_IOS_TIPS = [\r\n \"No steps showing yet? Open Mi Fit first so your band syncs, then open Walking Month and pull down to refresh.\",\r\n \"Seeing fewer steps than your band shows? Mi Fit isn't at the top of the Apple Health data sources \u2014 repeat Step 2.\",\r\n \"Keep both apps allowed to run in the background so steps keep flowing through the day.\",\r\n \"For a more reliable sync, use the Start workout option in Mi Fit when you go for a walk. Workouts are pushed to Apple Health immediately when they finish, while regular step counts may take longer to appear.\"\r\n];\r\n\r\n\/\/ \u2500\u2500\u2500 Android \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nvar MI_FIT_ANDROID_STEPS = [\r\n {\r\n title: \"Sync Health Connect with the Mi Fit app\",\r\n paragraphs: [\r\n \"Open the Mi Fit app and tap the Profile tab (bottom right).\\n\" +\r\n \"Tap Third-Party data, then turn on the Health toggle (this is Health Connect on Android). When prompted, allow the Mi Fit app to read all the data needed or just the steps data.\"\r\n ]\r\n },\r\n {\r\n title: \"Check permissions in Health Connect\",\r\n paragraphs: [\r\n \"Open the Health Connect app (or Settings \u2192 Security & privacy \u2192 Health Connect \u2014 wording may vary based on the phone model).\\n\" +\r\n \"Under App permissions, confirm that Mi Fit is allowed to sync Steps, and that the Walking Month app is allowed to read Steps.\"\r\n ]\r\n },\r\n {\r\n title: \"Let Walking Month read your steps\",\r\n paragraphs: [\r\n \"Open the Walking Month app and tap Sync. When asked, grant access to Health Connect (Steps).\\n\" +\r\n \"If nothing is requested, go to Health Connect \u2192 App permissions \u2192 Walking Month and switch on Steps reading.\"\r\n ]\r\n }\r\n];\r\n\r\nvar MI_FIT_ANDROID_CALLOUT = [\r\n { label: \"Tracker\", value: \"Mi band \/ watch via Mi Fit (Zepp Life)\" },\r\n { label: \"Bridge\", value: \"Health Connect\" },\r\n { label: \"Reads steps\", value: \"Walking Month\" },\r\n { label: \"Setup\", value: \"One time only\" }\r\n];\r\n\r\nvar MI_FIT_ANDROID_TIPS = [\r\n \"No steps showing yet? Open the Mi Fit app first so your band syncs, then open the Walking Month app and pull down to refresh.\\n\" +\r\n \"Seeing fewer steps than your band shows? Mi Fit isn't at the top of the Apple Health data sources. You'll need to repeat Step 2 from above.\\n\" +\r\n \"Keep both apps allowed to run in the background so the steps can keep syncing through the day.\\n\" +\r\n \"For a more reliable sync, use the Start workout option in Mi Fit when you go for a walk. Workouts are pushed to Apple Health immediately when finished, while regular step counts may take longer to appear.\"\r\n];\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ APPS REGISTRY \u2014 wire content to nav pills; add new apps below\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar APPS = [\r\n {\r\n key: \"mi-fit\",\r\n name: \"Mi Fit\",\r\n available: true,\r\n intro: MI_FIT_INTRO,\r\n platforms: [\r\n {\r\n key: \"ios\",\r\n name: \"IOS\",\r\n steps: MI_FIT_IOS_STEPS,\r\n callout: MI_FIT_IOS_CALLOUT,\r\n tips: MI_FIT_IOS_TIPS\r\n },\r\n {\r\n key: \"android\",\r\n name: \"Android\",\r\n steps: MI_FIT_ANDROID_STEPS,\r\n callout: MI_FIT_ANDROID_CALLOUT,\r\n tips: MI_FIT_ANDROID_TIPS\r\n }\r\n ]\r\n }\r\n \/\/ Add more apps here, e.g.: { key: \"garmin\", name: \"Garmin\", available: false }\r\n];\r\n\r\nvar DEFAULT_KEY = \"mi-fit\";\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ RENDERING \u2014 no text below this line\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar navInner = document.getElementById(\"wmi-nav-inner\");\r\nvar body = document.getElementById(\"wmi-body\");\r\nvar currentPlatform = null;\r\n\r\nAPPS.forEach(function(app) {\r\n var btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"wmi-nav-pill\" + (app.available ? \"\" : \" is-soon\");\r\n btn.setAttribute(\"data-key\", app.key);\r\n btn.innerHTML = escapeHtml(app.name) +\r\n (app.available ? \"\" : ' <span class=\"wmi-nav-tag\">Soon<\/span>');\r\n btn.addEventListener(\"click\", function() { selectApp(app.key); });\r\n navInner.appendChild(btn);\r\n});\r\n\r\nfunction escapeHtml(s) {\r\n return String(s).replace(\/[&<>\"']\/g, function(c) {\r\n return { \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c];\r\n });\r\n}\r\n\r\nfunction renderParagraphs(arr) {\r\n return arr.map(function(p) {\r\n return '<p class=\"wmi-p\">' + escapeHtml(p) + \"<\/p>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderSteps(steps) {\r\n return steps.map(function(s, i) {\r\n return '<div class=\"wmi-step\">' +\r\n '<div class=\"wmi-step-num\">' + (i + 1) + \"<\/div>\" +\r\n '<div class=\"wmi-step-body\">' +\r\n '<div class=\"wmi-step-title\">' + escapeHtml(s.title) + \"<\/div>\" +\r\n renderParagraphs(s.paragraphs) +\r\n \"<\/div>\" +\r\n \"<\/div>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderCallout(rows) {\r\n return '<div class=\"wmi-callout\">' + rows.map(function(r) {\r\n return '<div class=\"wmi-callout-row\">' +\r\n '<span class=\"wmi-callout-label\">' + escapeHtml(r.label) + \"<\/span>\" +\r\n '<span class=\"wmi-callout-val\">' + escapeHtml(r.value) + \"<\/span>\" +\r\n \"<\/div>\";\r\n }).join(\"\") + \"<\/div>\";\r\n}\r\n\r\nfunction renderTips(tips) {\r\n return tips.map(function(t) {\r\n return '<p class=\"wmi-tip\">' + escapeHtml(t) + \"<\/p>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderAppPills(currentKey) {\r\n return APPS.map(function(a) {\r\n var cls = \"wmi-pill\" + (a.key === currentKey ? \" wmi-pill-current\" : \"\");\r\n return '<span class=\"' + cls + '\" data-key=\"' + a.key + '\">' +\r\n escapeHtml(a.name) +\r\n (a.available ? \"\" : ' <span class=\"wmi-nav-tag\">Soon<\/span>') +\r\n \"<\/span>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderAvailableApp(app) {\r\n var plat = app.platforms.find(function(p) { return p.key === currentPlatform; })\r\n || app.platforms[0];\r\n currentPlatform = plat.key;\r\n\r\n var subSwitch = \"\";\r\n if (app.platforms.length > 1) {\r\n var subPills = app.platforms.map(function(p) {\r\n var cls = \"wmi-pill\" + (p.key === plat.key ? \" wmi-pill-current\" : \"\");\r\n return '<span class=\"' + cls + '\" data-platform=\"' + p.key + '\">' +\r\n escapeHtml(p.name) + \"<\/span>\";\r\n }).join(\"\");\r\n subSwitch =\r\n '<div class=\"wmi-switch-label\">' + UI.phonePicker + \"<\/div>\" +\r\n '<div class=\"wmi-pills\" style=\"margin-top:0\">' + subPills + \"<\/div>\";\r\n }\r\n\r\n body.innerHTML =\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionHowItWorks + \"<\/h2>\" +\r\n renderParagraphs(app.intro) +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionSetUp + \" \" + escapeHtml(app.name) + \"<\/h2>\" +\r\n subSwitch +\r\n '<div style=\"margin-top:18px\">' +\r\n renderSteps(plat.steps) +\r\n renderCallout(plat.callout) +\r\n \"<\/div>\" +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionNotSyncing + \"<\/h2>\" +\r\n renderTips(plat.tips) +\r\n \"<\/section>\";\r\n\r\n body.querySelectorAll(\".wmi-pill[data-platform]\").forEach(function(el) {\r\n el.addEventListener(\"click\", function() {\r\n currentPlatform = el.getAttribute(\"data-platform\");\r\n renderAvailableApp(app);\r\n });\r\n });\r\n\r\n bindAppPills();\r\n playFade();\r\n}\r\n\r\nfunction renderComingSoonApp(app) {\r\n body.innerHTML =\r\n '<section class=\"wmi-section\">' +\r\n '<div class=\"wmi-soon-panel\">' +\r\n '<div class=\"wmi-soon\">' + UI.comingSoonBadge + \"<\/div>\" +\r\n '<h2 class=\"wmi-h2\" style=\"justify-content:center\">' + escapeHtml(app.name) + \"<\/h2>\" +\r\n '<p class=\"wmi-p\">' +\r\n UI.comingSoonBodyPrefix + \" \" + escapeHtml(app.name) + \" \" + UI.comingSoonBodySuffix +\r\n \"<\/p>\" +\r\n \"<\/div>\" +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.availableNow + \"<\/h2>\" +\r\n '<p class=\"wmi-p\">' + UI.availableNowSub + \"<\/p>\" +\r\n '<div class=\"wmi-pills\">' + renderAppPills(app.key) + \"<\/div>\" +\r\n \"<\/section>\";\r\n\r\n bindAppPills();\r\n playFade();\r\n}\r\n\r\nfunction bindAppPills() {\r\n body.querySelectorAll(\".wmi-pill[data-key]\").forEach(function(el) {\r\n el.addEventListener(\"click\", function() { selectApp(el.getAttribute(\"data-key\")); });\r\n });\r\n}\r\n\r\nfunction playFade() {\r\n body.classList.remove(\"wmi-fade\");\r\n void body.offsetWidth;\r\n body.classList.add(\"wmi-fade\");\r\n}\r\n\r\nfunction selectApp(key) {\r\n var app = APPS.find(function(a) { return a.key === key; }) || APPS[0];\r\n\r\n navInner.querySelectorAll(\".wmi-nav-pill\").forEach(function(btn) {\r\n if (btn.getAttribute(\"data-key\") === app.key) {\r\n btn.setAttribute(\"aria-current\", \"true\");\r\n } else {\r\n btn.removeAttribute(\"aria-current\");\r\n }\r\n });\r\n\r\n if (app.available) {\r\n renderAvailableApp(app);\r\n } else {\r\n renderComingSoonApp(app);\r\n }\r\n\r\n if (history.replaceState) {\r\n history.replaceState(null, \"\", \"#\" + app.key);\r\n }\r\n}\r\n\r\nvar initialKey = (window.location.hash || \"\").replace(\"#\", \"\").toLowerCase();\r\nif (!APPS.find(function(a) { return a.key === initialKey; })) {\r\n initialKey = DEFAULT_KEY;\r\n}\r\nselectApp(initialKey);\r\n\r\nwindow.addEventListener(\"hashchange\", function() {\r\n var key = window.location.hash.replace(\"#\", \"\").toLowerCase();\r\n if (APPS.find(function(a) { return a.key === key; })) {\r\n selectApp(key);\r\n }\r\n});\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Sync your steps with Walking Month Sync your stepswith Walking Month Walking Month reads your daily steps from the fitness...","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11006","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/comments?post=11006"}],"version-history":[{"count":6,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006\/revisions"}],"predecessor-version":[{"id":11013,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006\/revisions\/11013"}],"wp:attachment":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/media?parent=11006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t

\n\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nSync your steps with Walking Month<\/title>\r\n\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Spline+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* Preview-only page frame so the widget sits in a centred column like the live site *\/\r\n body { margin: 0; background: #fff; }\r\n .preview-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"preview-container\">\r\n\r\n\r\n<style>\r\n .wmi * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .wmi {\r\n font-family: 'Spline Sans', Arial, sans-serif;\r\n width: 100%;\r\n margin: 0;\r\n background: #fff;\r\n color: #1a1a1a;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 APP NAV (inside hero, on gold bg) \u2500\u2500\u2500 *\/\r\n .wmi-nav {\r\n padding: 0;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n position: relative;\r\n z-index: 1;\r\n margin-top: 22px;\r\n }\r\n .wmi-nav::-webkit-scrollbar { display: none; }\r\n\r\n .wmi-nav-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: nowrap;\r\n width: max-content;\r\n min-width: 100%;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-nav-inner {\r\n flex-wrap: wrap;\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n .wmi-nav-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 20px;\r\n border-radius: 40px;\r\n background: #fff;\r\n border: none;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n cursor: pointer;\r\n font-family: inherit;\r\n transition: background 0.15s, color 0.15s, transform 0.15s;\r\n }\r\n .wmi-nav-pill:hover {\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n transform: translateY(-1px);\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"] {\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n cursor: default;\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"]:hover {\r\n transform: none;\r\n }\r\n \/* \"Coming soon\" apps: muted, still tappable to reveal a placeholder *\/\r\n .wmi-nav-pill.is-soon {\r\n background: rgba(255,255,255,0.5);\r\n color: #6b6b6b;\r\n }\r\n .wmi-nav-pill.is-soon:hover {\r\n background: rgba(26,26,26,0.85);\r\n color: #F5B800;\r\n }\r\n \/* tiny badge inside a nav pill *\/\r\n .wmi-nav-tag {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n background: #fff4d1;\r\n color: #8a6500;\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n }\r\n .wmi-nav-pill[aria-current=\"true\"] .wmi-nav-tag {\r\n background: #F5B800;\r\n color: #1a1a1a;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n .wmi-hero {\r\n position: relative;\r\n padding: 28px 0 44px;\r\n overflow: visible;\r\n }\r\n .wmi-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: calc(50% - 50vw);\r\n width: 100vw;\r\n background: linear-gradient(\r\n 115deg,\r\n #ffb80c 0%, #feba14 20%, #febd20 35%, #fec231 50%,\r\n #fdd062 65%, #fbe3a8 80%, #faefd1 92%, #fafcff 100%\r\n );\r\n z-index: 0;\r\n }\r\n .wmi-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n }\r\n .wmi-hero-title {\r\n font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;\r\n font-size: 44px;\r\n line-height: 0.95;\r\n color: #1a1a1a;\r\n text-transform: uppercase;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-hero-title { font-size: 60px; }\r\n }\r\n .wmi-hero-sub {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n color: #2d2d2d;\r\n margin-top: 14px;\r\n max-width: 660px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CONTENT SECTIONS \u2500\u2500\u2500 *\/\r\n .wmi-body {\r\n padding: 40px 0 48px;\r\n background: #fff;\r\n width: 100%;\r\n }\r\n .wmi-section { margin-bottom: 38px; }\r\n .wmi-section:last-child { margin-bottom: 0; }\r\n\r\n .wmi-h2 {\r\n font-family: 'Spline Sans', Arial, sans-serif;\r\n font-size: 26px;\r\n line-height: 1.1;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n @media (min-width: 768px) {\r\n .wmi-h2 { font-size: 32px; }\r\n }\r\n .wmi-h2::before {\r\n content: '';\r\n display: inline-block;\r\n width: 28px;\r\n height: 5px;\r\n background: #F5B800;\r\n border-radius: 3px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .wmi-p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: #2d2d2d;\r\n margin-bottom: 12px;\r\n }\r\n .wmi-p:last-child { margin-bottom: 0; }\r\n .wmi-strong { font-weight: 700; color: #1a1a1a; }\r\n\r\n \/* \u2500\u2500\u2500 SECONDARY SWITCH (e.g. choose phone) \u2500\u2500\u2500 *\/\r\n .wmi-switch-label {\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #1a1a1a;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NUMBERED STEP CARDS \u2500\u2500\u2500 *\/\r\n .wmi-step {\r\n display: flex;\r\n gap: 16px;\r\n padding: 20px 22px;\r\n border: 2px solid #f0e3b8;\r\n border-radius: 10px;\r\n margin-bottom: 14px;\r\n background: #fffdf6;\r\n align-items: flex-start;\r\n }\r\n .wmi-step:last-child { margin-bottom: 0; }\r\n .wmi-step-num {\r\n flex-shrink: 0;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: #1a1a1a;\r\n color: #F5B800;\r\n font-weight: 700;\r\n font-size: 17px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Anton', Impact, sans-serif;\r\n }\r\n .wmi-step-body { flex: 1; min-width: 0; }\r\n .wmi-step-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n .wmi-step-body .wmi-p { font-size: 15px; }\r\n\r\n \/* Key-info callout *\/\r\n .wmi-callout {\r\n background: linear-gradient(115deg, #fef4d4 0%, #fde8a0 100%);\r\n border-left: 5px solid #F5B800;\r\n padding: 20px 22px;\r\n border-radius: 8px;\r\n margin: 18px 0 0;\r\n }\r\n .wmi-callout-row {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n font-size: 15px;\r\n line-height: 1.5;\r\n }\r\n .wmi-callout-row + .wmi-callout-row { margin-top: 6px; }\r\n .wmi-callout-label {\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n min-width: 130px;\r\n flex-shrink: 0;\r\n }\r\n .wmi-callout-val { color: #2d2d2d; }\r\n\r\n \/* Troubleshooting list *\/\r\n .wmi-tip {\r\n font-size: 15px;\r\n line-height: 1.6;\r\n color: #2d2d2d;\r\n padding-left: 22px;\r\n position: relative;\r\n margin-bottom: 10px;\r\n }\r\n .wmi-tip:last-child { margin-bottom: 0; }\r\n .wmi-tip::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 9px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #F5B800;\r\n }\r\n\r\n \/* \"Coming soon\" placeholder panel *\/\r\n .wmi-soon-panel {\r\n text-align: center;\r\n padding: 48px 24px;\r\n border: 2px dashed #f0e3b8;\r\n border-radius: 12px;\r\n background: #fffdf6;\r\n }\r\n .wmi-soon-panel .wmi-soon { margin-bottom: 14px; }\r\n .wmi-soon-panel .wmi-p { max-width: 480px; margin: 0 auto; }\r\n\r\n \/* \"Coming soon\" badge *\/\r\n .wmi-soon {\r\n display: inline-block;\r\n padding: 3px 10px;\r\n background: #fff4d1;\r\n color: #8a6500;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n vertical-align: middle;\r\n }\r\n\r\n \/* App pills (bottom switcher) *\/\r\n .wmi-pills {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 14px;\r\n }\r\n .wmi-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n justify-content: center;\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n background: #fff;\r\n border: 2px solid #e0e0e0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n }\r\n .wmi-pill-current {\r\n background: #1a1a1a;\r\n border-color: #1a1a1a;\r\n color: #F5B800;\r\n cursor: default;\r\n }\r\n .wmi-pill .wmi-nav-tag { background: #fff4d1; color: #8a6500; }\r\n\r\n \/* Disclaimer banner *\/\r\n .wmi-disclaimer {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 18px 22px;\r\n margin-bottom: 28px;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n }\r\n .wmi-disclaimer-icon {\r\n flex-shrink: 0;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n background: #F5B800;\r\n color: #1a1a1a;\r\n font-weight: 700;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 1px;\r\n }\r\n .wmi-disclaimer strong { color: #F5B800; }\r\n\r\n \/* Fade animation when swapping content *\/\r\n .wmi-fade { animation: wmiFadeIn 0.3s ease-out; }\r\n @keyframes wmiFadeIn {\r\n from { opacity: 0; transform: translateY(6px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wmi\">\r\n\r\n \r\n <div class=\"wmi-hero\">\r\n <div class=\"wmi-hero-inner\">\r\n\r\n <h1 class=\"wmi-hero-title\">\r\n Sync your steps<br>with Walking Month\r\n <\/h1>\r\n\r\n <p class=\"wmi-hero-sub\">\r\n Walking Month reads your daily steps from the fitness app you already use.\r\n Pick yours below to see the one-time setup. More apps are on the way.\r\n <\/p>\r\n\r\n \r\n <nav class=\"wmi-nav\" aria-label=\"Select your app\">\r\n <div class=\"wmi-nav-inner\" id=\"wmi-nav-inner\">\r\n \r\n <\/div>\r\n <\/nav>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"wmi-disclaimer\">\r\n <div class=\"wmi-disclaimer-icon\">i<\/div>\r\n <div>\r\n <strong>Walking Month doesn't track your steps or distance directly.<\/strong>\r\n It reads data from your phone's native health app \u2014 Apple Health on iPhone and Health Connect on Android. This means that the Walking Month app can import the steps from any fitness tracker or app, as long as they're correctly syncing the data with one of those native apps.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"wmi-body\" id=\"wmi-body\">\r\n \r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ UI LABELS \u2014 section headings and template strings\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar UI = {\r\n sectionHowItWorks: \"How it works\",\r\n sectionSetUp: \"Set up\", \/\/ app name appended at render time\r\n sectionNotSyncing: \"Still not syncing?\",\r\n phonePicker: \"Which phone do you have?\",\r\n comingSoonBadge: \"Coming soon\",\r\n comingSoonBodyPrefix: \"We're putting together a step-by-step guide for syncing\",\r\n comingSoonBodySuffix: \"with Walking Month. In the meantime, if your tracker can share steps with Apple Health or Health Connect, Walking Month can already read them.\",\r\n availableNow: \"Available now\",\r\n availableNowSub: \"These guides are ready to follow:\"\r\n};\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ CONTENT: MI FIT\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar MI_FIT_INTRO = [\r\n \"Walking Month doesn't read from Mi Fit directly. Your Mi band or watch syncs steps to the Mi Fit app (also shown as Mi Fitness or Zepp Life), Mi Fit shares them with your phone's health hub \u2014 Apple Health on iPhone, Health Connect on Android \u2014 and Walking Month reads your steps from there.\",\r\n \"Pick your operating system from below, then follow the one-time setup.\"\r\n];\r\n\r\n\/\/ \u2500\u2500\u2500 iPhone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nvar MI_FIT_IOS_STEPS = [\r\n {\r\n title: \"Sync Apple Health with the Mi Fit app\",\r\n paragraphs: [\r\n \"Open the Mi Fit app and tap the Profile tab (bottom right).\",\r\n \"Tap Third-Party data, then turn on the Health toggle. When prompted, allow the Mi Fit app to read all the data needed or just the steps data.\"\r\n ]\r\n },\r\n {\r\n title: \"Add the Mi Fit app as the step source in Apple Health\",\r\n paragraphs: [\r\n \"Open the Apple Health app, go to Summary and tap Steps (or Browse -> Activity -> Steps)\\n\" +\r\n \"Apple Health counts the top source first, so this ensures your band's steps are used instead of the iPhone's built-in pedometer.\"\r\n ]\r\n },\r\n {\r\n title: \"Let the Walking Month app read data from Apple Health\",\r\n paragraphs: [\r\n \"If you don't see the Walking Month app there, open the Walking Month app and tap Sync \u2014 when iOS asks. This will allow access to your Health (steps) data.\"\r\n ]\r\n }\r\n];\r\n\r\nvar MI_FIT_IOS_CALLOUT = [\r\n { label: \"Tracker\", value: \"Mi band \/ watch via Mi Fit (Zepp Life)\" },\r\n { label: \"Bridge\", value: \"Apple Health\" },\r\n { label: \"Reads steps\", value: \"Walking Month\" },\r\n { label: \"Setup\", value: \"One time only\" }\r\n];\r\n\r\nvar MI_FIT_IOS_TIPS = [\r\n \"No steps showing yet? Open Mi Fit first so your band syncs, then open Walking Month and pull down to refresh.\",\r\n \"Seeing fewer steps than your band shows? Mi Fit isn't at the top of the Apple Health data sources \u2014 repeat Step 2.\",\r\n \"Keep both apps allowed to run in the background so steps keep flowing through the day.\",\r\n \"For a more reliable sync, use the Start workout option in Mi Fit when you go for a walk. Workouts are pushed to Apple Health immediately when they finish, while regular step counts may take longer to appear.\"\r\n];\r\n\r\n\/\/ \u2500\u2500\u2500 Android \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nvar MI_FIT_ANDROID_STEPS = [\r\n {\r\n title: \"Sync Health Connect with the Mi Fit app\",\r\n paragraphs: [\r\n \"Open the Mi Fit app and tap the Profile tab (bottom right).\\n\" +\r\n \"Tap Third-Party data, then turn on the Health toggle (this is Health Connect on Android). When prompted, allow the Mi Fit app to read all the data needed or just the steps data.\"\r\n ]\r\n },\r\n {\r\n title: \"Check permissions in Health Connect\",\r\n paragraphs: [\r\n \"Open the Health Connect app (or Settings \u2192 Security & privacy \u2192 Health Connect \u2014 wording may vary based on the phone model).\\n\" +\r\n \"Under App permissions, confirm that Mi Fit is allowed to sync Steps, and that the Walking Month app is allowed to read Steps.\"\r\n ]\r\n },\r\n {\r\n title: \"Let Walking Month read your steps\",\r\n paragraphs: [\r\n \"Open the Walking Month app and tap Sync. When asked, grant access to Health Connect (Steps).\\n\" +\r\n \"If nothing is requested, go to Health Connect \u2192 App permissions \u2192 Walking Month and switch on Steps reading.\"\r\n ]\r\n }\r\n];\r\n\r\nvar MI_FIT_ANDROID_CALLOUT = [\r\n { label: \"Tracker\", value: \"Mi band \/ watch via Mi Fit (Zepp Life)\" },\r\n { label: \"Bridge\", value: \"Health Connect\" },\r\n { label: \"Reads steps\", value: \"Walking Month\" },\r\n { label: \"Setup\", value: \"One time only\" }\r\n];\r\n\r\nvar MI_FIT_ANDROID_TIPS = [\r\n \"No steps showing yet? Open the Mi Fit app first so your band syncs, then open the Walking Month app and pull down to refresh.\\n\" +\r\n \"Seeing fewer steps than your band shows? Mi Fit isn't at the top of the Apple Health data sources. You'll need to repeat Step 2 from above.\\n\" +\r\n \"Keep both apps allowed to run in the background so the steps can keep syncing through the day.\\n\" +\r\n \"For a more reliable sync, use the Start workout option in Mi Fit when you go for a walk. Workouts are pushed to Apple Health immediately when finished, while regular step counts may take longer to appear.\"\r\n];\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ APPS REGISTRY \u2014 wire content to nav pills; add new apps below\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar APPS = [\r\n {\r\n key: \"mi-fit\",\r\n name: \"Mi Fit\",\r\n available: true,\r\n intro: MI_FIT_INTRO,\r\n platforms: [\r\n {\r\n key: \"ios\",\r\n name: \"IOS\",\r\n steps: MI_FIT_IOS_STEPS,\r\n callout: MI_FIT_IOS_CALLOUT,\r\n tips: MI_FIT_IOS_TIPS\r\n },\r\n {\r\n key: \"android\",\r\n name: \"Android\",\r\n steps: MI_FIT_ANDROID_STEPS,\r\n callout: MI_FIT_ANDROID_CALLOUT,\r\n tips: MI_FIT_ANDROID_TIPS\r\n }\r\n ]\r\n }\r\n \/\/ Add more apps here, e.g.: { key: \"garmin\", name: \"Garmin\", available: false }\r\n];\r\n\r\nvar DEFAULT_KEY = \"mi-fit\";\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ RENDERING \u2014 no text below this line\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\nvar navInner = document.getElementById(\"wmi-nav-inner\");\r\nvar body = document.getElementById(\"wmi-body\");\r\nvar currentPlatform = null;\r\n\r\nAPPS.forEach(function(app) {\r\n var btn = document.createElement(\"button\");\r\n btn.type = \"button\";\r\n btn.className = \"wmi-nav-pill\" + (app.available ? \"\" : \" is-soon\");\r\n btn.setAttribute(\"data-key\", app.key);\r\n btn.innerHTML = escapeHtml(app.name) +\r\n (app.available ? \"\" : ' <span class=\"wmi-nav-tag\">Soon<\/span>');\r\n btn.addEventListener(\"click\", function() { selectApp(app.key); });\r\n navInner.appendChild(btn);\r\n});\r\n\r\nfunction escapeHtml(s) {\r\n return String(s).replace(\/[&<>\"']\/g, function(c) {\r\n return { \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c];\r\n });\r\n}\r\n\r\nfunction renderParagraphs(arr) {\r\n return arr.map(function(p) {\r\n return '<p class=\"wmi-p\">' + escapeHtml(p) + \"<\/p>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderSteps(steps) {\r\n return steps.map(function(s, i) {\r\n return '<div class=\"wmi-step\">' +\r\n '<div class=\"wmi-step-num\">' + (i + 1) + \"<\/div>\" +\r\n '<div class=\"wmi-step-body\">' +\r\n '<div class=\"wmi-step-title\">' + escapeHtml(s.title) + \"<\/div>\" +\r\n renderParagraphs(s.paragraphs) +\r\n \"<\/div>\" +\r\n \"<\/div>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderCallout(rows) {\r\n return '<div class=\"wmi-callout\">' + rows.map(function(r) {\r\n return '<div class=\"wmi-callout-row\">' +\r\n '<span class=\"wmi-callout-label\">' + escapeHtml(r.label) + \"<\/span>\" +\r\n '<span class=\"wmi-callout-val\">' + escapeHtml(r.value) + \"<\/span>\" +\r\n \"<\/div>\";\r\n }).join(\"\") + \"<\/div>\";\r\n}\r\n\r\nfunction renderTips(tips) {\r\n return tips.map(function(t) {\r\n return '<p class=\"wmi-tip\">' + escapeHtml(t) + \"<\/p>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderAppPills(currentKey) {\r\n return APPS.map(function(a) {\r\n var cls = \"wmi-pill\" + (a.key === currentKey ? \" wmi-pill-current\" : \"\");\r\n return '<span class=\"' + cls + '\" data-key=\"' + a.key + '\">' +\r\n escapeHtml(a.name) +\r\n (a.available ? \"\" : ' <span class=\"wmi-nav-tag\">Soon<\/span>') +\r\n \"<\/span>\";\r\n }).join(\"\");\r\n}\r\n\r\nfunction renderAvailableApp(app) {\r\n var plat = app.platforms.find(function(p) { return p.key === currentPlatform; })\r\n || app.platforms[0];\r\n currentPlatform = plat.key;\r\n\r\n var subSwitch = \"\";\r\n if (app.platforms.length > 1) {\r\n var subPills = app.platforms.map(function(p) {\r\n var cls = \"wmi-pill\" + (p.key === plat.key ? \" wmi-pill-current\" : \"\");\r\n return '<span class=\"' + cls + '\" data-platform=\"' + p.key + '\">' +\r\n escapeHtml(p.name) + \"<\/span>\";\r\n }).join(\"\");\r\n subSwitch =\r\n '<div class=\"wmi-switch-label\">' + UI.phonePicker + \"<\/div>\" +\r\n '<div class=\"wmi-pills\" style=\"margin-top:0\">' + subPills + \"<\/div>\";\r\n }\r\n\r\n body.innerHTML =\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionHowItWorks + \"<\/h2>\" +\r\n renderParagraphs(app.intro) +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionSetUp + \" \" + escapeHtml(app.name) + \"<\/h2>\" +\r\n subSwitch +\r\n '<div style=\"margin-top:18px\">' +\r\n renderSteps(plat.steps) +\r\n renderCallout(plat.callout) +\r\n \"<\/div>\" +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.sectionNotSyncing + \"<\/h2>\" +\r\n renderTips(plat.tips) +\r\n \"<\/section>\";\r\n\r\n body.querySelectorAll(\".wmi-pill[data-platform]\").forEach(function(el) {\r\n el.addEventListener(\"click\", function() {\r\n currentPlatform = el.getAttribute(\"data-platform\");\r\n renderAvailableApp(app);\r\n });\r\n });\r\n\r\n bindAppPills();\r\n playFade();\r\n}\r\n\r\nfunction renderComingSoonApp(app) {\r\n body.innerHTML =\r\n '<section class=\"wmi-section\">' +\r\n '<div class=\"wmi-soon-panel\">' +\r\n '<div class=\"wmi-soon\">' + UI.comingSoonBadge + \"<\/div>\" +\r\n '<h2 class=\"wmi-h2\" style=\"justify-content:center\">' + escapeHtml(app.name) + \"<\/h2>\" +\r\n '<p class=\"wmi-p\">' +\r\n UI.comingSoonBodyPrefix + \" \" + escapeHtml(app.name) + \" \" + UI.comingSoonBodySuffix +\r\n \"<\/p>\" +\r\n \"<\/div>\" +\r\n \"<\/section>\" +\r\n\r\n '<section class=\"wmi-section\">' +\r\n '<h2 class=\"wmi-h2\">' + UI.availableNow + \"<\/h2>\" +\r\n '<p class=\"wmi-p\">' + UI.availableNowSub + \"<\/p>\" +\r\n '<div class=\"wmi-pills\">' + renderAppPills(app.key) + \"<\/div>\" +\r\n \"<\/section>\";\r\n\r\n bindAppPills();\r\n playFade();\r\n}\r\n\r\nfunction bindAppPills() {\r\n body.querySelectorAll(\".wmi-pill[data-key]\").forEach(function(el) {\r\n el.addEventListener(\"click\", function() { selectApp(el.getAttribute(\"data-key\")); });\r\n });\r\n}\r\n\r\nfunction playFade() {\r\n body.classList.remove(\"wmi-fade\");\r\n void body.offsetWidth;\r\n body.classList.add(\"wmi-fade\");\r\n}\r\n\r\nfunction selectApp(key) {\r\n var app = APPS.find(function(a) { return a.key === key; }) || APPS[0];\r\n\r\n navInner.querySelectorAll(\".wmi-nav-pill\").forEach(function(btn) {\r\n if (btn.getAttribute(\"data-key\") === app.key) {\r\n btn.setAttribute(\"aria-current\", \"true\");\r\n } else {\r\n btn.removeAttribute(\"aria-current\");\r\n }\r\n });\r\n\r\n if (app.available) {\r\n renderAvailableApp(app);\r\n } else {\r\n renderComingSoonApp(app);\r\n }\r\n\r\n if (history.replaceState) {\r\n history.replaceState(null, \"\", \"#\" + app.key);\r\n }\r\n}\r\n\r\nvar initialKey = (window.location.hash || \"\").replace(\"#\", \"\").toLowerCase();\r\nif (!APPS.find(function(a) { return a.key === initialKey; })) {\r\n initialKey = DEFAULT_KEY;\r\n}\r\nselectApp(initialKey);\r\n\r\nwindow.addEventListener(\"hashchange\", function() {\r\n var key = window.location.hash.replace(\"#\", \"\").toLowerCase();\r\n if (APPS.find(function(a) { return a.key === key; })) {\r\n selectApp(key);\r\n }\r\n});\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Sync your steps with Walking Month Sync your stepswith Walking Month Walking Month reads your daily steps from the fitness...","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11006","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/comments?post=11006"}],"version-history":[{"count":6,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006\/revisions"}],"predecessor-version":[{"id":11013,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/11006\/revisions\/11013"}],"wp:attachment":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/media?parent=11006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}