diff --git a/index.html b/index.html
index eb0e44b..da00d4f 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,13 @@
Superposition
+ Welcome
+ This is a website to teach you quantum physics!
+ Click on the buttons below to see the simulations
+
+
+
+
Simulation 1 - Basic Wave
Simulation 2 - Interference
Simulation 3 - Wavefront Interference
diff --git a/static/js/textbook.js b/static/js/textbook.js
new file mode 100644
index 0000000..fb18b33
--- /dev/null
+++ b/static/js/textbook.js
@@ -0,0 +1,49 @@
+const pages = [
+ ["Content page
", "Here is a list of content"],
+ ["10.1: Introduction"],
+ ["10.2: Principle of Superposition"],
+ ["10.3: Interference"],
+ ["10.4: Interference of Two Wave Sources
"],
+ ["10.5.1: Diffraction of water waves"],
+ ["10.5.2: Single Slit Diffraction Pattern"],
+ ["10.5.3: Resolving Power"],
+ ["10.6: Interference of Light Waves - Young's Double Slit Experiment"],
+ ["10.7: Diffraction Grating"],
+ ["10.8.1: Characteristics of Stationary Wave"],
+ ["10.8.2: Stationary Waves in Strings"],
+ ["10.8.3: Standing Waves in Air Columns"],
+ ["10.8.4: What about the pressure?"]
+];
+
+let counter = 0;
+content = document.querySelector(".content");
+next = document.getElementById("next");
+back = document.getElementById("back");
+
+function updateContent() {
+ let htmlContent = '';
+ pages[counter].forEach(element => {
+ htmlContent += element;
+ });
+ content.innerHTML = htmlContent;
+}
+
+
+updateContent();
+
+next.addEventListener("click", () => {
+ if (counter < pages.length - 1) {
+ counter++;
+ updateContent();
+ }
+}
+);
+
+back.addEventListener("click", () => {
+ if (counter > 0) {
+ counter--;
+ updateContent();
+ } else {
+ window.location.href = "index.html";
+ }
+});
diff --git a/textbook.html b/textbook.html
new file mode 100644
index 0000000..977b4e5
--- /dev/null
+++ b/textbook.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ Superposition
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file