{"id":9,"date":"2026-01-31T06:27:33","date_gmt":"2026-01-31T06:27:33","guid":{"rendered":"https:\/\/mojo.customizedtech.us\/?page_id=9"},"modified":"2026-01-31T06:27:33","modified_gmt":"2026-01-31T06:27:33","slug":"event-survey","status":"publish","type":"page","link":"https:\/\/mojo.customizedtech.us\/index.php\/event-survey\/","title":{"rendered":"Event Survey"},"content":{"rendered":"\n<div class=\"survey-flow-container\">\n    <div class=\"survey-flow-header\">\n        <h1 class=\"survey-flow-title\">Event Survey<\/h1>\n    <\/div>\n\n    <div class=\"survey-flow-content\">\n        <h2 class=\"survey-flow-welcome\">\n            Welcome! Please enter your survey code to begin.        <\/h2>\n\n        \n        <form method=\"post\" action=\"\" class=\"survey-flow-form\">\n            <input type=\"hidden\" id=\"survey_nonce\" name=\"survey_nonce\" value=\"1b1c151307\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/9\" \/>            <input type=\"hidden\" name=\"survey_action\" value=\"start_survey\">\n\n            <div class=\"survey-flow-field\">\n                <label for=\"survey_code\" class=\"survey-flow-label\">\n                    Survey Code                <\/label>\n                <input\n                    type=\"text\"\n                    id=\"survey_code\"\n                    name=\"survey_code\"\n                    class=\"survey-flow-input\"\n                    placeholder=\"Enter your 5-character code\"\n                    maxlength=\"5\"\n                    required\n                    autofocus\n                >\n            <\/div>\n\n            <button type=\"submit\" class=\"survey-flow-button survey-flow-button-primary\">\n                Continue            <\/button>\n        <\/form>\n\n        <p class=\"survey-flow-help-text\">\n            Need help? Contact your event organizer for your survey code.        <\/p>\n    <\/div>\n\n    <div class=\"survey-flow-footer\">\n        <div class=\"survey-flow-progress-bar\">\n            <div class=\"survey-flow-progress-fill\" style=\"width: 0%;\"><\/div>\n        <\/div>\n        <p class=\"survey-flow-progress-text\">\n            Step 1 of 6        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n.survey-flow-container {\n    max-width: 400px;\n    min-height: 800px;\n    margin: 0 auto;\n    background: #ffffff;\n    border: 1px solid #c3c4c7;\n    font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\n}\n\n.survey-flow-header {\n    background: #23282d;\n    padding: 20px;\n    text-align: center;\n}\n\n.survey-flow-title {\n    color: #ffffff;\n    font-size: 20px;\n    font-weight: 600;\n    margin: 0;\n}\n\n.survey-flow-content {\n    padding: 40px;\n}\n\n.survey-flow-welcome {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1d2327;\n    margin: 0 0 30px 0;\n    line-height: 1.5;\n}\n\n.survey-flow-error {\n    background: #f8d7da;\n    border: 1px solid #f5c2c7;\n    color: #842029;\n    padding: 12px 16px;\n    border-radius: 4px;\n    margin-bottom: 20px;\n    font-size: 14px;\n}\n\n.survey-flow-form {\n    margin: 0;\n}\n\n.survey-flow-field {\n    margin-bottom: 20px;\n}\n\n.survey-flow-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: #1d2327;\n    margin-bottom: 8px;\n}\n\n.survey-flow-input {\n    width: 100%;\n    height: 45px;\n    padding: 0 15px;\n    font-size: 14px;\n    border: 1px solid #8c8f94;\n    border-radius: 4px;\n    box-sizing: border-box;\n}\n\n.survey-flow-input:focus {\n    outline: none;\n    border-color: #2271b1;\n    box-shadow: 0 0 0 1px #2271b1;\n}\n\n.survey-flow-button {\n    width: 100%;\n    height: 45px;\n    font-size: 16px;\n    font-weight: 600;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background-color 0.2s;\n}\n\n.survey-flow-button-primary {\n    background: #2271b1;\n    color: #ffffff;\n}\n\n.survey-flow-button-primary:hover {\n    background: #135e96;\n}\n\n.survey-flow-help-text {\n    margin-top: 30px;\n    font-size: 14px;\n    color: #50575e;\n    text-align: center;\n}\n\n.survey-flow-footer {\n    padding: 20px 40px;\n    border-top: 1px solid #c3c4c7;\n}\n\n.survey-flow-progress-bar {\n    width: 100%;\n    height: 6px;\n    background: #dcdcde;\n    border-radius: 3px;\n    overflow: hidden;\n    margin-bottom: 10px;\n}\n\n.survey-flow-progress-fill {\n    height: 100%;\n    background: #2271b1;\n    transition: width 0.3s ease;\n}\n\n.survey-flow-progress-text {\n    font-size: 14px;\n    color: #50575e;\n    text-align: center;\n    margin: 0;\n}\n<\/style>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/mojo.customizedtech.us\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}