MadlySane Self Care Dashboard<\/title>\n <style>\n \/* Global Styles *\/\n body {\n font-family: Arial, sans-serif;\n background: #f0f4f8;\n margin: 0;\n padding: 0;\n }\n header {\n background: 2c3e50;\n color: #fff;\n padding: 20px;\n text-align: center;\n }\n nav {\n display: flex;\n justify-content: center;\n background: #ddd;\n }\n nav button {\n background: #ddd;\n border: none;\n padding: 14px 20px;\n cursor: pointer;\n font-size: 16px;\n }\n nav button:hover {\n background: #ccc;\n }\n nav button.active {\n background: #bbb;\n font-weight: bold;\n }\n .tabcontent {\n display: none;\n padding: 20px;\n animation: fadeIn 0.5s;\n }\n @keyframes fadeIn {\n from {opacity: 0;}\n to {opacity: 1;}\n }\n \n \/* Mood Mirror Styles *\/\n #shape {\n width: 200px;\n height: 200px;\n margin: 30px auto;\n background: gray;\n border-radius: 50%;\n transition: all 1s ease;\n }\n .mood-button {\n padding: 10px 20px;\n margin: 10px 5px;\n font-size: 16px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n background: #ddd;\n }\n .mood-button:hover {\n background: #bbb;\n }\n #result {\n margin-top: 20px;\n font-size: 18px;\n color: #333;\n }\n \n \/* Mood Tracker Styles *\/\n .tracker-form {\n max-width: 400px;\n margin: 0 auto;\n text-align: left;\n }\n .tracker-form label {\n display: block;\n margin: 10px 0 5px;\n font-weight: bold;\n }\n .tracker-form input, \n .tracker-form select, \n .tracker-form textarea {\n width: 100%;\n padding: 8px;\n margin-bottom: 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n }\n .tracker-form button {\n padding: 10px 20px;\n background: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n }\n .tracker-form button:hover {\n background: #45a049;\n }\n #moodEntries {\n max-width: 400px;\n margin: 20px auto;\n text-align: left;\n }\n #moodEntries ul {\n list-style: none;\n padding: 0;\n }\n #moodEntries li {\n background: #fff;\n margin: 5px 0;\n padding: 10px;\n border-radius: 4px;\n border: 1px solid #ccc;\n }\n \n \/* Self-Care Tips Styles *\/\n #tipDisplay {\n font-size: 20px;\n margin: 20px 0;\n color: #333;\n padding: 10px;\n background: #eef;\n border-radius: 4px;\n }\n #newTipBtn {\n padding: 10px 20px;\n background: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n }\n #newTipBtn:hover {\n background: #45a049;\n }\n \n \/* Resources Styles *\/\n #resources ul {\n list-style-type: none;\n padding: 0;\n }\n #resources li {\n margin: 10px 0;\n font-size: 18px;\n }\n #resources a {\n color: #4CAF50;\n text-decoration: none;\n }\n #resources a:hover {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1>MadlySane Self Care Dashboard<\/h1>\n <\/header>\n\n <nav><button class=\"tablink\" onclick=\"openTab(this, 'schedulePlanner')\">Schedule Planner<\/button>\n\n <button class=\"tablink\" onclick=\"openTab(this, 'moodMirror')\" id=\"defaultTab\">Mood Mirror<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'moodTracker')\">Mood Tracker<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'selfCareTips')\">Self-Care Tips<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'resources')\">Resources<\/button>\n <\/nav>\n\n \n <div id=\"moodMirror\" class=\"tabcontent\">\n <h2>\ud83e\ude9e Mood Mirror<\/h2>\n <p>How are you feeling today? Select a mood below to see your reflection and receive tailored suggestions.<\/p>\n <div id=\"shape\"><\/div>\n <div style=\"margin-top:20px;\">\n <button class=\"mood-button\" onclick=\"reflectMood('Happy')\">Happy<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Sad')\">Sad<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Anxious')\">Anxious<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Calm')\">Calm<\/button>\n <button class=\"mood-button\" onclick=\"resetMoodMirror()\">Reset<\/button>\n <\/div>\n <div id=\"result\"><\/div>\n <\/div>\n\n \n <div id=\"moodTracker\" class=\"tabcontent\">\n <h2>Mood Tracker<\/h2>\n <div class=\"tracker-form\">\n <label for=\"entryDate\">Date<\/label>\n <input type=\"date\" id=\"entryDate\">\n \n <label for=\"entryMood\">Mood<\/label>\n <select id=\"entryMood\">\n <option value=\"\">Select Mood<\/option>\n <option value=\"Happy\">Happy<\/option>\n <option value=\"Sad\">Sad<\/option>\n <option value=\"Anxious\">Anxious<\/option>\n <option value=\"Calm\">Calm<\/option>\n <\/select>\n \n <label for=\"entryNotes\">Notes<\/label>\n <textarea id=\"entryNotes\" rows=\"3\" placeholder=\"How are you feeling?\"><\/textarea>\n \n <button onclick=\"saveMoodEntry()\">Save Entry<\/button>\n <\/div>\n <div id=\"moodEntries\">\n <h3>Your Mood Entries<\/h3>\n <ul id=\"entriesList\"><\/ul>\n <\/div>\n <\/div>\n<div id=\"schedulePlanner\" class=\"tabcontent\">\n <h2>\ud83d\uddd3\ufe0f Routine & Schedule Planner<\/h2>\n <form id=\"schedule-form\">\n <div class=\"form-group\">\n <label for=\"task-name\">Task Name<\/label>\n <input type=\"text\" id=\"task-name\" placeholder=\"Enter task name...\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"task-time\">Task Time<\/label>\n <input type=\"time\" id=\"task-time\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"task-notes\">Notes<\/label>\n <textarea id=\"task-notes\" placeholder=\"Enter task notes...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-button\">Add Task<\/button>\n <\/form>\n\n <div id=\"task-list\">\n <h4>\ud83d\udccb Task List<\/h4>\n <\/div>\n\n <button class=\"clear-button\" id=\"clear-tasks\">Clear All Tasks<\/button>\n<\/div>\n\n \n <div id=\"selfCareTips\" class=\"tabcontent\">\n <h2>Self-Care Tips<\/h2>\n <div id=\"tipDisplay\">Click the button to get a self-care tip!<\/div>\n <button id=\"newTipBtn\" onclick=\"showNewTip()\">Get New Tip<\/button>\n <\/div>\n\n \n <div id=\"resources\" class=\"tabcontent\">\n <h2>Resources<\/h2>\n <ul>\n <li><a href=\"https:\/\/madlysane.site\/en\/a2\"_self\">A to Z of Mental Health Symptoms<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/add-screener\" target=\"_self\">ADD Screener (Self-Assessment)<\/a><\/li>\n<li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/nutrition-and-mental-health-tool\/\">Nutrition Tool<\/a><\/li>\n<li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/en\/adhd-screener\/\">ADHD Screener<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/alzheimers-risk-screener\/\">Alzheimer’s Risk Screener<\/a><\/li><li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/en\/cbt- readiness\/\">CBT Readiness Assessment for Adults with Intellectual Disabilities<\/a><\/li><li class=\"menu-item\"><a href=\" https:\/\/madlysane.site\/en\/social-anxiety-2\/\">Social Anxiety Self-Help Assessment<\/a>\n<li><a href=\"https:\/\/madlysane.site\/en\/cognitive-dysfunction-in-major-depression-and-bipolar-disorder\/\">Mood Disorder Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/caregivers-overwhelm-gauge\/\">Caregiver Overwhelm Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/emotional-resilience-assessment\/\">Emotional Resilience Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/self-assessment\/\">Self Assessment: Self-Commpassion & Inner Dialogue Awareness<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/safe-guide-and-safety-plan\/\">Suicide Risk Assessment and Safety Plan<\/a><\/li>\n\n<li><a href=\"https:\/\/thisisintersex.org\/basis\/where-can-i-find-support\/\">This is Intersex \u2014 Where can I find support?\n<\/a><\/li>\n\n <li><a href=\"\/tranquiltalks\" target=\"_self\">TranquilTalks<\/a><\/li>\n <li><a href=\"\/insighthub\" target=\"_self\">InsightHub<\/a><\/li>\n <li><a href=\"\/wellnessweave\" target=\"_self\">WellnessWeave<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/a-demo\/\">Moodfit Demo<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/emotionpathways\/\" target=\"_self\">EmotionPathways<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/creative-workshops\" target=\"_self\">Creative Workshops<\/a> (Coming Soon)<\/li>\n <\/ul>\n <\/div>\n\n <script>\n \/* -------------------------------\n Tab Navigation Functionality\n ------------------------------- *\/\n function openTab(element, tabName) {\n var i, tabcontent, tablinks;\n tabcontent = document.getElementsByClassName(\"tabcontent\");\n for (i = 0; i < tabcontent.length; i++) {\n tabcontent[i].style.display = \"none\";\n }\n tablinks = document.getElementsByClassName(\"tablink\");\n for (i = 0; i < tablinks.length; i++) {\n tablinks[i].classList.remove(\"active\");\n }\n document.getElementById(tabName).style.display = \"block\";\n element.classList.add(\"active\");\n }\n \/\/ Set default tab\n document.getElementById(\"defaultTab\").click();\n\n \/* -------------------------------\n Mood Mirror Functionality\n ------------------------------- *\/\n const moods = [\n {\n name: \"Happy\",\n color: \"#f9d342\",\n shape: \"50%\",\n message: \"\ud83d\ude0a You shine bright. Keep spreading joy!\",\n suggestions: [\n \"Share your happiness with someone today\",\n \"Start a gratitude journal\",\n \"Celebrate a small win\"\n ]\n },\n {\n name: \"Sad\",\n color: \"#6c7a89\",\n shape: \"30%\",\n message: \"\ud83d\udc99 It's okay to feel low. Remember, you're not alone.\",\n suggestions: [\n \"Talk to a friend or write in a journal\",\n \"Take a short walk to clear your mind\",\n \"Watch something uplifting\"\n ]\n },\n {\n name: \"Anxious\",\n color: \"#f67280\",\n shape: \"20%\",\n message: \"\ud83d\udc9b Take a deep breath. You are safe and supported.\",\n suggestions: [\n \"Try deep breathing: in for 4, hold for 4, out for 4\",\n \"Listen to some calming music\",\n \"Focus on something within your control\"\n ]\n },\n {\n name: \"Calm\",\n color: \"#88d8b0\",\n shape: \"100%\",\n message: \"\ud83c\udf3f You radiate peace. Stay grounded in the moment.\",\n suggestions: [\n \"Savor the stillness with a cup of tea\",\n \"Capture this calm in a moment of meditation\",\n \"Share your calm energy with someone\"\n ]\n }\n ];\n\n let currentMood = null;\n\n function reflectMood(selectedMood) {\n const shape = document.getElementById(\"shape\");\n const result = document.getElementById(\"result\");\n currentMood = moods.find(m => m.name === selectedMood);\n \/\/ Reflect the selected mood visually\n shape.style.backgroundColor = currentMood.color;\n shape.style.borderRadius = currentMood.shape;\n \/\/ Build a suggestions list\n const suggestionHTML = `<ul style=\"text-align:left; padding:0 20px;\">` +\n currentMood.suggestions.map(s => `<li>\ud83d\udca1 ${s}<\/li>`).join('') +\n `<\/ul>`;\n result.innerHTML = `<strong>${currentMood.name} Mood:<\/strong> ${currentMood.message}<br><br><strong>Suggestions:<\/strong>${suggestionHTML}`;\n }\n\n function resetMoodMirror() {\n const shape = document.getElementById(\"shape\");\n const result = document.getElementById(\"result\");\n \/\/ Reset shape and result to defaults\n shape.style.backgroundColor = \"gray\";\n shape.style.borderRadius = \"50%\";\n result.innerHTML = \"\";\n }\n\n \/* -------------------------------\n Mood Tracker Functionality\n ------------------------------- *\/\n function saveMoodEntry() {\n const dateInput = document.getElementById(\"entryDate\").value;\n const moodInput = document.getElementById(\"entryMood\").value;\n const notesInput = document.getElementById(\"entryNotes\").value;\n if (!dateInput || !moodInput) {\n alert(\"Please select a date and mood.\");\n return;\n }\n const entry = { date: dateInput, mood: moodInput, notes: notesInput };\n let entries = JSON.parse(localStorage.getItem(\"moodEntries\")) || [];\n entries.push(entry);\n localStorage.setItem(\"moodEntries\", JSON.stringify(entries));\n loadMoodEntries();\n document.getElementById(\"entryDate\").value = \"\";\n document.getElementById(\"entryMood\").value = \"\";\n document.getElementById(\"entryNotes\").value = \"\";\n }\n\n function loadMoodEntries() {\n const entriesList = document.getElementById(\"entriesList\");\n let entries = JSON.parse(localStorage.getItem(\"moodEntries\")) || [];\n entriesList.innerHTML = \"\";\n entries.forEach(entry => {\n const li = document.createElement(\"li\");\n li.textContent = `${entry.date} - ${entry.mood}${entry.notes ? \" - \" + entry.notes : \"\"}`;\n entriesList.appendChild(li);\n });\n }\n loadMoodEntries();\n\n \/* -------------------------------\n Self-Care Tips Functionality\n ------------------------------- *\/\n const selfCareTips = [\n \"Take a few deep breaths.\",\n \"Go for a short walk outside.\",\n \"Listen to your favorite music.\",\n \"Write down three things you're grateful for.\",\n \"Spend a few minutes meditating.\",\n \"Reach out to a friend or loved one.\",\n \"Treat yourself to a healthy snack.\",\n \"Take a break and stretch.\"\n ];\n\n function showNewTip() {\n const tipDisplay = document.getElementById(\"tipDisplay\");\n const randomIndex = Math.floor(Math.random() * selfCareTips.length);\n tipDisplay.textContent = selfCareTips[randomIndex];\n }\n <\/script>\n<script>\n document.addEventListener('DOMContentLoaded', function () {\n loadTasks();\n });\n\n document.getElementById('schedule-form').addEventListener('submit', function (event) {\n event.preventDefault();\n const name = document.getElementById('task-name').value;\n const time = document.getElementById('task-time').value;\n const notes = document.getElementById('task-notes').value;\n\n if (name && time) {\n const task = { name, time, notes };\n saveTask(task);\n displayTask(task);\n this.reset();\n } else {\n alert('Please enter both task name and time.');\n }\n });\n\n document.getElementById('clear-tasks').addEventListener('click', function () {\n localStorage.removeItem('tasks');\n document.getElementById('task-list').innerHTML = '<h4>\ud83d\udccb Task List<\/h4>';\n });\n\n function saveTask(task) {\n const tasks = JSON.parse(localStorage.getItem('tasks')) || [];\n tasks.push(task);\n localStorage.setItem('tasks', JSON.stringify(tasks));\n }\n\n function loadTasks() {\n const tasks = JSON.parse(localStorage.getItem('tasks')) || [];\n tasks.forEach(displayTask);\n }\n\n function displayTask(task) {\n const taskList = document.getElementById('task-list');\n const div = document.createElement('div');\n div.className = 'task-item';\n div.innerHTML = `<strong>${task.name}<\/strong> at ${task.time}<br>${task.notes}`;\n taskList.appendChild(div);\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MadlySane Self Care Dashboard MadlySane Self Care Dashboard Schedule Planner Mood Mirror Mood Tracker Self-Care Tips Resources \ud83e\ude9e Mood Mirror How are you feeling today? Select a mood below to see your reflection and receive tailored suggestions. Happy Sad Anxious Calm Reset Mood Tracker Date Mood Select MoodHappySadAnxiousCalm Notes Save Entry Your Mood Entries \ud83d\uddd3\ufe0f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-4102","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/comments?post=4102"}],"version-history":[{"count":4,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102\/revisions"}],"predecessor-version":[{"id":5929,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102\/revisions\/5929"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=4102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4102,"date":"2025-06-18T11:03:45","date_gmt":"2025-06-18T16:03:45","guid":{"rendered":"https:\/\/madlysane.com\/?page_id=4102"},"modified":"2025-09-06T15:12:31","modified_gmt":"2025-09-06T20:12:31","slug":"madlysane-self-care-dashboard","status":"publish","type":"page","link":"https:\/\/madlysane.site\/en\/madlysane-self-care-dashboard\/","title":{"rendered":"MadlySane Self Care Dashboard"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n MadlySane Self Care Dashboard<\/title>\n <style>\n \/* Global Styles *\/\n body {\n font-family: Arial, sans-serif;\n background: #f0f4f8;\n margin: 0;\n padding: 0;\n }\n header {\n background: 2c3e50;\n color: #fff;\n padding: 20px;\n text-align: center;\n }\n nav {\n display: flex;\n justify-content: center;\n background: #ddd;\n }\n nav button {\n background: #ddd;\n border: none;\n padding: 14px 20px;\n cursor: pointer;\n font-size: 16px;\n }\n nav button:hover {\n background: #ccc;\n }\n nav button.active {\n background: #bbb;\n font-weight: bold;\n }\n .tabcontent {\n display: none;\n padding: 20px;\n animation: fadeIn 0.5s;\n }\n @keyframes fadeIn {\n from {opacity: 0;}\n to {opacity: 1;}\n }\n \n \/* Mood Mirror Styles *\/\n #shape {\n width: 200px;\n height: 200px;\n margin: 30px auto;\n background: gray;\n border-radius: 50%;\n transition: all 1s ease;\n }\n .mood-button {\n padding: 10px 20px;\n margin: 10px 5px;\n font-size: 16px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n background: #ddd;\n }\n .mood-button:hover {\n background: #bbb;\n }\n #result {\n margin-top: 20px;\n font-size: 18px;\n color: #333;\n }\n \n \/* Mood Tracker Styles *\/\n .tracker-form {\n max-width: 400px;\n margin: 0 auto;\n text-align: left;\n }\n .tracker-form label {\n display: block;\n margin: 10px 0 5px;\n font-weight: bold;\n }\n .tracker-form input, \n .tracker-form select, \n .tracker-form textarea {\n width: 100%;\n padding: 8px;\n margin-bottom: 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n }\n .tracker-form button {\n padding: 10px 20px;\n background: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n }\n .tracker-form button:hover {\n background: #45a049;\n }\n #moodEntries {\n max-width: 400px;\n margin: 20px auto;\n text-align: left;\n }\n #moodEntries ul {\n list-style: none;\n padding: 0;\n }\n #moodEntries li {\n background: #fff;\n margin: 5px 0;\n padding: 10px;\n border-radius: 4px;\n border: 1px solid #ccc;\n }\n \n \/* Self-Care Tips Styles *\/\n #tipDisplay {\n font-size: 20px;\n margin: 20px 0;\n color: #333;\n padding: 10px;\n background: #eef;\n border-radius: 4px;\n }\n #newTipBtn {\n padding: 10px 20px;\n background: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n }\n #newTipBtn:hover {\n background: #45a049;\n }\n \n \/* Resources Styles *\/\n #resources ul {\n list-style-type: none;\n padding: 0;\n }\n #resources li {\n margin: 10px 0;\n font-size: 18px;\n }\n #resources a {\n color: #4CAF50;\n text-decoration: none;\n }\n #resources a:hover {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1>MadlySane Self Care Dashboard<\/h1>\n <\/header>\n\n <nav><button class=\"tablink\" onclick=\"openTab(this, 'schedulePlanner')\">Schedule Planner<\/button>\n\n <button class=\"tablink\" onclick=\"openTab(this, 'moodMirror')\" id=\"defaultTab\">Mood Mirror<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'moodTracker')\">Mood Tracker<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'selfCareTips')\">Self-Care Tips<\/button>\n <button class=\"tablink\" onclick=\"openTab(this, 'resources')\">Resources<\/button>\n <\/nav>\n\n \n <div id=\"moodMirror\" class=\"tabcontent\">\n <h2>\ud83e\ude9e Mood Mirror<\/h2>\n <p>How are you feeling today? Select a mood below to see your reflection and receive tailored suggestions.<\/p>\n <div id=\"shape\"><\/div>\n <div style=\"margin-top:20px;\">\n <button class=\"mood-button\" onclick=\"reflectMood('Happy')\">Happy<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Sad')\">Sad<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Anxious')\">Anxious<\/button>\n <button class=\"mood-button\" onclick=\"reflectMood('Calm')\">Calm<\/button>\n <button class=\"mood-button\" onclick=\"resetMoodMirror()\">Reset<\/button>\n <\/div>\n <div id=\"result\"><\/div>\n <\/div>\n\n \n <div id=\"moodTracker\" class=\"tabcontent\">\n <h2>Mood Tracker<\/h2>\n <div class=\"tracker-form\">\n <label for=\"entryDate\">Date<\/label>\n <input type=\"date\" id=\"entryDate\">\n \n <label for=\"entryMood\">Mood<\/label>\n <select id=\"entryMood\">\n <option value=\"\">Select Mood<\/option>\n <option value=\"Happy\">Happy<\/option>\n <option value=\"Sad\">Sad<\/option>\n <option value=\"Anxious\">Anxious<\/option>\n <option value=\"Calm\">Calm<\/option>\n <\/select>\n \n <label for=\"entryNotes\">Notes<\/label>\n <textarea id=\"entryNotes\" rows=\"3\" placeholder=\"How are you feeling?\"><\/textarea>\n \n <button onclick=\"saveMoodEntry()\">Save Entry<\/button>\n <\/div>\n <div id=\"moodEntries\">\n <h3>Your Mood Entries<\/h3>\n <ul id=\"entriesList\"><\/ul>\n <\/div>\n <\/div>\n<div id=\"schedulePlanner\" class=\"tabcontent\">\n <h2>\ud83d\uddd3\ufe0f Routine & Schedule Planner<\/h2>\n <form id=\"schedule-form\">\n <div class=\"form-group\">\n <label for=\"task-name\">Task Name<\/label>\n <input type=\"text\" id=\"task-name\" placeholder=\"Enter task name...\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"task-time\">Task Time<\/label>\n <input type=\"time\" id=\"task-time\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"task-notes\">Notes<\/label>\n <textarea id=\"task-notes\" placeholder=\"Enter task notes...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-button\">Add Task<\/button>\n <\/form>\n\n <div id=\"task-list\">\n <h4>\ud83d\udccb Task List<\/h4>\n <\/div>\n\n <button class=\"clear-button\" id=\"clear-tasks\">Clear All Tasks<\/button>\n<\/div>\n\n \n <div id=\"selfCareTips\" class=\"tabcontent\">\n <h2>Self-Care Tips<\/h2>\n <div id=\"tipDisplay\">Click the button to get a self-care tip!<\/div>\n <button id=\"newTipBtn\" onclick=\"showNewTip()\">Get New Tip<\/button>\n <\/div>\n\n \n <div id=\"resources\" class=\"tabcontent\">\n <h2>Resources<\/h2>\n <ul>\n <li><a href=\"https:\/\/madlysane.site\/en\/a2\"_self\">A to Z of Mental Health Symptoms<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/add-screener\" target=\"_self\">ADD Screener (Self-Assessment)<\/a><\/li>\n<li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/nutrition-and-mental-health-tool\/\">Nutrition Tool<\/a><\/li>\n<li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/en\/adhd-screener\/\">ADHD Screener<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/alzheimers-risk-screener\/\">Alzheimer’s Risk Screener<\/a><\/li><li class=\"menu-item\"><a href=\"https:\/\/madlysane.site\/en\/cbt- readiness\/\">CBT Readiness Assessment for Adults with Intellectual Disabilities<\/a><\/li><li class=\"menu-item\"><a href=\" https:\/\/madlysane.site\/en\/social-anxiety-2\/\">Social Anxiety Self-Help Assessment<\/a>\n<li><a href=\"https:\/\/madlysane.site\/en\/cognitive-dysfunction-in-major-depression-and-bipolar-disorder\/\">Mood Disorder Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/caregivers-overwhelm-gauge\/\">Caregiver Overwhelm Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/emotional-resilience-assessment\/\">Emotional Resilience Assessment<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/self-assessment\/\">Self Assessment: Self-Commpassion & Inner Dialogue Awareness<\/a><\/li><li><a href=\"https:\/\/madlysane.site\/en\/safe-guide-and-safety-plan\/\">Suicide Risk Assessment and Safety Plan<\/a><\/li>\n\n<li><a href=\"https:\/\/thisisintersex.org\/basis\/where-can-i-find-support\/\">This is Intersex \u2014 Where can I find support?\n<\/a><\/li>\n\n <li><a href=\"\/tranquiltalks\" target=\"_self\">TranquilTalks<\/a><\/li>\n <li><a href=\"\/insighthub\" target=\"_self\">InsightHub<\/a><\/li>\n <li><a href=\"\/wellnessweave\" target=\"_self\">WellnessWeave<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/a-demo\/\">Moodfit Demo<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/emotionpathways\/\" target=\"_self\">EmotionPathways<\/a><\/li>\n <li><a href=\"https:\/\/madlysane.site\/en\/creative-workshops\" target=\"_self\">Creative Workshops<\/a> (Coming Soon)<\/li>\n <\/ul>\n <\/div>\n\n <script>\n \/* -------------------------------\n Tab Navigation Functionality\n ------------------------------- *\/\n function openTab(element, tabName) {\n var i, tabcontent, tablinks;\n tabcontent = document.getElementsByClassName(\"tabcontent\");\n for (i = 0; i < tabcontent.length; i++) {\n tabcontent[i].style.display = \"none\";\n }\n tablinks = document.getElementsByClassName(\"tablink\");\n for (i = 0; i < tablinks.length; i++) {\n tablinks[i].classList.remove(\"active\");\n }\n document.getElementById(tabName).style.display = \"block\";\n element.classList.add(\"active\");\n }\n \/\/ Set default tab\n document.getElementById(\"defaultTab\").click();\n\n \/* -------------------------------\n Mood Mirror Functionality\n ------------------------------- *\/\n const moods = [\n {\n name: \"Happy\",\n color: \"#f9d342\",\n shape: \"50%\",\n message: \"\ud83d\ude0a You shine bright. Keep spreading joy!\",\n suggestions: [\n \"Share your happiness with someone today\",\n \"Start a gratitude journal\",\n \"Celebrate a small win\"\n ]\n },\n {\n name: \"Sad\",\n color: \"#6c7a89\",\n shape: \"30%\",\n message: \"\ud83d\udc99 It's okay to feel low. Remember, you're not alone.\",\n suggestions: [\n \"Talk to a friend or write in a journal\",\n \"Take a short walk to clear your mind\",\n \"Watch something uplifting\"\n ]\n },\n {\n name: \"Anxious\",\n color: \"#f67280\",\n shape: \"20%\",\n message: \"\ud83d\udc9b Take a deep breath. You are safe and supported.\",\n suggestions: [\n \"Try deep breathing: in for 4, hold for 4, out for 4\",\n \"Listen to some calming music\",\n \"Focus on something within your control\"\n ]\n },\n {\n name: \"Calm\",\n color: \"#88d8b0\",\n shape: \"100%\",\n message: \"\ud83c\udf3f You radiate peace. Stay grounded in the moment.\",\n suggestions: [\n \"Savor the stillness with a cup of tea\",\n \"Capture this calm in a moment of meditation\",\n \"Share your calm energy with someone\"\n ]\n }\n ];\n\n let currentMood = null;\n\n function reflectMood(selectedMood) {\n const shape = document.getElementById(\"shape\");\n const result = document.getElementById(\"result\");\n currentMood = moods.find(m => m.name === selectedMood);\n \/\/ Reflect the selected mood visually\n shape.style.backgroundColor = currentMood.color;\n shape.style.borderRadius = currentMood.shape;\n \/\/ Build a suggestions list\n const suggestionHTML = `<ul style=\"text-align:left; padding:0 20px;\">` +\n currentMood.suggestions.map(s => `<li>\ud83d\udca1 ${s}<\/li>`).join('') +\n `<\/ul>`;\n result.innerHTML = `<strong>${currentMood.name} Mood:<\/strong> ${currentMood.message}<br><br><strong>Suggestions:<\/strong>${suggestionHTML}`;\n }\n\n function resetMoodMirror() {\n const shape = document.getElementById(\"shape\");\n const result = document.getElementById(\"result\");\n \/\/ Reset shape and result to defaults\n shape.style.backgroundColor = \"gray\";\n shape.style.borderRadius = \"50%\";\n result.innerHTML = \"\";\n }\n\n \/* -------------------------------\n Mood Tracker Functionality\n ------------------------------- *\/\n function saveMoodEntry() {\n const dateInput = document.getElementById(\"entryDate\").value;\n const moodInput = document.getElementById(\"entryMood\").value;\n const notesInput = document.getElementById(\"entryNotes\").value;\n if (!dateInput || !moodInput) {\n alert(\"Please select a date and mood.\");\n return;\n }\n const entry = { date: dateInput, mood: moodInput, notes: notesInput };\n let entries = JSON.parse(localStorage.getItem(\"moodEntries\")) || [];\n entries.push(entry);\n localStorage.setItem(\"moodEntries\", JSON.stringify(entries));\n loadMoodEntries();\n document.getElementById(\"entryDate\").value = \"\";\n document.getElementById(\"entryMood\").value = \"\";\n document.getElementById(\"entryNotes\").value = \"\";\n }\n\n function loadMoodEntries() {\n const entriesList = document.getElementById(\"entriesList\");\n let entries = JSON.parse(localStorage.getItem(\"moodEntries\")) || [];\n entriesList.innerHTML = \"\";\n entries.forEach(entry => {\n const li = document.createElement(\"li\");\n li.textContent = `${entry.date} - ${entry.mood}${entry.notes ? \" - \" + entry.notes : \"\"}`;\n entriesList.appendChild(li);\n });\n }\n loadMoodEntries();\n\n \/* -------------------------------\n Self-Care Tips Functionality\n ------------------------------- *\/\n const selfCareTips = [\n \"Take a few deep breaths.\",\n \"Go for a short walk outside.\",\n \"Listen to your favorite music.\",\n \"Write down three things you're grateful for.\",\n \"Spend a few minutes meditating.\",\n \"Reach out to a friend or loved one.\",\n \"Treat yourself to a healthy snack.\",\n \"Take a break and stretch.\"\n ];\n\n function showNewTip() {\n const tipDisplay = document.getElementById(\"tipDisplay\");\n const randomIndex = Math.floor(Math.random() * selfCareTips.length);\n tipDisplay.textContent = selfCareTips[randomIndex];\n }\n <\/script>\n<script>\n document.addEventListener('DOMContentLoaded', function () {\n loadTasks();\n });\n\n document.getElementById('schedule-form').addEventListener('submit', function (event) {\n event.preventDefault();\n const name = document.getElementById('task-name').value;\n const time = document.getElementById('task-time').value;\n const notes = document.getElementById('task-notes').value;\n\n if (name && time) {\n const task = { name, time, notes };\n saveTask(task);\n displayTask(task);\n this.reset();\n } else {\n alert('Please enter both task name and time.');\n }\n });\n\n document.getElementById('clear-tasks').addEventListener('click', function () {\n localStorage.removeItem('tasks');\n document.getElementById('task-list').innerHTML = '<h4>\ud83d\udccb Task List<\/h4>';\n });\n\n function saveTask(task) {\n const tasks = JSON.parse(localStorage.getItem('tasks')) || [];\n tasks.push(task);\n localStorage.setItem('tasks', JSON.stringify(tasks));\n }\n\n function loadTasks() {\n const tasks = JSON.parse(localStorage.getItem('tasks')) || [];\n tasks.forEach(displayTask);\n }\n\n function displayTask(task) {\n const taskList = document.getElementById('task-list');\n const div = document.createElement('div');\n div.className = 'task-item';\n div.innerHTML = `<strong>${task.name}<\/strong> at ${task.time}<br>${task.notes}`;\n taskList.appendChild(div);\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MadlySane Self Care Dashboard MadlySane Self Care Dashboard Schedule Planner Mood Mirror Mood Tracker Self-Care Tips Resources \ud83e\ude9e Mood Mirror How are you feeling today? Select a mood below to see your reflection and receive tailored suggestions. Happy Sad Anxious Calm Reset Mood Tracker Date Mood Select MoodHappySadAnxiousCalm Notes Save Entry Your Mood Entries \ud83d\uddd3\ufe0f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-4102","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/comments?post=4102"}],"version-history":[{"count":4,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102\/revisions"}],"predecessor-version":[{"id":5929,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4102\/revisions\/5929"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=4102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}