{"id":6,"date":"2026-08-28T18:27:57","date_gmt":"2026-08-28T18:27:57","guid":{"rendered":"https:\/\/motim.digital\/tate\/?page_id=6"},"modified":"2026-08-28T18:27:57","modified_gmt":"2026-08-28T18:27:57","slug":"home","status":"publish","type":"page","link":"https:\/\/motim.digital\/tate\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"sens-participante\" style=\"max-width:700px;margin:40px auto;padding:20px;text-align:center;font-family:Montserrat,sans-serif;\">\n\n    <div id=\"sens-lobby\">\n        <div style=\"font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#999;\">Sensibiliza\u00e7\u00e3o<\/div>\n        <h1 style=\"font-size:28px;margin:10px 0;\">Aguarde o in\u00edcio<\/h1>\n        <p style=\"color:#666;\">A facilitadora vai iniciar a forma\u00e7\u00e3o em instantes.<\/p>\n        <p style=\"font-size:11px;color:#ccc;margin-top:30px;\" id=\"sens-debug\">Conectando...<\/p>\n    <\/div>\n\n    <div id=\"sens-etnia\" style=\"display:none;\">\n        <div style=\"font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#999;\">Antes de come\u00e7ar<\/div>\n        <h1 style=\"font-size:24px;margin:10px 0;\">Como voc\u00ea se identifica?<\/h1>\n        <p style=\"color:#666;font-size:14px;margin-bottom:20px;\">Essa informa\u00e7\u00e3o \u00e9 usada apenas para leitura coletiva dos resultados.<\/p>\n        <div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:400px;margin:0 auto;\">\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Preta\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Preta<\/button>\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Parda\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Parda<\/button>\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Ind\u00edgena\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Ind\u00edgena<\/button>\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Branca\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Branca<\/button>\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Amarela\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Amarela<\/button>\n                            <button class=\"sens-etnia-btn\" data-etnia=\"Prefiro n\u00e3o dizer\" style=\"padding:14px;border:2px solid #ddd;border-radius:0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s;\">Prefiro n\u00e3o dizer<\/button>\n                    <\/div>\n    <\/div>\n\n    <div id=\"sens-pergunta\" style=\"display:none;\">\n        <div style=\"font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#999;\" id=\"sens-step-label\">Pergunta 1<\/div>\n        <h1 style=\"font-size:22px;margin:10px 0;\" id=\"sens-pergunta-text\">Carregando pergunta...<\/h1>\n        <div style=\"display:flex;gap:30px;justify-content:center;margin-top:40px;flex-wrap:wrap;\">\n            <button class=\"sens-shape-btn\" data-choice=\"azul\" style=\"border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px;transition:transform 0.15s;\">\n                <div style=\"width:130px;height:130px;border-radius:50%;background:#2453D9;box-shadow:0 8px 0 rgba(0,0,0,0.12);\"><\/div>\n                <span style=\"font-weight:700;font-size:18px;\">Sim<\/span>\n            <\/button>\n            <button class=\"sens-shape-btn\" data-choice=\"amarelo\" style=\"border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px;transition:transform 0.15s;\">\n                <div style=\"width:0;height:0;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:130px solid #F2B705;filter:drop-shadow(0 8px 0 rgba(0,0,0,0.12));\"><\/div>\n                <span style=\"font-weight:700;font-size:18px;\">Talvez<\/span>\n            <\/button>\n            <button class=\"sens-shape-btn\" data-choice=\"vermelho\" style=\"border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px;transition:transform 0.15s;\">\n                <div style=\"width:130px;height:130px;border-radius:0;background:#D93636;box-shadow:0 8px 0 rgba(0,0,0,0.12);\"><\/div>\n                <span style=\"font-weight:700;font-size:18px;\">N\u00e3o<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"sens-confirmado\" style=\"display:none;\">\n        <div style=\"width:70px;height:70px;border-radius:50%;background:#2FA36B;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto;\">\u2713<\/div>\n        <h1 style=\"font-size:24px;margin:10px 0;\">Resposta registrada!<\/h1>\n        <p style=\"color:#666;\">Aguarde a pr\u00f3xima pergunta.<\/p>\n    <\/div>\n<\/div>\n\n<script>\njQuery(function($) {\n    var participantId = 'p_' + Date.now() + '_' + Math.random().toString(36).substr(2, 6);\n    var sessionId = null;\n    var currentStep = -1;\n    var status = 'aguardando';\n    var answered = {};\n    var isWaiting = false;\n    \n    var lobby = $('#sens-lobby');\n    var etnia = $('#sens-etnia');\n    var pergunta = $('#sens-pergunta');\n    var confirmado = $('#sens-confirmado');\n    var debug = $('#sens-debug');\n    \n    function showScreen(el) {\n        [lobby, etnia, pergunta, confirmado].forEach(function(e) { e.hide(); });\n        el.show();\n    }\n    \n    function getStatus() {\n        $.post(sens_ajax.ajax_url, {\n            action: 'sens_get_session',\n            nonce: sens_ajax.nonce\n        }, function(res) {\n            if (!res.success) { debug.text('Erro: ' + (res.data || '')); return; }\n            var data = res.data;\n            sessionId = data.session_id;\n            currentStep = data.step;\n            status = data.status;\n            debug.text('Sess\u00e3o: ' + (sessionId || 'nenhuma') + ' | Etapa: ' + currentStep + ' | Status: ' + status);\n            \n            if (!sessionId || status === 'aguardando' || status === 'finalizada' || currentStep === -1) {\n                showScreen(lobby);\n                return;\n            }\n            \n            $.post(sens_ajax.ajax_url, {\n                action: 'sens_presenca',\n                nonce: sens_ajax.nonce,\n                session_id: sessionId,\n                participant_id: participantId\n            });\n            \n            if (answered[currentStep]) {\n                showScreen(confirmado);\n                return;\n            }\n            \n            if (currentStep === 0) {\n                showScreen(etnia);\n                return;\n            }\n            \n            if (currentStep > 0) {\n                showScreen(pergunta);\n                $('#sens-step-label').text('Pergunta ' + currentStep);\n                $('#sens-pergunta-text').text(data.pergunta || 'Escolha uma op\u00e7\u00e3o');\n                return;\n            }\n            \n            showScreen(lobby);\n        });\n    }\n    \n    $(document).on('click', '.sens-etnia-btn', function() {\n        var etniaVal = $(this).data('etnia');\n        if (!sessionId || isWaiting) return;\n        isWaiting = true;\n        $.post(sens_ajax.ajax_url, {\n            action: 'sens_save_etnia',\n            nonce: sens_ajax.nonce,\n            session_id: sessionId,\n            participant_id: participantId,\n            ethnicity: etniaVal\n        }, function() {\n            answered[0] = true;\n            isWaiting = false;\n            showScreen(confirmado);\n        });\n    });\n    \n    $(document).on('click', '.sens-shape-btn', function() {\n        var choice = $(this).data('choice');\n        if (!sessionId || currentStep <= 0 || isWaiting) return;\n        isWaiting = true;\n        $.post(sens_ajax.ajax_url, {\n            action: 'sens_save_resposta',\n            nonce: sens_ajax.nonce,\n            session_id: sessionId,\n            step: currentStep,\n            participant_id: participantId,\n            choice: choice\n        }, function() {\n            answered[currentStep] = true;\n            isWaiting = false;\n            showScreen(confirmado);\n        });\n    });\n    \n    $(document).on('mousedown touchstart', '.sens-shape-btn, .sens-etnia-btn', function() {\n        $(this).css('transform', 'scale(0.95)');\n    });\n    $(document).on('mouseup touchend', '.sens-shape-btn, .sens-etnia-btn', function() {\n        $(this).css('transform', 'scale(1)');\n    });\n    \n    getStatus();\n    setInterval(getStatus, 3000);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1,"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/motim.digital\/tate\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}