{"id":4039,"date":"2025-06-14T19:55:24","date_gmt":"2025-06-15T00:55:24","guid":{"rendered":"https:\/\/madlysane.com\/?page_id=4039"},"modified":"2025-06-14T19:55:24","modified_gmt":"2025-06-15T00:55:24","slug":"mannequin-mood-match","status":"publish","type":"page","link":"https:\/\/madlysane.site\/en\/mannequin-mood-match\/","title":{"rendered":"Mannequin Mood Match"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n Mannequin Mood Match<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n text-align: center;\n background: #f0f0f0;\n padding: 30px;\n }\n .section {\n margin-bottom: 30px;\n }\n .option {\n display: inline-block;\n margin: 10px;\n padding: 15px 20px;\n background: #ddd;\n border-radius: 8px;\n cursor: pointer;\n font-size: 18px;\n }\n .option:hover {\n background: #bbb;\n }\n #mannequin {\n font-size: 100px;\n margin: 20px 0;\n transition: all 0.3s ease;\n }\n #result {\n font-size: 20px;\n margin-top: 20px;\n color: #333;\n }\n #restart {\n margin-top: 30px;\n padding: 10px 20px;\n font-size: 16px;\n background: #4CAF50;\n color: white;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n display: none;\n }\n #restart:hover {\n background: #45a049;\n }\n <\/style>\n<\/head>\n<body>\n\n <h2>\ud83e\uddcd Mannequin Mood Match<\/h2>\n\n <div class=\"section\" id=\"face-section\">\n <h3>Step 1: Choose a Face<\/h3>\n <div class=\"option\" onclick=\"selectFace('mad')\">\ud83d\ude20 Mad<\/div>\n <div class=\"option\" onclick=\"selectFace('sad')\">\ud83d\ude22 Sad<\/div>\n <div class=\"option\" onclick=\"selectFace('happy')\">\ud83d\ude0a Happy<\/div>\n <div class=\"option\" onclick=\"selectFace('neutral')\">\ud83d\ude10 Neutral<\/div>\n <\/div>\n\n <div class=\"section\" id=\"posture-section\" style=\"display:none;\">\n <h3>Step 2: Choose a Body Posture<\/h3>\n <div class=\"option\" onclick=\"selectPosture('slouched')\">\ud83e\ude91 Slouched<\/div>\n <div class=\"option\" onclick=\"selectPosture('upright')\">\ud83e\uddcd Upright<\/div>\n <div class=\"option\" onclick=\"selectPosture('arms_crossed')\">\ud83d\ude45 Arms Crossed<\/div>\n <div class=\"option\" onclick=\"selectPosture('open_arms')\">\ud83e\udd17 Open Arms<\/div>\n <\/div>\n\n <div id=\"mannequin\">\ud83e\uddcd<\/div>\n <div id=\"result\"><\/div>\n <button id=\"restart\" onclick=\"restartGame()\">\ud83d\udd01 Start Over<\/button>\n\n <script>\n let selectedFace = \"\";\n let selectedPosture = \"\";\n\n function selectFace(face) {\n selectedFace = face;\n document.getElementById(\"face-section\").style.display = \"none\";\n document.getElementById(\"posture-section\").style.display = \"block\";\n document.getElementById(\"result\").textContent = \"\";\n document.getElementById(\"restart\").style.display = \"none\";\n }\n\n function selectPosture(posture) {\n selectedPosture = posture;\n updateMannequin(posture);\n showResult();\n document.getElementById(\"restart\").style.display = \"inline-block\";\n }\n\n function updateMannequin(posture) {\n const mannequin = document.getElementById(\"mannequin\");\n switch (posture) {\n case \"slouched\":\n mannequin.textContent = \"\ud83e\ude91\";\n break;\n case \"upright\":\n mannequin.textContent = \"\ud83e\uddcd\";\n break;\n case \"arms_crossed\":\n mannequin.textContent = \"\ud83d\ude45\";\n break;\n case \"open_arms\":\n mannequin.textContent = \"\ud83e\udd17\";\n break;\n default:\n mannequin.textContent = \"\ud83e\uddcd\";\n }\n }\n\n function showResult() {\n const result = document.getElementById(\"result\");\n let feeling = \"\";\n\n if (selectedFace === \"happy\" && selectedPosture === \"open_arms\") {\n feeling = \"Your mannequin feels joyful and welcoming!\";\n } else if (selectedFace === \"sad\" && selectedPosture === \"slouched\") {\n feeling = \"Your mannequin feels down and withdrawn.\";\n } else if (selectedFace === \"mad\" && selectedPosture === \"arms_crossed\") {\n feeling = \"Your mannequin feels angry and defensive.\";\n } else if (selectedFace === \"neutral\" && selectedPosture === \"upright\") {\n feeling = \"Your mannequin feels calm and composed.\";\n } else {\n feeling = \"Your mannequin has mixed feelings. That's okay too!\";\n }\n\n result.textContent = feeling;\n }\n\n function restartGame() {\n selectedFace = \"\";\n selectedPosture = \"\";\n document.getElementById(\"face-section\").style.display = \"block\";\n document.getElementById(\"posture-section\").style.display = \"none\";\n document.getElementById(\"mannequin\").textContent = \"\ud83e\uddcd\";\n document.getElementById(\"result\").textContent = \"\";\n document.getElementById(\"restart\").style.display = \"none\";\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Mannequin Mood Match \ud83e\uddcd Mannequin Mood Match Step 1: Choose a Face \ud83d\ude20 Mad \ud83d\ude22 Sad \ud83d\ude0a Happy \ud83d\ude10 Neutral Step 2: Choose a Body Posture \ud83e\ude91 Slouched \ud83e\uddcd Upright \ud83d\ude45 Arms Crossed \ud83e\udd17 Open Arms \ud83e\uddcd \ud83d\udd01 Start Over<\/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-4039","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\/4039","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=4039"}],"version-history":[{"count":6,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4039\/revisions"}],"predecessor-version":[{"id":4400,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/4039\/revisions\/4400"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=4039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}