added timer to survey

scripts/text-stimuli.js

@@ -15,10 +15,15 @@ const redImages = {
   instructions_4: '/images/red/instructions_4.png',
 };
 
-const html = (strings, ...values) =>
-  strings
-    .reduce((result, str, i) => result + str + (values[i] || ''), '')
-    .trim();
+import html from '../utils/html.js';
+
+export const textStimuli = {
+  complete: html`Experiment complete. Please paste the following link into your browser to confirm completion on Prolific:
+    <span class="text-blue-500">
+            ${import.meta.env.VITE_COMPLETE_URL}
+        </a>
+    `,
+};
 
 function getStimulusMap(together_colour) {
   const colourMap = getColourMap(together_colour);
@@ -28,6 +33,23 @@ function getStimulusMap(together_colour) {
   // Select the appropriate image map based on the color
   const imageMap = together_colour === 'blue' ? blueImages : redImages;
 
+
+  stimulusMap.set('pre_survey_info', html`
+          <p class="leading-relaxed">
+          You will now answer a few questions about your experience in the experiment. It is important that you read the questions carefully and answer them honestly.
+          </p>
+          <p class ="leading-relaxed mt-2">
+          Nonsense or random answers may lead to your submission being rejected.
+          </p>
+          <p class="mt-6">
+          Press
+          <strong>SPACE</strong>
+          to continue.
+          </p>
+          `
+  );
+
+
   stimulusMap.set(
     'pre_consent_info',
     html`