init

2025-09-08 16:25:55 +02:00
commit cdcd870b6f
614 changed files with 343437 additions and 0 deletions
--- a/PCSurvey/PCstatic/html/welcome.html
+++ b/PCSurvey/PCstatic/html/welcome.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 20px;
+            background-color: #f4f4f4;
+            color: #333;
+        }
+        section {
+            background: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        h2, h3 {
+            margin-bottom: 15px;
+        }
+        p, ul {
+            margin-bottom: 10px;
+        }
+        ul {
+            list-style-type: none;
+            padding-left: 20px;
+        }
+        ul li {
+            margin-bottom: 5px;
+        }
+        button {
+            display: block;
+            width: 20%;
+            padding: 10px;
+            background: #bc0ba8;
+            color: #fff;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 16px;
+            margin-top: 20px;
+        }
+        button:disabled {
+            background: #ccc; 
+            color: #666; 
+            cursor: not-allowed; 
+        }
+
+        button:not(:disabled):hover {
+            background: #5d0570;
+        }
+        div {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div>
+    <section>
+        <h3>Thank you for your participation in this Survey.</h3>
+        <p>Before starting the survey, please read the test instructions on the next page carefully.</p>
+        <br>
+        <h1>Important!</h1>
+        <b>Please follow the following rules to ensure your participation is rated as successful:</b>
+        <ul>
+            <li>Please do <b>NOT Switch</b> tabs or programs during the test.</li>
+            <li>Please do <b>NOT Zoom</b> in or out during the test.</li>
+            <li>Please do <b>NOT Reload</b> the page once you have begun the test.</li>
+        </ul>
+    </section>
+    <button type="jspsych-btn" id="consent" disabled="true"></button>
+    </div>
+</body>
+<script>
+    var timerElement = document.getElementById('consent');
+    var timeLeft = 5;
+  
+    var countdown = setInterval(() => {
+      if (timeLeft <= 0) {
+        clearInterval(countdown);
+        timerElement.textContent = "Continue";
+        timerElement.disabled = false;
+  
+      } else {
+        timerElement.textContent = timeLeft;
+        timeLeft--;
+      }
+    }, 1000);
+    
+  </script>
+</html>