init

2025-09-08 16:25:55 +02:00
commit cdcd870b6f
614 changed files with 343437 additions and 0 deletions
--- a/PCSurvey/PCstatic/html/instructions_P2.html
+++ b/PCSurvey/PCstatic/html/instructions_P2.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Instructions</title>
+    <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);
+        }
+        h1 {
+            font-size: 24px;
+            margin-bottom: 20px;
+        }
+        p, ul {
+            margin-bottom: 10px;
+        }
+        ul {
+            list-style-type: none;
+            padding-left: 20px;
+        }
+        ul li {
+            margin-bottom: 5px;
+        }
+        img {
+            border: 2px solid black;
+            display: block;
+            margin: 20px auto;
+            max-width: 100%;
+            height: auto;
+        }
+        button {
+            display: block;
+            width: auto; 
+            padding: 10px 20px; 
+            background: #bc0ba8;
+            color: #fff;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            margin: 20px auto; 
+            font-size: 16px; 
+            margin-bottom: 50px;
+        }
+        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>
+        <h1>Controls</h1>
+        <p>Hold the left mouse button and move the mouse to adjust your perspective.</p>
+        <img src="PCstatic/img/perspective.gif" width="640" height="640" alt="">
+        <p>Use the W, A, S, and D keys to change your position:</p>
+        <ul>
+            <li><b>W</b> - Move forward</li>
+            <li><b>S</b> - Move backward</li>
+            <li><b>D</b> - Move right</li>
+            <li><b>A</b> - Move left</li>
+        </ul>
+        <img src="PCstatic/img/position.gif" width="640" height="640" alt="">
+        <p>Combine mouse and keyboard controls to navigate through the cloud.</p>
+        <img src="PCstatic/img/movement.gif" width="640" height="640" alt="">
+        </section>
+    </div>
+    <button type="button" id="consent" disabled="true"></button>
+</body>
+<script>
+    var timerElement = document.getElementById('consent');
+    var timeLeft = 3;
+  
+    var countdown = setInterval(() => {
+      if (timeLeft <= 0) {
+        clearInterval(countdown);
+        timerElement.textContent = "Let's try!";
+        timerElement.disabled = false;
+  
+      } else {
+        timerElement.textContent = timeLeft;
+        timeLeft--;
+      }
+    }, 1000);
+    
+  </script>
+</html>