{"id":5676,"date":"2025-08-30T19:57:50","date_gmt":"2025-08-31T00:57:50","guid":{"rendered":"https:\/\/madlysane.com\/?page_id=5676"},"modified":"2025-08-30T19:57:50","modified_gmt":"2025-08-31T00:57:50","slug":"drift","status":"publish","type":"page","link":"https:\/\/madlysane.site\/en\/drift\/","title":{"rendered":"Drift"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>MadlySane Floating Support Hub<\/title>\n<style>\n  body {\n    margin: 0;\n    background: linear-gradient(180deg, #f0f8ff, #ffffff);\n    font-family: sans-serif;\n  }\n  #floating-support-hub {\n    position: relative;\n    width: 100%;\n    height: 100vh; \/* Full screen height *\/\n    overflow: hidden;\n    padding: 10px;\n  }\n  #floating-support-hub .float-container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n  #floating-support-hub .page {\n    position: absolute;\n    min-width: 180px;\n    max-width: 240px;\n    padding: 10px;\n    background: white;\n    border-radius: 10px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n    cursor: pointer;\n    text-align: center;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #333;\n    opacity: 0;\n    transform: translateY(0);\n    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 1s ease;\n  }\n  #floating-support-hub .page:hover {\n    transform: scale(1.05);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.25);\n    z-index: 10;\n  }\n  #floating-support-hub .page a {\n    text-decoration: none;\n    color: inherit;\n    display: block;\n  }\n<\/style>\n<\/head>\n<body>\n<header style=\"padding:20px; text-align:center; background:rgba(255,255,255,0.85); backdrop-filter:blur(6px); border-bottom:1px solid rgba(0,0,0,0.05); z-index:100;\">\n  <h1 style=\"margin:0; font-size:2rem; font-weight:700;\">The Drift<\/h1>\n  <p style=\"margin:6px 0 0; font-size:1rem; color:#555;\">\n    Explore MadlySane\u2019s pages \u2014 Where help floats to you, one page at a time.\n  <\/p>\n<\/header>\n\n<div id=\"floating-support-hub\">\n  <div class=\"float-container\"><\/div>\n<\/div>\n\n<script>\n(function(){\n  const container = document.querySelector('#floating-support-hub .float-container');\n\n  const links = [\n    { text: \"Psychological Tools\", url: \"https:\/\/madlysane.site\/en\/psychology-tools\/\" },\n    { text: \"PsychQuery\", url: \"https:\/\/madlysane.site\/en\/search\/#gsc.tab=0\/\" },\n    { text: \"Psychology Pulse\", url: \"https:\/\/madlysane.site\/en\/psychology-pulse-in-depth-reviews\/\" },\n    { text: \"ARD\/IEP Prep Lab\", url: \"https:\/\/madlysane.site\/en\/ard-iep-prep-lab\/\" },\n    { text: \"Cipher Chase\", url: \"https:\/\/madlysane.site\/en\/cipher-chase\/\" },\n    { text: \"Cognitive Health Screener\", url: \"https:\/\/madlysane.site\/en\/cognitive-health-screener\/\" },\n    { text: \"Self Guide Suicide Assessment Risk\", url: \"https:\/\/madlysane.site\/en\/safe-guide-and-safety-plan\/\" },\n    { text: \"Talk to Volunteer\", url: \"https:\/\/madlysane.site\/en\/madlysane-volunteer-support-hub\/\" },\n    { text: \"Moodfit\", url: \"https:\/\/madlysane.site\/moodfit\/\" },\n    { text: \"Synapse\", url: \"https:\/\/madlysane.site\/en\/remove-tido\/\" },\n    { text: \"Anxiety Techniques\", url: \"https:\/\/madlysane.site\/anxiety-techniques\/\" },\n    { text: \"Faces\", url: \"https:\/\/madlysane.site\/en\/faces\/\" },\n    { text: \"Building Resilience\", url: \"https:\/\/madlysane.site\/building-resilience\/\" },\n    { text: \"Daily Challenge\", url: \"https:\/\/madlysane.site\/en\/daily-challenge\/\" },\n    { text: \"My Story\", url: \"https:\/\/madlysane.site\/en\/my-story\/\" },\n    { text: \"Interactive Journal\", url: \"https:\/\/madlysane.site\/interactive-journal-tool\/\" },\n    { text: \"Personalized Wellness Journal\", url: \"https:\/\/madlysane.site\/en\/personalized-wellness-journal\/\" },\n    { text: \"Bright Mind\", url: \"https:\/\/madlysane.site\/bright-mind-support\/\" },\n    { text: \"Emotions Regulation\", url: \"https:\/\/madlysane.site\/en\/emotions-regulation\/\" },\n    { text: \"Self Care Journal\", url: \"https:\/\/madlysane.site\/self-care-journal\/\" },\n    { text: \"Mood Tracker\", url: \"https:\/\/madlysane.site\/en\/mood-tracker\/\" },\n    { text: \"Quick Stress Relief\", url: \"https:\/\/madlysane.site\/1040-2\/\" },\n    { text: \"Stress Management\", url: \"https:\/\/madlysane.site\/en\/digital-therapeutics-stress-management\/\" },\n    { text: \"Mindful Quest\", url: \"https:\/\/madlysane.site\/mindful-quest\/\" },\n    { text: \"Mindfulness Journey\", url: \"https:\/\/madlysane.site\/en\/mindfulness-journey\/\" },\n    { text: \"Nutrition Tool\", url: \"https:\/\/madlysane.site\/nutrition-and-mental-health-tool\/\" },\n    { text: \"Sleepwell Quiz\", url: \"https:\/\/madlysane.site\/sleepwell-mastery-quiz\/\" },\n    { text: \"Draw a Person\", url: \"https:\/\/madlysane.site\/en\/draw-a-person\/\" },\n    { text: \"JC Sane TelePractice\", url: \"https:\/\/madlysane.site\/telepractice-of-jc-sane\/\" },\n    { text: \"Talkspace\", url: \"https:\/\/www.talkspace.com\" },\n    { text: \"Professional Support Services\", url: \"https:\/\/madlysane.site\/1052-2\/\" },\n    { text: \"Additional Resource\", url: \"https:\/\/madlysane.site\/additional-resources\/\" }\n  ];\n\n  links.forEach(link => {\n    const el = document.createElement('div');\n    el.className = 'page';\n    el.style.top = Math.random() * 80 + '%';\n    el.style.left = Math.random() * 100 + '%';\n    el.innerHTML = `<a href=\"${link.url}\" target=\"_blank\" rel=\"noopener\">${link.text}<\/a>`;\n    container.appendChild(el);\n\n    const speed = 0.15 + Math.random() * 0.25;\n    const bobSpeed = 0.002 + Math.random() * 0.003;\n    const bobHeight = 8 + Math.random() * 6;\n    let x = parseFloat(el.style.left);\n    let t = Math.random() * 1000;\n\n    \/\/ Fade in initially\n    setTimeout(() => { el.style.opacity = 1; }, 100);\n\n    function drift(){\n      \/\/ Horizontal drift\n      x += speed * 0.05;\n      if (x > 110) {\n        x = -25;\n        el.style.opacity = 0; \/\/ fade out before re-entry\n        setTimeout(() => { el.style.opacity = 1; }, 500); \/\/ fade back in\n      }\n      el.style.left = x + '%';\n\n      \/\/ Bobbing motion\n      t += bobSpeed * 60;\n      const yOffset = Math.sin(t) * bobHeight;\n      el.style.transform = `translateY(${yOffset}px)`;\n\n      requestAnimationFrame(drift);\n    }\n    drift();\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MadlySane Floating Support Hub The Drift Explore MadlySane\u2019s pages \u2014 Where help floats to you, one page at a time.<\/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-5676","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\/5676","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=5676"}],"version-history":[{"count":5,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5676\/revisions"}],"predecessor-version":[{"id":5714,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/5676\/revisions\/5714"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=5676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}