{"id":4122,"date":"2024-10-16T11:17:59","date_gmt":"2024-10-16T10:17:59","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=4122"},"modified":"2024-12-02T14:35:34","modified_gmt":"2024-12-02T14:35:34","slug":"welcome-to-our-study-toy-design","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/welcome-to-our-study-toy-design\/","title":{"rendered":"Welcome to our study-Toy Design-AI"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><strong>On Human-Generative-AI Creative Collaboration<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Your Website Title<\/title>\n    <style>\n        #progressBarContainer {\n            width: 90%;\n            background-color: #e0e0e0;\n            border-radius: 5px;\n            margin-top: 10px;\n        }\n\n        #progressBar {\n            height: 10px;\n            width: 16.5%;\n            background-color: #007bff;\n            border-radius: 5px;\n            transition: width 0.5s;\n        }\n\n        #progressText {\n            text-align: center;\n            margin-top: 5px;\n        }\n\n        #confirmButton {\n            display: block;\n            background-color: #007bff;\n            color: white;\n            padding: 10px 20px;\n            margin: 20px auto;\n            font-size: 16px;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n        }\n            body, h1, p, button {\n            font-family: Arial, sans-serif; \/* Sets a consistent font for body, \n            headings, paragraphs, and buttons *\/\n        }\n\n        h1 {\n            text-align: center;\n            line-height: 1.5;\n            margin: 0;\n            padding: 0;\n            white-space: nowrap; \/* Prevents text wrapping *\/\n            \/\/overflow: hidden;   \/* Ensures overflow text is hidden *\/\n            text-overflow: ellipsis; \n            font-size: 40px;  \n        }\n\/* Responsive font size for smaller screens (e.g., mobile devices) *\/\n    @media screen and (max-width: 600px) { \/* Adjust the max-width as needed *\/\n        h1 {\n            font-size: 24px; \/* Smaller font size for mobile screens *\/\n        }\n    }\n        p {\n            text-align: justify;\n        }\n    <\/style>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Capture and store the timestamp\n            var startTime = Date.now();\n            localStorage.setItem('startTime', startTime);\n\/\/tracking prolific parameters https:\/\/bit.ly\/3TP5pws?PROLIFIC_PID={{%PROLIFIC_PID%}}&STUDY_ID={{%STUDY_ID%}}&SESSION_ID={{%SESSION_ID%}}\n\n var urlParams = new URLSearchParams(window.location.search);\n\n\/\/ Test: Log the entire query string\n\/\/console.log(\"Query String:\", window.location.search);\n\nvar prolificPID = urlParams.get('PROLIFIC_PID');\nconsole.log(\"Parsed PROLIFIC_PID:\", prolificPID);  \/\/ Test: Log Prolific PID\nif (prolificPID) {\n    localStorage.setItem('prolificPID', prolificPID);\n}\n\nvar studyID = urlParams.get('STUDY_ID');\nconsole.log(\"Parsed STUDY_ID:\", studyID);  \/\/ Test: Log Study ID\nif (studyID) {\n    localStorage.setItem('studyID', studyID);\n}\n\nvar sessionID = urlParams.get('SESSION_ID');\nconsole.log(\"Parsed SESSION_ID:\", sessionID);  \/\/ Test: Log Session ID\nif (sessionID) {\n    localStorage.setItem('sessionID', sessionID);\n}\n        });\n\n        function updateProgress(currentPage, totalPages) {\n            var progressPercentage = (currentPage \/ totalPages) * 100;\n            document.getElementById('progressBar').style.width = progressPercentage + '%';\n            document.getElementById('progressText').textContent = 'Page ' + currentPage + ' out of ' + totalPages;\n        }\n\n        function redirectToNextPage() {\n            window.location.href = 'https:\/\/beams-experiments.com\/index.php\/information-sheet\/';\n        }\n    <\/script>\n<\/head>\n<body>\n    <h1><br><\/h1>\n\n    <p>This experiment aims to evaluate the impact of collaboration between humans and generative AI on creative output during idea design and generation in new product development.<\/p>\n    <p>Please confirm that you are between 18 and 55 years old and fluent in English.<\/p>\n\n    <!-- Confirm & Continue Button -->\n    <button id=\"confirmButton\" onclick=\"redirectToNextPage()\">Confirm &#038; Continue<\/button>\n\n    <!-- Progress Bar -->\n    <div id=\"progressBarContainer\">\n        <div id=\"progressBar\"><\/div>\n    <\/div>\n    <div id=\"progressText\">Page 1 out of 6<\/div>\n\n    <script>\n        \/\/ Update the progress bar to the current page\n        updateProgress(1, 6);\n    <\/script>\n\n   \n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>On Human-Generative-AI Creative Collaboration Your Website Title This experiment aims to evaluate the impact of collaboration between humans and generative AI on creative output during idea design and generation in new product development. Please confirm that you are between 18 and 55 years old and fluent in English. Confirm &#038; Continue Page 1 out of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-4122","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/4122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/comments?post=4122"}],"version-history":[{"count":8,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/4122\/revisions"}],"predecessor-version":[{"id":5420,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/4122\/revisions\/5420"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=4122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}