sample

static/assets/js/global.js

@@ -1,4 +1,5 @@
 $(function () {
-    $("#part1").load("./components/part1.html");
-    // $("#part2").load("./components/part2.html");
-});
+  $("#part1").load("./components/part1.html");
+  $("#intro").load("./components/0_intro.html");
+  // $("#part2").load("./components/part2.html");
+});

static/components/0_intro.html

@@ -0,0 +1,9 @@
+<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
+  <div class="content">
+    <h2>Main Question: Is Cognitive Fatigue Quantifiable in Wikispeedia, and What Role Does It Play in Gameplay?</h2>
+    <p>Recent studies show that our attention spans are shrinking, and our brains can become fatigued within minutes of focused activity [(1)](https://doi.org/10.1111/psyp.12339). This project aims to investigate user engagement with Wikispeedia **game from a neuroscientific angle**, focusing on how article complexity impacts cognitive load and behaviour. Key questions include: 
+      - How does the complexity of articles affect user engagement? 
+      - Does the structure and layout (e.g., headings, multimedia) influence time spent, back-clicks, or path abandonment? 
+      - Is cognitive fatigue a factor in users abandoning navigation paths?</p>
+  </div>
+</section>

static/main.html

@@ -19,6 +19,8 @@
 
 				<!-- Part1 -->
 				<div id="part1"></div>
+				<!-- Intro -->
+				<div id="intro"></div>
 				<!-- Two -->
 					<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
 						<div class="content">