diff --git a/pages/Bonus.py b/pages/Bonus.py
new file mode 100644
index 0000000000000000000000000000000000000000..8ec2915069885addc75210e843391872b27dc7f8
--- /dev/null
+++ b/pages/Bonus.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Bonus"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_01.py b/pages/Module_01.py
new file mode 100644
index 0000000000000000000000000000000000000000..87a3760ac2785d15fe921f653ef28587b2219435
--- /dev/null
+++ b/pages/Module_01.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_01"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_02.py b/pages/Module_02.py
new file mode 100644
index 0000000000000000000000000000000000000000..4d6028cce861a02125dd51b3ff1b6f680856a5e9
--- /dev/null
+++ b/pages/Module_02.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_02"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_03.py b/pages/Module_03.py
new file mode 100644
index 0000000000000000000000000000000000000000..a4ae65cbb66c9e3737ebfde06acda080d7c20d2b
--- /dev/null
+++ b/pages/Module_03.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_03"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_04.py b/pages/Module_04.py
new file mode 100644
index 0000000000000000000000000000000000000000..22916bcbd9c4e48effbac4052b61c26d9adbfe13
--- /dev/null
+++ b/pages/Module_04.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_04"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_05.py b/pages/Module_05.py
new file mode 100644
index 0000000000000000000000000000000000000000..e406d294bc10113a83e67f7d955682aeb856e9a8
--- /dev/null
+++ b/pages/Module_05.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_05"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_06.py b/pages/Module_06.py
new file mode 100644
index 0000000000000000000000000000000000000000..d3a6dc07924af56fb53ba38ee5987abf90b1d3aa
--- /dev/null
+++ b/pages/Module_06.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_06"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_07.py b/pages/Module_07.py
new file mode 100644
index 0000000000000000000000000000000000000000..b7534edb9c7c11d947320376157a25bca9a7a3c9
--- /dev/null
+++ b/pages/Module_07.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_07"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_08.py b/pages/Module_08.py
new file mode 100644
index 0000000000000000000000000000000000000000..a38eec64788085f1ae998d629e91b124f230aff6
--- /dev/null
+++ b/pages/Module_08.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_08"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_09.py b/pages/Module_09.py
new file mode 100644
index 0000000000000000000000000000000000000000..9eb99dd4188e14a7d15f9f8b336bb76dab359abb
--- /dev/null
+++ b/pages/Module_09.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_09"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_10.py b/pages/Module_10.py
new file mode 100644
index 0000000000000000000000000000000000000000..7e571b3f10e2b889bf6c3a28cd74917d55b39615
--- /dev/null
+++ b/pages/Module_10.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_10"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_11.py b/pages/Module_11.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_11.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_12.py b/pages/Module_12.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_12.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_13.py b/pages/Module_13.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_13.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_14.py b/pages/Module_14.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_14.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_15.py b/pages/Module_15.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_15.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_16.py b/pages/Module_16.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_16.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_17.py b/pages/Module_17.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_17.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_18.py b/pages/Module_18.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_18.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_19.py b/pages/Module_19.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_19.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Module_20.py b/pages/Module_20.py
new file mode 100644
index 0000000000000000000000000000000000000000..cdaa3d2457f6743671a999d80171117d73fb6041
--- /dev/null
+++ b/pages/Module_20.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Module_11"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/Overview.py b/pages/Overview.py
new file mode 100644
index 0000000000000000000000000000000000000000..f5b2424afdbf334e139ec2a746a1b3b77e973c4c
--- /dev/null
+++ b/pages/Overview.py
@@ -0,0 +1,26 @@
+CURRENT_MODULE = "Overview"
+  
+# Imports
+
+import streamlit as st
+import streamlit.components.v1 as components
+from   pages  import load_pages
+
+if "logged_in" not in st.session_state:
+   pass
+else:
+   load_pages.load_page(CURRENT_MODULE)
+   
+if __name__ == "__main__":
+   load_pages.test_load()
+   print("<<< Module [", CURRENT_MODULE, "] Compile Successful >>>")   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/__init__.py b/pages/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..7287190a7108c16f672154fb65be500851529b60
--- /dev/null
+++ b/pages/__init__.py
@@ -0,0 +1,14 @@
+
+if __name__ == "__main__":
+    print("<<< __init__ Compile Successful >>>")    
+   
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/assets/formulas.txt b/pages/assets/formulas.txt
new file mode 100644
index 0000000000000000000000000000000000000000..1e8b82487e2bae9c7274cd0b030b6a2828105727
--- /dev/null
+++ b/pages/assets/formulas.txt
@@ -0,0 +1,221 @@
+Expander: Null Hypothesis
+**The “no‐effect” or “no‐difference” assumption**
+
+Mathematical Notation: 
+H₀: θ = θ₀ (e.g. H₀: μ = 0)
+
+*Example (one‐sample t‐test against μ₀ = 5):*
+*x = c(5.1, 4.9, 5.0, 5.2)*
+*t.test(x, mu = 5)*
+End Expander:
+Expander: Alternative Hypothesis
+**The different claim you wish to support**
+
+Mathematical Notation:
+– Two‐sided: Hₐ: θ ≠ θ₀
+– One‐sided: Hₐ: θ > θ₀  or  Hₐ: θ < θ₀
+
+*Example (test if mean > 5):*
+*t.test(x, mu = 5, alternative = "greater")*
+*or alternative = "two.sided" (default), "greater" or "less"*
+End Expander:
+Expander: p-value
+**Assuming H₀ is true, this is the probability of seeing data**
+**in your statistical test that is at least as extreme as yours**
+
+Mathematical Notation:
+p = P(Test statistic ≥ observed | H₀)  (one‐tailed)
+p = 2·P(|Test statistic| ≥ |observed| | H₀)  (two‐tailed)
+
+R function: 
+returned by many tests as $p.value
+
+*Example (from t.test above):*
+*res = t.test(x, mu = 5)*
+*res$p.value*
+End Expander:
+Expander: Confidence Interval
+A range of plausible values for the parameter calculated so that 
+e.g. 95% of such intervals (in repeated sampling) contain the true value
+Mathematical form & notation:
+CI₁₋α = [θ̂ ± z₁₋α/₂·SE(θ̂)]         for normal distribution
+CI₁₋α = [θ̂ ± t_{n–1,1–α/₂}·SE(θ̂)]  for an unknown σ
+
+*Example (95% CI for mean):*
+*t.test(x, conf.level = 0.95)$conf.int*
+End Expander:
+Expander: Significance Level (α) 
+**The cutoff probability for a rare result under H₀**
+**if p ≤ α you reject H₀**
+
+Mathematical Notation: 
+α = P(Type I error) 
+= P(reject H₀ | H₀ true)
+
+R function: 
+you compare to see if p.value ≤ α 
+and conf.level = 1–α
+End Expander:
+Expander: One-tailed test
+**A test that looks for an effect in only one direction (greater or less)**
+
+Mathematical Notation: 
+Hₐ: θ > θ₀ or Hₐ: θ < θ₀
+
+R function: 
+alternative = "greater" or "less"
+
+*Example:*
+*t.test(x, mu = 5, alternative = "less")*
+End Expander:
+Expander: Two-tailed Test
+**A test that looks for an effect in either direction**
+
+Mathematical Notation: 
+Hₐ: θ ≠ θ₀
+
+R function: 
+alternative = "two.sided" (default)
+
+*Example:*
+*t.test(x, mu = 5, alternative = "two.sided")*
+End Expander:
+Expander: Normal Distribution
+**The symmetric bell‐shaped distribution**
+Many statistical curves “look normal” when the sample size is large
+
+Mathematical Notation: 
+X ~ N(μ, σ²)
+The amount of area under the normal curve when 2 standard deviations
+away to the right is written as P(Z ≤ 2.0) = 97.72% of the curve
+
+R functions:
+– dnorm(x, mean, sd)  density
+– pnorm(q, mean, sd)  pdf
+– qnorm(p, mean, sd)  inverse of pnorm
+– rnorm(n, mean, sd)  n random samples
+
+*Example:*
+*pnorm(2.0,    mean = 0, sd = 1)       # = 97.72%*
+*qnorm(0.9772, mean = 0, sd = 1)       # = 2.0 = inverse of p*
+End Expander:
+Expander: False Positive (Type I Error)
+**Rejecting H₀ when it is actually true**
+*e.g. Unicorns do not exist but the statistical test said they did*
+*when the null hypothesis (H₀) or base assumption is unicorns do not exist*
+Mathematical Notation: 
+P(Type I error) = α
+End Expander:
+Expander: False Negative (Type II error)
+**Failing to reject H₀ when it is actually false**
+*e.g. Unicorns exist but the statistical test said they do not*
+*when the null hypothesis (H₀) or base assumption is unicorns do not exist*
+Also called Beta(β)
+
+Mathematical Notation:
+β = P(Type II error)
+End Expander:
+Expander: Power
+Power is defined as 1 - Beta (β)
+Reminder: Beta is a False Negative (Type II error)
+so Beta is Failing to reject H₀ when it is actually false
+
+Mathematical Notation: 
+Power = 1 – β 
+Power = P(reject H₀ | Hₐ true)
+the conditional probability of rejecting the null hypothesis
+when the alternative hypothesis is true and the null is false
+
+R function: 
+use power.t.test(), power.prop.test(), etc.
+
+*Example (power for one‐sample t):*
+*power.t.test(n = 20, delta = 1, sd = 2, sig.level = 0.05, type = "one.sample")*
+End Expander:
+Expander: One-Sample T-Test
+**Tests whether the mean of one group differs from a given value μ₀**
+
+Mathematical Notation:
+t = (x̄ – μ₀) / (s / √n),   df = n – 1
+
+R function: 
+t.test(x, mu, alternative, conf.level) 
+*where:*
+– x: numeric vector
+– mu: hypothesized mean μ₀
+– alternative: "two.sided"/"greater"/"less"
+– conf.level: e.g. 0.95
+
+*Example:*
+*x = c(5.1, 4.9, 5.0, 5.2)*
+*t.test(x, mu = 5, alternative = "two.sided", conf.level = 0.95)*
+End Expander:
+Expander: Two-Sample T-Test
+**Tests whether two group means differ.**
+
+Mathematical Notation (unequal variances):
+t = (x̄₁ – x̄₂) / √(s₁²/n₁ + s₂²/n₂),  df by Welch’s formula
+
+R function: 
+t.test(x, y, var.equal = FALSE, alternative, conf.level) 
+*where:*
+– x, y: numeric vectors for each group
+– var.equal: TRUE for pooled‐variance test, FALSE for Welch’s
+
+*Example:*
+*groupA = c(5.1,4.9,5.0,5.2)*
+*groupB = c(5.3,5.4,5.2,5.5)*
+*t.test(groupA, groupB, var.equal = FALSE)*
+End Expander:
+Expander: Z-test
+**Like a t-test but uses a known σ or large-n approximation**
+
+Mathematical Notation:
+z = (x̄ – μ₀) / (σ / √n),   compare to N(0,1)
+
+R function: 
+use BSDA::z.test() or do manually (below)
+
+*Example*
+*x = c(102, 98, 100, 101, 99)*
+*n = length(x)*
+*mu0 = 100*
+*sigma = 2*
+*z = (mean(x) - mu0) / (sigma / sqrt(n))*
+*p_value = 2 * pnorm(-abs(z))  # two‐sided*
+End Expander:
+Expander: Chi-Squared Test of Independence
+**Tests whether two Categorical variables are related**
+
+Mathematical Notation:
+χ² = Σ_{i,j} (O_{i,j} – E_{i,j})² / E_{i,j},   df = (rows–1)(cols–1)
+
+R function: 
+chisq.test(x, correct = TRUE/FALSE) 
+*where:*
+– x: contingency table (matrix or table)
+– correct: apply Yates’s continuity correction for 2×2 tables
+
+*Example:*
+*tbl = matrix(c(12, 5,7, 16), nrow = 2,*
+*              dimnames = list(Gene = c("A","B"),*
+*                              Outcome = c("Yes","No")))*
+*chisq.test(tbl, correct = FALSE)*
+End Expander:
+Expander: Chi-Squared Goodness-of-Fit Test (Frequencies)
+**Tests if observed sample counts match expected proportions**
+
+Mathematical Notation:
+χ² = Σ (O_i – E_i)² / E_i,   df = k – 1
+
+R function: 
+chisq.test(x, p) 
+*where:*
+– x: vector of observed counts
+– p: vector of hypothesized probabilities (sum to 1)
+
+*Example:*
+*observed       = c(50, 30, 20)*
+*expected_probs = c(0.5, 0.3, 0.2)*
+*chisq.test(observed, p = expected_probs)*
+End Expander:
\ No newline at end of file
diff --git a/pages/assets/logo.jpg b/pages/assets/logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5e6beb7a3a87c942553267ac24f7d8ac044727ec
Binary files /dev/null and b/pages/assets/logo.jpg differ
diff --git a/pages/assets/profile.txt b/pages/assets/profile.txt
new file mode 100644
index 0000000000000000000000000000000000000000..914b04e43ff6aa25ebef5ee66a680d7b6e6c0faf
--- /dev/null
+++ b/pages/assets/profile.txt
@@ -0,0 +1,17 @@
+# 🚀 Student Profile
+
+- **Student Name:** Charlie B
+- **Department:** BMO Wealth
+- **Expertise:** Intermediate
+
+## 🎯 Interests:
+- Data science and analytics
+- Predictive models
+- Capital market applications
+
+## 🎯 Goals for Next Review:
+- Complete topics in **Supervised Learning**.
+- Begin study on Advanced Optimization Methods.
+- Initiate **Computer Vision** topics.
+
+** Keep up the excellent work **
diff --git a/pages/assets/progress.txt b/pages/assets/progress.txt
new file mode 100644
index 0000000000000000000000000000000000000000..cdef1476e32fe71130a57e782d8e980cb154b3aa
--- /dev/null
+++ b/pages/assets/progress.txt
@@ -0,0 +1,43 @@
+# 🚀 Progress Report
+
+- **Student Name:** <Your Name>
+- **Enrollment Date:** Sept 15, 2025
+- **Report Date:** Nov 2, 2025
+
+---
+
+# 📚 Progress Overview
+Completed topics are marked with a checkmark (✔️), 
+while incomplete or pending topics remain unchecked.
+
+## 📈 Overall Progress Summary
+
+| Curriculum Area              | Completion (%) |
+|------------------------------|----------------|
+| Overview                     | 100%           |
+| Inference Concepts           | 100%           |
+| One and Two-Tailed Tests     | 100%           |
+| Mathematical Concepts        | 75%            |
+| Normal Distribution          | 75%            |
+| T-tests                      | 70%            |
+| Paired T-tests               | 65%            |
+| Chi-Squared Independence     | 0%             |
+| Chi-Squared Frequencies      | 0%             |
+| Summary                      | 0%             |
+
+---
+
+## ✅ Statistics and Probability
+| Subtopic                               | Status  |
+|----------------------------------------|---------|
+| Measures of Central Tendency           | ✔️      |
+| Variance and Standard Deviation        | ✔️      |
+| Probability Distributions              | ✔️      |
+| Central Limit Theorem & Applications   | ✔️      |
+| Hypothesis Testing                     | ✔️      |
+| Bayesian Statistics                    |         |
+
+---
+
+**Keep up the excellent work, you're well on your way** 
+**to mastering this module! 🚀**
\ No newline at end of file
diff --git a/pages/load_pages.py b/pages/load_pages.py
new file mode 100644
index 0000000000000000000000000000000000000000..d0e6c1166e397abbf20f0809c4c9894071fd668e
--- /dev/null
+++ b/pages/load_pages.py
@@ -0,0 +1,483 @@
+
+# =========================================================================
+# Imports
+# =========================================================================
+
+import os, time, re, sys
+import numpy as np
+from   openai import OpenAI
+
+import streamlit as st
+import streamlit.components.v1 as components
+
+import urllib.parse
+
+# =========================================================================
+# AI Response Dialog
+# =========================================================================
+
+@st.dialog("🤖 Response")
+def AI_gen_response(prompt):
+
+   MIN_PROMPT_LENGTH = 6
+
+   if len(prompt.strip()) < MIN_PROMPT_LENGTH:
+      print("ERROR: AI prompt too short")
+      st.markdown("*Your input is too short, please retype ...*")      # clear output and print statement in italics
+      return   
+
+   # AI API Call
+
+   with st.spinner("Thinking ...", show_time=True):
+
+      st.markdown("*Thinking about your response ...*")      # clear output and print statement in italics
+
+      full_text = []
+      client    = st.session_state["openai_client"]
+
+      stream = client.chat.completions.create(
+               model    = st.session_state["openai_model"],
+               messages = [{"role": "user",  "content": prompt}],        # {"role": "admin", "content": admin_prompt},                 
+               stream    = True,
+      )
+
+      for chunk in stream:                                # chunk is a ChatCompletionChunk
+        delta = chunk.choices[0].delta                    # “what changed since the prev. chunk”
+        if delta.content:                                 # sometimes None (e.g. first chunk)
+           print(delta.content, end="", flush=True)       # live printing
+           full_text.append(delta.content)                # keep it if you need it
+           response = "".join(full_text)                  # the entire response as one string
+
+      format_text(response, input_directory="")           # there is no input directory for the OpenAI API
+
+   return response                                        # return the response for more programming if needed
+
+
+# =========================================================================
+# Symbolic Lookup Table - Greek (lower and upper, math and equality signs)
+# =========================================================================
+
+SYMBOLS: dict[str, str] = {
+    r"\alpha": "α",  r"\beta": "β",   r"\gamma": "γ",   r"\delta": "δ",r"\epsilon": "ε",r"\zeta": "ζ",   r"\eta": "η",     r"\theta": "θ",  r"\iota": "ι",   r"\kappa": "κ",  r"\lambda": "λ",  r"\mu": "μ", r"\nu": "ν",     r"\xi": "ξ",     r"\omicron": "ο", r"\pi": "π",  r"\rho": "ρ",    r"\sigma": "σ",  r"\tau": "τ",     r"\upsilon": "υ", r"\phi": "φ",    r"\chi": "χ",    r"\psi": "ψ",     r"\omega": "ω",
+    r"\Alpha": "Α",  r"\Beta": "Β",   r"\Gamma": "Γ",   r"\Delta": "Δ", r"\Epsilon": "Ε",r"\Zeta": "Ζ",   r"\Eta": "Η",     r"\Theta": "Θ",  r"\Iota": "Ι",   r"\Kappa": "Κ",  r"\Lambda": "Λ",  r"\Mu": "Μ", r"\Nu": "Ν",     r"\Xi": "Ξ",     r"\Omicron": "Ο", r"\Pi": "Π", r"\Rho": "Ρ",    r"\Sigma": "Σ",  r"\Tau": "Τ",     r"\Upsilon": "Υ",     r"\Phi": "Φ",    r"\Chi": "Χ",    r"\Psi": "Ψ",     r"\Omega": "Ω",
+    r"\pm": "±",      r"\times": "×",   r"\div": "÷",        r"\cdot": "·",     r"\sqrt": "√",    r"\sum": "∑",     r"\prod": "∏",       r"\int": "∫", r"\infty": "∞",   r"\partial": "∂", r"\nabla": "∇",     r"\le": "≤",      r"\ge": "≥",      r"\neq": "≠",        r"\approx": "≈",
+    r"\and": "∧",     r"\or": "∨",      r"\neg": "¬",     r"\in": "∈",      r"\notin": "∉",  r"\subset": "⊂",  r"\subseteq": "⊆",r"\supset": "⊃",     r"\supseteq": "⊇",     r"\cup": "∪",     r"\cap": "∩",     r"\angle": "∠",   r"\triangle": "△",
+    r"\therefore": "∴", r"\because": "∵",     r"\propto": "∝",  r"\parallel": "∥",r"\perp": "⊥", r"\degree": "°",  r"\bullet": "•",     r"\rightarrow": "→", r"\leftarrow": "←", r"\uparrow": "↑",
+    r"\downarrow": "↓", r"\leftrightarrow": "↔",     r"\ell": "ℓ",     r"\Re": "ℜ",      r"\Im": "ℑ",     r"\aleph": "ℵ",   r"\wp": "℘"
+}
+
+# =====================================================
+# Functions - to convert symbol tags to symbols
+# =====================================================
+
+FORMULA_REGEX  = re.compile(r'\\[A-Za-z]+')
+BOLD_TXT_REGEX = re.compile(r'\\[A-Za-z]+{([^{}]*)}')
+
+def test_load():
+   # print("load_pages - testing external call")          # DEBUG
+   pass
+
+def latex_to_unicode(text: str, table: dict[str, str] = SYMBOLS) -> str:
+   return FORMULA_REGEX.sub(lambda m: table.get(m.group(0), m.group(0)), text)
+
+def latex_bold_to_markdown(text: str) -> str:
+    return BOLD_TXT_REGEX.sub(r'**\1**', text)
+
+# =====================================================================================
+# format_text - loads a text file, formats it and places streamlit components
+#               based on instructions from the text file (lesson/learning module) file
+# =====================================================================================
+
+def format_text(input_text, input_directory=""):
+
+   # --------------------------------------------------------------------------------
+   # Uses text file as input - input_text
+   # within the text are instructional tags used to build the content for the page
+   # This code parses the text line-by-line to determine what to display for the page
+   # --------------------------------------------------------------------------------
+
+   # Parse the raw text for certain backslashes for mathematical formulae and
+   # instruct the program to call the st.latex function to render
+
+   input_text = input_text.replace("\\[\n",'st.latex("')
+   input_text = input_text.replace("\\[",'st.latex("')
+   input_text = input_text.replace("\n\\]\n",'")\n')
+   input_text = input_text.replace("\\]\n",'")\n')
+
+   # Split the text line by line to parse
+
+   lines = input_text.split("\n")
+   idx   = 0
+
+   # Scan each line
+
+   while(idx<len(lines)):
+      
+      line = lines[idx].strip()
+
+      # -------------------------------
+      # Single-line interface tags
+      # -------------------------------
+
+      # Latex expression - render using st.latex()
+
+      if line[:len("st.latex(")]=="st.latex(":
+         if line[-2:]=='")': 
+            st.latex(line[len("st.latex(")+1:-2])    # closed expression
+         else:
+            st.latex(line[len("st.latex(")+1:])      # open expression
+
+      elif line[:2]=='")':                           # closed expression notation - ignore 
+         pass
+
+      # Question tag
+
+      elif line[:len("Question: ")]=="Question: ":
+         #st.text_area(label, value="", height=None, max_chars=None, key=None, help=None, on_change=None, args=None, kwargs=None, *, placeholder=None, disabled=False, label_visibility="visible")
+         with st.expander(label = line[len("Question: [00_01_02]")+1:] + "...", expanded=False, icon=":material/live_help:"):
+            question_key = line[11:19]   #  e.g. Question: [14_01_02]
+            print(line, question_key)
+            answer_text  = st.text_area(label="Answer to Question", value="", height=200, key=question_key)
+
+      # Hint tag
+
+      elif line[:len("Hint: ")]=="Hint: ":
+         Hint_text = line.split("...")
+         with st.expander(label = Hint_text[0]+"...", expanded=False, icon=":material/voice_selection:"):
+            st.markdown(Hint_text[1])
+
+      # Load image tag - image is located in the module content folder and the tag has the file path
+
+      elif line[:len("Image: ")]=="Image: ":
+         file_str = line[len("Image: "):].strip()
+         default_width = 700
+         if file_str[-1]=="]":                       # a picture width (optional) is given
+            default_width = int(file_str[file_str.find("[")+1:-1])
+            file_str = file_str[:file_str.find("[")]
+         st.image(file_str, width=default_width)     # st.image(image, caption=None, width=None, use_column_width=None, clamp=False, channels="RGB", output_format="auto", *, use_container_width=False)
+
+      # iFrame tag - render a web site in a container within a tab
+
+      elif line[:len("iframe: ")]=="iframe: ":
+
+         default_width  = 500
+         default_height = 500
+
+         print("Running iframe")
+         file_str = line[len("iframe: "):].strip()   # Get web site         
+
+         if file_str[-1]=="]":                                          # an optional width is given
+            default_width  = int(file_str[file_str.find("[")+1:-1])
+            default_height = default_width                              # square by default
+            file_str = file_str[:file_str.find("[")]
+
+         file_str = file_str[1:-1]                   # Remove string delimiters for HTML page
+         print("Loading iframe:",file_str)
+         
+         components.iframe(file_str,width=default_width,height=default_height)
+
+      # Link to sample code hosted externally e.g. Google Colab
+
+      elif line[:len("Code: ")]=="Code: ":           
+         file_str = line[len("Code: "):].strip()
+         with st.expander(label = "Code for this lesson ...", expanded=True, icon=":material/terminal:"):
+            st.markdown(file_str)
+
+      # HTML instructions rendered inside a frame e.g. an interactive javascript element
+      # the HTML page is stored in the module content directory or is loaded from external source
+
+      elif line[:len("HTML: ")]=="HTML: ":           # An HTML page to load and display - eg Web Widget
+
+         default_width  = 700
+         default_height = 700
+
+         # print("HTML ",input_directory)  # DEBUG
+
+         file_str = line[len("HTML: "):].strip()
+
+         if file_str[-1]=="]":                                          # an optional video width is given
+            default_width  = int(file_str[file_str.find("[")+1:-1])
+            default_height = default_width                              # square by default
+            file_str = file_str[:file_str.find("[")]
+
+         if file_str[:4] != "http":
+            file_str = os.path.join(input_directory,file_str)
+
+         # print(file_str)  # DEBUG
+
+         try:
+            html_str = open(file_str, "r", encoding="UTF-8").read()
+         except Exception as err:
+            print(f"Unexpected {err=}, {type(err)=}",file_str)            
+         else:
+            components.html(html_str, height=default_height, width=default_width, scrolling=True)
+
+      # External Web Link
+
+      elif line[:len("Link: ")]=="Link: ":
+         file_str = line[len("Link: "):].strip()
+         st.markdown(file_str)
+
+      # Text that can be copied
+
+      elif line[:len("Copy: ")]=="Copy: ":
+         file_str = line[len("Copy: "):].strip()
+         st.code(file_str,language="")
+
+      # Video
+
+      elif line[:len("Video: ")]=="Video: ":
+
+         default_width  = 700
+
+         file_str = line[len("Video: "):].strip()
+
+         if file_str[-1]=="]":                                          # an optional video width is given
+            default_width = int(file_str[file_str.find("[")+1:-1])
+            file_str = file_str[:file_str.find("[")]
+         
+         video_filepath = os.path.join(st.session_state["start_dir"],"pages",input_directory,file_str)
+         video_file     = open(video_filepath,"rb")
+
+         if video_file is None:
+            print("ERROR: Video did not load: ",video_filepath)
+         else: 
+            intro_video    = video_file.read()
+            st.video(intro_video, loop=True, autoplay=True, muted=False, width=default_width) 
+
+
+      # ---------------------------------------------------------------------
+      # Multi-line interface tags
+      #   These tags tell the program to scan ahead and read lines until a
+      #   closure tag is found.  The line pointer is advanced accordingly
+      # ---------------------------------------------------------------------
+
+      # R Code is run in an embedded widget.  This will prepopluate the widget with the example code
+
+      elif line[:len("Expander:")]=="Expander:":
+
+         default_width  = 800
+
+         expander_headline = line[len("Expander:"):].strip()
+         expander_string   = ""
+
+         for c, expander_line in enumerate(lines[idx+1:]):
+            if expander_line[:len("End Expander:")]=="End Expander:":
+               idx+=1    # skip this line
+               break
+            else:
+               expander_string += expander_line + "\n"
+
+         idx+=c          # Set global counter to skip past the lines already read in lookahead mode    
+
+         with st.expander(label = expander_headline+"...", expanded=False, icon=":material/stars_2:"): #,width=default_width):
+            for expander_line in expander_string.split("\n"):
+               #st.write(expander_line)
+               st.markdown(expander_line)
+
+      # R Code is run in an embedded widget.  This will prepopluate the widget with the example code
+
+      elif line[:len("R Code:")]=="R Code:":
+
+         r_code_string = ""
+
+         for c, r_code_line in enumerate(lines[idx+1:]):
+            if r_code_line[:len("End R Code:")]=="End R Code:":
+               idx+=1    # skip this line
+               break
+            else:
+               r_code_string += r_code_line + "\n"
+
+         idx+=c          # Set global counter to skip past the lines already read in lookahead mode    
+         
+         URI_code = urllib.parse.quote(r_code_string)
+         components.html("<iframe width='675' height='575' src='https://rdrr.io/snippets/embed/?code=" + URI_code + "' frameborder='0'></iframe>", height=600, width = 700, scrolling=True)
+
+      # ---------------------------------------------------------------------
+      # A Cognitive Checkpoint is a point in the module where the student is asked to 
+      # write a briefing that demonstrates whether they understand a concept
+      # The briefing is sent to the AI for evaluation
+      # Constructing this as a multi-line input gives the ability to enhance the admin prompt
+      # which will need custom instructions based on the checkpoint
+      # ---------------------------------------------------------------------
+
+      elif line[:len("Cognitive Checkpoint:")]=="Cognitive Checkpoint:":
+
+         question_key     = line[23:31]     # Unique key for response
+         question         = ""              # Multi-line question for cognitive response
+
+         for c, question_line in enumerate(lines[idx+1:]):
+            if question_line[:len("End Cognitive Checkpoint:")]=="End Cognitive Checkpoint:":
+               idx+=1    # skip this line
+               break
+            else:
+               question += question_line + "\n"
+
+         idx+=c                             # Set global counter to skip past the lines already read in lookahead mode
+
+         st.write(question)                 # Write question               
+
+         # Provide area to write response
+
+         with st.expander(label = "Cognitive Checkpoint:", expanded=True, icon=":material/live_help:"):
+            
+            if answer_text := st.text_area(label="Answer to Question", value="", height=150, key=question_key):          # := is the "Walrus Operator - assigns, checks and runs function"
+
+               admin_prompt = '''
+               You are a teacher.
+               Evaluate the following statement delimited in square brackets for accuracy from your student.
+               For each logical statement, grade it as one of three options: correct, misunderstanding, incorrect.
+               For each statement cite the grade, student comment, your response, corrected response if required.
+               Provide a summary at the end, not in table form, with the grade and a summary of the student comment
+               '''
+
+               # Return your assessment in JSON format   # Optional - for eval purposes
+         
+               AI_question = admin_prompt + "[" + answer_text + "]"
+
+               try:
+                  AI_gen_response(prompt=AI_question)
+               except Exception as e:
+                  print("ERROR: Dialog box open.  Message suppressed\n",str(e))
+               
+
+      # ------------------------------------------
+      # DEFAULT Instructions if no tag is provided
+      # ------------------------------------------
+ 
+      else:
+         line_unicode = latex_to_unicode(line)                 # convert text to unicode symbols if needed
+         line_bold    = latex_bold_to_markdown(line_unicode)   # bold text
+         # print(line_bold)
+         st.markdown(line_bold)                                # markdown that line
+        
+      # ------------------------------------------
+      # Increment line counter / go to next line
+      # ------------------------------------------
+      
+      idx+=1
+
+
+      # END Parse text
+
+   return
+
+
+# =====================================================
+# Load Content
+# =====================================================
+
+def load_content(module):
+
+   input_directory = os.path.join(st.session_state["start_dir"],"pages","modules",module)
+
+   # if file exists - otherwise do nothing
+   content_str     = open(os.path.join(input_directory,"Overview.txt"), "r", encoding="UTF-8").read()
+   tab_content     = content_str.split("---\n")
+
+   # Display Module title if one is given, otherwise blank
+
+   title = tab_content[0].strip()
+   if len(title)>0:
+      st.subheader(title)
+
+   # Draw tabs according to page count   
+
+   tab_list = ["🚀"+str(idx+1) for idx,x in enumerate(tab_content[1:])]
+   tabs     = st.tabs(tab_list)
+
+   # For each tab, render the appropriate content
+
+   for idx,tab in enumerate(tabs):
+      with tab:
+         format_text(tab_content[idx+1], input_directory)
+
+   # Add AI Bot Interface to bottom of page        
+
+##   if prompt := st.chat_input("I would like to learn about ..."):
+##      AI_gen_response(prompt=prompt)
+
+   return
+
+# =====================================================
+# Load Page
+# =====================================================
+
+def load_page(module):
+
+   if "logged_in" not in st.session_state:                       # User is not logged in - don't load content
+      return
+
+   # --------------------------------------------------
+   # Sidebar
+   # --------------------------------------------------
+
+   asset_dir = os.path.join(st.session_state["start_dir"],"pages","assets")
+
+   with st.sidebar:
+
+      with st.expander("Lessons", expanded=True, icon=":material/library_books:"):    
+
+         st.page_link("pages/Overview.py",  label="Laurier Years",                         icon=":material/rocket_launch:")
+         st.page_link("pages/Module_01.py", label="World War 1",                           icon=":material/rocket_launch:")
+##         st.page_link("pages/Module_02.py", label="Mathematical Foundations",              icon=":material/difference:")
+##         st.page_link("pages/Module_03.py", label="The Normal Distribution",               icon=":material/cadence:")
+##         st.page_link("pages/Module_04.py", label="One Sided Tests",                       icon=":material/compare:")
+##         st.page_link("pages/Module_05.py", label="Tests for Two Samples",                 icon=":material/speed_2x:")  
+##         st.page_link("pages/Module_06.py", label="Paired Tests",                          icon=":material/speed_2x:")
+##         st.page_link("pages/Module_07.py", label="Testing Independence",                  icon=":material/superscript:")
+##         st.page_link("pages/Module_08.py", label="Testing Frequencies",                   icon=":material/superscript:")
+##         st.page_link("pages/Module_09.py", label="Summary",                               icon=":material/format_list_numbered:")
+##         st.page_link("pages/Overview.py",  label="Amelia History Quiz",                   icon=":material/rocket_launch:")
+
+##      with st.expander("Ask the AI", expanded=False, icon=":material/smart_toy:"):
+##
+##         if AI_question := st.text_input(label="Ask the AI", value="", key="AI_Question"):     
+##            try:
+##               AI_gen_response(prompt=AI_question)
+##            except Exception as e:
+##               print("ERROR: Dialog box open.  Message suppressed\n",str(e))
+##
+##         # Callback function to clear text from previous AI question inputs
+##
+##         def set_name(new_text):
+##            st.session_state.AI_Question = new_text
+##
+##         st.button('Clear',on_click=set_name, args=[''])
+
+##      with st.expander("R Calculator", expanded=False, icon=":material/calculate:"):
+##         components.html("<iframe width='500' height='500' src='https://rdrr.io/snippets/embed/?code=""' frameborder='0'></iframe>", height=550, width = 550, scrolling=True)
+##
+##      with st.expander("Statistical Glossary", expanded=False, icon=":material/functions:"):
+##         overview_dir = os.path.join(st.session_state["start_dir"],"pages","assets")
+##         overview_str = open(os.path.join(overview_dir,"formulas.txt"), "r", encoding="UTF-8").read()
+##         format_text(overview_str, overview_dir)         
+##
+##      with st.expander("Your Progress",expanded=False, icon=":material/preliminary:"):
+##         progress_str = open(os.path.join(st.session_state["start_dir"],"pages","assets","progress.txt"), "r", encoding="UTF-8").read()
+##         st.markdown(progress_str)
+
+      with st.expander("Logout", expanded=False, icon=":material/logout:"):      # 
+         if st.button("Logout"):
+            del st.session_state["logged_in"]
+            st.switch_page("app.py")                               # switch to main page
+            st.rerun()                                             # should invoke login dialog
+
+   # END Sidebar
+
+   # --------------------------------------------------
+   # Main Screen Content - e.g. Pages with Tabs
+   # --------------------------------------------------
+
+   if "logged_in" not in st.session_state:                         # check if user has logged out with sidebar
+      pass
+   else:
+      load_content(module)                                         # otherwise load and provide access to the content
+
+# =================================================
+# Standalone Code if Program is Run as Main
+# =================================================   
+
+if __name__ == "__main__":
+   pass
+
diff --git a/pages/modules/Bonus/Overview.txt b/pages/modules/Bonus/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Bonus/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Copy_Overview.bat b/pages/modules/Copy_Overview.bat
new file mode 100644
index 0000000000000000000000000000000000000000..f3abab045c1089bfb478a4987ea636295f0a3308
--- /dev/null
+++ b/pages/modules/Copy_Overview.bat
@@ -0,0 +1,21 @@
+copy overview.txt c:.\Module_01
+copy overview.txt c:.\Module_02
+copy overview.txt c:.\Module_03
+copy overview.txt c:.\Module_04
+copy overview.txt c:.\Module_05
+copy overview.txt c:.\Module_06
+copy overview.txt c:.\Module_07
+copy overview.txt c:.\Module_08
+copy overview.txt c:.\Module_09
+copy overview.txt c:.\Module_10
+copy overview.txt c:.\Module_11
+copy overview.txt c:.\Module_12
+copy overview.txt c:.\Module_13
+copy overview.txt c:.\Module_14
+copy overview.txt c:.\Module_15
+copy overview.txt c:.\Module_16
+copy overview.txt c:.\Module_17
+copy overview.txt c:.\Module_18
+copy overview.txt c:.\Module_19
+copy overview.txt c:.\Module_20
+copy overview.txt c:.\Overview
\ No newline at end of file
diff --git a/pages/modules/Module_01/Overview.txt b/pages/modules/Module_01/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..7be54f4c9d9311c4f1f92c2e6f43fa2e0f4ff5b6
--- /dev/null
+++ b/pages/modules/Module_01/Overview.txt
@@ -0,0 +1,5 @@
+Canadian History Flashcards
+---
+HTML: flashcards01.html
+---
+HTML: flashcards02.html
diff --git a/pages/modules/Module_01/flashcards - template.html b/pages/modules/Module_01/flashcards - template.html
new file mode 100644
index 0000000000000000000000000000000000000000..74a7b0030fed32e069c9c92104065db7095a79b7
--- /dev/null
+++ b/pages/modules/Module_01/flashcards - template.html	
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+
+
+
+
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+[
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Module_01/flashcards01.html b/pages/modules/Module_01/flashcards01.html
new file mode 100644
index 0000000000000000000000000000000000000000..daea8090679eaddb2b64a533b954988a9433c4cb
--- /dev/null
+++ b/pages/modules/Module_01/flashcards01.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+
+[
+    {
+        "question": "What does the acronym 'M.A.I.N.S.' stand for in the context of the causes of World War I?",
+        "answer": "'M.A.I.N.S.' stands for Militarism, Alliances, Imperialism, Nationalism, and the Spark.",
+        "correct": false
+    },
+    {
+        "question": "What is nationalism?",
+        "answer": "Nationalism refers to loyalty to one's country and people.",
+        "correct": false
+    },
+    {
+        "question": "How does imperialism contribute to conflict?",
+        "answer": "Imperialism involves extending a country's power through diplomacy, military force, and colonization, exemplified by events like the Scramble for Africa.",
+        "correct": false
+    },
+    {
+        "question": "Define militarism.",
+        "answer": "Militarism is the belief in the power of a strong military.",
+        "correct": false
+    },
+    {
+        "question": "What was the arms race?",
+        "answer": "The arms race was a competition among countries to build up large arsenals of weapons, leading to increased tension and vulnerability.",
+        "correct": false
+    },
+    {
+        "question": "What is the concept of 'mutually assured destruction' (MAD)?",
+        "answer": "MAD is a military strategy where both sides in a conflict have the ability to destroy each other, leading to a deterrent against starting a war.",
+        "correct": false
+    },
+    {
+        "question": "How did alliances contribute to the outbreak of World War I?",
+        "answer": "The formation of alliances increased fear and suspicion among nations, making conflicts more likely due to mutual defense agreements.",
+        "correct": false
+    },
+    {
+        "question": "What were the major countries in the Triple Entente?",
+        "answer": "The Triple Entente included France, Russia, and Britain.",
+        "correct": false
+    },
+    {
+        "question": "What countries were part of the Triple Alliance?",
+        "answer": "The Triple Alliance consisted of Germany, Austria-Hungary, and Italy.",
+        "correct": false
+    },
+    {
+        "question": "What event triggered the start of World War I?",
+        "answer": "The assassination of Archduke Franz Ferdinand on June 28, 1914, triggered the start of World War I.",
+        "correct": false
+    },
+    {
+        "question": "Who assassinated Archduke Franz Ferdinand?",
+        "answer": "Archduke Ferdinand was assassinated by Gavrilo Princip, a member of the Black Hand.",
+        "correct": false
+    },
+    {
+        "question": "What ultimatum did Austria-Hungary issue to Serbia?",
+        "answer": "Austria-Hungary issued an ultimatum demanding that Serbia meet certain demands, leading to conflict after Serbia's partial acceptance.",
+        "correct": false
+    },
+    {
+        "question": "Which countries declared war after the assassination of Archduke Ferdinand?",
+        "answer": "Germany declared war on Russia and France, followed by Britain's entry into the war.",
+        "correct": false
+    },
+    {
+        "question": "What was Canada's role in World War I?",
+        "answer": "Canada, as a dominion of Britain, automatically entered the war in support of the Allies, contributing troops and resources.",
+        "correct": false
+    },
+    {
+        "question": "What was the significance of the Battle of Vimy Ridge for Canada?",
+        "answer": "The Battle of Vimy Ridge is often regarded as a defining moment for Canada, marking a sense of national pride and unity.",
+        "correct": false
+    },
+    {
+        "question": "How did World War I impact Canada socially and politically?",
+        "answer": "The war led to changes in Canadian society, including increased roles for women, economic impact, and heightened nationalism.",
+        "correct": false
+    }
+];
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Module_01/flashcards02.html b/pages/modules/Module_01/flashcards02.html
new file mode 100644
index 0000000000000000000000000000000000000000..f703bc40e3cf5d9ba33326d37adf1d2ddcc40e81
--- /dev/null
+++ b/pages/modules/Module_01/flashcards02.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+
+[
+    {
+        "question": "What was the main goal of the Paris Peace Conference in 1919?",
+        "answer": "The main goal was to create a treaty that would promote peace and prevent future wars.",
+        "correct": false
+    },
+    {
+        "question": "Who represented Canada at the Paris Peace Conference?",
+        "answer": "Prime Minister Robert Borden represented Canada.",
+        "correct": false
+    },
+    {
+        "question": "What was Woodrow Wilson's 14-point plan focused on?",
+        "answer": "It focused on political and territorial changes aimed at maintaining long-term stability in Europe.",
+        "correct": false
+    },
+    {
+        "question": "What were two key political changes proposed in the 14 points?",
+	"answer": "Two key political changes were the elimination of secret treaties and the establishment of free trade between nations.",
+	"correct": false
+},
+{
+"question": "What was a significant territorial change proposed in Wilson's 14 points?",
+"answer": "Belgium was to be freed as it was before the war.",
+"correct": false
+},
+{
+"question": "Why was Germany not invited to the Paris Peace Conference?",
+"answer": "Germany was not invited because the victorious countries held a grudge and wanted to impose strict terms without German input.",
+"correct": false
+},
+{
+"question": "What was the 'War Guilt Clause' in the Treaty of Versailles?",
+"answer": "The 'War Guilt Clause' (Article 231) required Germany to accept full responsibility for causing the war.",
+"correct": false
+},
+{
+"question": "What reparations did Germany have to pay as a result of the Treaty of Versailles?",
+"answer": "Germany was required to pay approximately $33 billion in war damages.",
+"correct": false
+},
+{
+"question": "What was the League of Nations?",
+"answer": "The League of Nations was an organization founded to protect world peace and prevent future conflicts.",
+"correct": false
+},
+{
+"question": "What impact did the Treaty of Versailles have on Germany's military?",
+"answer": "The treaty severely limited the size of the German military, allowing only a small army and prohibiting air forces and submarines.",
+"correct": false
+},
+{
+"question": "What was one of the main outcomes of the Treaty of Versailles for Canada?",
+"answer": "Canada gained recognition for its contributions in the war and was allowed to sign the treaty under Britain's name.",
+"correct": false
+},
+{
+"question": "What significant changes occurred in international borders after the Treaty of Versailles?",
+"answer": "New countries were created, and territories were adjusted, such as Alsace-Lorraine being returned to France and the division of Austria-Hungary.",
+"correct": false
+},
+{
+"question": "What was the consequence of the Treaty of Versailles on Germany's economy?",
+"answer": "Germany's economy was severely weakened due to the reparations and the loss of territories and resources.",
+"correct": false
+},
+{
+"question": "What global event did Canada face shortly after World War I?",
+"answer": "Canada faced the Spanish Flu Epidemic, which killed nearly 50 million people worldwide.",
+"correct": false
+},
+{
+"question": "How did the Treaty of Versailles contribute to the rise of Adolf Hitler?",
+"answer": "The severe terms and national humiliation felt by Germans created widespread resentment that fueled Hitler's rise to power.",
+"correct": false
+},
+{
+"question": "What impact did the Treaty of Versailles have on future conflicts?",
+"answer": "The treaty's harsh terms and Germany's resentment contributed to a cycle of conflict that eventually led to World War II.",
+"correct": false
+}
+
+];
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Module_02/Overview.txt b/pages/modules/Module_02/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_02/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_03/Overview.txt b/pages/modules/Module_03/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_03/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_04/Overview.txt b/pages/modules/Module_04/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_04/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_05/Overview.txt b/pages/modules/Module_05/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_05/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_06/Overview.txt b/pages/modules/Module_06/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_06/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_07/Overview.txt b/pages/modules/Module_07/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_07/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_08/Overview.txt b/pages/modules/Module_08/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_08/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_09/Overview.txt b/pages/modules/Module_09/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_09/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_10/Overview.txt b/pages/modules/Module_10/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_10/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_11/Overview.txt b/pages/modules/Module_11/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_11/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_12/Overview.txt b/pages/modules/Module_12/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_12/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_13/Overview.txt b/pages/modules/Module_13/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_13/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_14/Overview.txt b/pages/modules/Module_14/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_14/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_15/Overview.txt b/pages/modules/Module_15/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_15/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_16/Overview.txt b/pages/modules/Module_16/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_16/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_17/Overview.txt b/pages/modules/Module_17/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_17/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_18/Overview.txt b/pages/modules/Module_18/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_18/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_19/Overview.txt b/pages/modules/Module_19/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_19/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Module_20/Overview.txt b/pages/modules/Module_20/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Module_20/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Overview.txt b/pages/modules/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..bdce405f0b74fde81e03842e2ae127ba3d4af061
--- /dev/null
+++ b/pages/modules/Overview.txt
@@ -0,0 +1,5 @@
+Title
+---
+#### Blank Page
+---
+#### Last Page
diff --git a/pages/modules/Overview/Overview.txt b/pages/modules/Overview/Overview.txt
new file mode 100644
index 0000000000000000000000000000000000000000..62bbb1224a2da29c16ba6be5465ac56b13454dd7
--- /dev/null
+++ b/pages/modules/Overview/Overview.txt
@@ -0,0 +1,11 @@
+Canadian History Flashcards
+---
+HTML: flashcards01.html
+---
+HTML: flashcards02.html
+---
+HTML: flashcards03.html
+---
+HTML: flashcards04.html
+---
+HTML: flashcards05.html
diff --git a/pages/modules/Overview/flashcards - template.html b/pages/modules/Overview/flashcards - template.html
new file mode 100644
index 0000000000000000000000000000000000000000..74a7b0030fed32e069c9c92104065db7095a79b7
--- /dev/null
+++ b/pages/modules/Overview/flashcards - template.html	
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+
+
+
+
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+[
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Overview/flashcards01.html b/pages/modules/Overview/flashcards01.html
new file mode 100644
index 0000000000000000000000000000000000000000..bca5860bcf2ec4c88f8b7095a1f06c1dddf0eb97
--- /dev/null
+++ b/pages/modules/Overview/flashcards01.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+  <script>
+    // 10 sample flashcards
+    const flashcards = 
+[
+{
+question: "Why did Prime Minister Sir Wilfrid Laurier want to encourage immigration to the Canadian prairies in the early 1900s?",
+answer: "He wanted to secure the West against uncontrolled American immigration and possible territorial claims, while boosting economic growth and national unity through increased railroad traffic.",
+correct: false
+},
+{
+question: "Who was appointed to organize and promote the settlement of the Canadian West with new immigrants?",
+answer: "Clifford Sifton",
+correct: false
+},
+{
+question: "What qualities did Clifford Sifton believe an immigrant needed to succeed on the prairies?",
+answer: "They needed to be capable farmers, flexible, hardworking, and able to withstand extremes in climate.",
+correct: false
+},
+{
+question: "From which region did Canadian government agents first seek settlers for the prairies?",
+answer: "The British Isles",
+correct: false
+},
+{
+question: "What unfortunate experiences did many poor British children face when sent to Canada?",
+answer: "Many were abused, forced into unfamiliar farm labor or domestic service, and deprived of consistent schooling.",
+correct: false
+},
+{
+question: "Which groups proved most adaptable to prairie farming, leading Sifton’s agents to recruit them heavily?",
+answer: "Eastern Europeans—Slavs, Hungarians, and Russians—with climates and geographies similar to the Canadian prairies.",
+correct: false
+},
+{
+question: "What was the significance of Marquis wheat, developed in 1904 by C.E. Saunders?",
+answer: "It matured in a shorter growing season, resisted early frost, produced high-quality grain, and expanded the area suitable for farming.",
+correct: false
+},
+{
+question: "Between which years were over 300,000 poor British children sent to Canada as part of the child migration movement?",
+answer: "Between 1867 and 1924",
+correct: false
+}
+];
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Overview/flashcards02.html b/pages/modules/Overview/flashcards02.html
new file mode 100644
index 0000000000000000000000000000000000000000..6847d935e634e759e7ef57a44b08e834ead39087
--- /dev/null
+++ b/pages/modules/Overview/flashcards02.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+  <script>
+    // 10 sample flashcards
+    const flashcards = 
+[  
+  {  
+    question: "What were the major geographical regions of Canada around 1900?",  
+    answer: "The Canadian Shield, Great Lakes Lowlands, Rocky Mountains, northern tundra, Maritime provinces, central Canada (Ontario and Québec), Manitoba, the prairie region, British Columbia, and the vast northern territories.",  
+    correct: false  
+  },  
+  {  
+    question: "Which Aboriginal nations populated the large prairie region before European settlement?",  
+    answer: "The Métis, Assiniboine, Cree, and Blackfoot nations.",  
+    correct: false  
+  },  
+  {  
+    question: "How did the Canadian government view its relationship with Aboriginal nations after the 1885 resistance?",  
+    answer: "Paternalistic—treating Aboriginal peoples as children whose affairs needed to be managed by the government.",  
+    correct: false  
+  },  
+  {  
+    question: "What events led the government to adopt a paternalistic policy toward Aboriginal peoples?",  
+    answer: "The armed resistance of 1885, in which First Nations felt deceived by broken promises of food, clothing, and shelter, leading to conflict when settlers moved into their areas.",  
+    correct: false  
+  },  
+  {  
+    question: "Which cultural ceremonies were banned by the Department of Indian Affairs by the turn of the 20th century?",  
+    answer: "The potlatch and sun dance ceremonies.",  
+    correct: false  
+  },  
+  {  
+    question: "Who became deputy superintendent of the Department of Indian Affairs in 1913 and what policy did he enforce?",  
+    answer: "Poet Duncan Campbell Scott, who vigorously enforced assimilation policies.",  
+    correct: false  
+  },  
+  {  
+    question: "What was the stated purpose of the residential school system?",  
+    answer: "To provide Aboriginal children with industrial skills and to assimilate them into Canadian society; later refocused on training them to make a living on reserves.",  
+    correct: false  
+  },  
+  {  
+    question: "What abuses and restrictions did children face in residential schools?",  
+    answer: "They were forcibly removed from reserves, barred from home visits, forbidden to speak their languages or practice cultural traditions, and often subjected to physical abuse.",  
+    correct: false  
+  },  
+  {  
+    question: "Until when did the residential school system remain in place in Canada?",  
+    answer: "Up to the late 1980s.",  
+    correct: false  
+  },  
+  {  
+    question: "How did the Canadian government use immigration as part of its plan to assimilate Aboriginal peoples?",  
+    answer: "By sending waves of European immigrants into prairie areas populated by Aboriginal and Métis peoples to displace them and reduce future resistance.",  
+    correct: false  
+  },  
+  {  
+    question: "Who was Clifford Sifton and what role did he play in western settlement?",  
+    answer: "Laurier’s minister in charge of immigration, who sought to recruit settlers for the prairies and to acquire more land for them.",  
+    correct: false  
+  },  
+  {  
+    question: "What difficulties did the Métis face when forced to settle on farm reserves?",  
+    answer: "They lacked farming skills, faced a short growing season, and their nomadic buffalo-hunting lifestyle made permanent settlement and successful agriculture difficult.",  
+    correct: false  
+  },  
+  {  
+    question: "How did Clifford Sifton attempt to acquire reserve lands for settlers?",  
+    answer: "He first tried to confiscate land illegally, then attempted to persuade tribes to sell by promising debt relief and economic improvement, and succeeded after Frank Oliver passed laws allowing land confiscation.",  
+    correct: false  
+  },  
+  {  
+    question: "What was the Grand General Indian Council of Ontario and Québec?",  
+    answer: "An organization formed by Iroquois and Ojibwa communities to present concerns, protest hunting and fishing rights violations, and oppose reserve land expropriation.",  
+    correct: false  
+  },  
+  {  
+    question: "Describe the immigration process for settlers arriving on the Canadian prairies.",  
+    answer: "Immigrants sailed to Halifax or Québec City, passed a medical exam, traveled by rail to Winnipeg, received lot numbers, basic supplies, tools, and seed, then went to their plots to build homes and farm.",  
+    correct: false  
+  },  
+  {  
+    question: "What challenges did first-year prairie settlers face?",  
+    answer: "They had to quickly build shelter, plough and seed fields, endure long bitter winters, cope with isolation, and learn self-sufficiency.",  
+    correct: false  
+  },  
+  {  
+    question: "Which immigrant groups were discouraged from settling in Canada around 1900 and why?",  
+    answer: "Japanese, Chinese, Indian, and African-American immigrants—because they were seen as unable to assimilate into a 'British' Canada and might require social assistance.",  
+    correct: false  
+  },  
+  {  
+    question: "What specific restrictions did Canada impose on Japanese and Indian immigrants?",  
+    answer: "Canada signed a limit emigration agreement with Japan and required Hindu immigrants to bring $200 to discourage poor non-white immigrants.",  
+    correct: false  
+  },  
+  {  
+    question: "Who was John Ware and how was he honored?",  
+    answer: "An African-Canadian cowboy famed at the Calgary Stampede; after his death in 1905 a mountain and creek were named in his honor.",  
+    correct: false  
+  },  
+  {  
+    question: "Why did Laurier propose separate school guarantees for the new provinces of Saskatchewan and Alberta?",  
+    answer: "To avoid the linguistic and religious conflicts that had arisen in Ontario and Manitoba between French Catholics and English Protestants.",  
+    correct: false  
+  },  
+  {  
+    question: "What led Clifford Sifton to resign from Laurier’s cabinet in 1905?",  
+    answer: "He opposed Laurier’s change to the legislation on separate Catholic schools, believing it went against the majority’s will in the new provinces.",  
+    correct: false  
+  },  
+  {  
+    question: "Who was Henri Bourassa and what concept did he promote regarding French Canadians?",  
+    answer: "A young Québec nationalist who championed 'La survivance,' the survival of the French language and culture, asserting it could only be guaranteed in Québec.",  
+    correct: false  
+  }  
+];
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Overview/flashcards03.html b/pages/modules/Overview/flashcards03.html
new file mode 100644
index 0000000000000000000000000000000000000000..727a796c58d56f9cb781bab4513be3d72b540857
--- /dev/null
+++ b/pages/modules/Overview/flashcards03.html
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+
+
+
+
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+[
+
+  {
+    "question": "Why did Canadian cities grow rapidly at the turn of the twentieth century?",
+    "answer": "Because increasing immigration brought many newcomers who settled in urban centres, leading to a dramatic rise in city populations.",
+    "correct": false
+  },
+  {
+    "question": "What challenges accompanied the rapid growth of cities in early twentieth-century Canada?",
+    "answer": "Housing shortages, unemployment or underemployment, inadequate sanitation, and the emergence of overcrowded slums.",
+    "correct": false
+  },
+  {
+    "question": "Why did many immigrants and poor Canadians live in slums?",
+    "answer": "They could not afford proper housing and had to accept any shelter available, even if it was overcrowded and unsanitary.",
+    "correct": false
+  },
+  {
+    "question": "What public health issue contributed to high child mortality rates in Canadian cities, and how did people try to address it?",
+    "answer": "Poor-quality milk was believed to cause infant deaths, so a movement began to raise funds to provide poor mothers with 'pure' milk for their children.",
+    "correct": false
+  },
+  {
+    "question": "What happened in the great Toronto fire of 1904, and what was surprising about its human toll?",
+    "answer": "Over 104 buildings were destroyed, firefighters were called from distant towns, but surprisingly no deaths were reported.",
+    "correct": false
+  },
+  {
+    "question": "Why did the Roman Catholic Church in Québec encourage people to stay on farms rather than move to cities?",
+    "answer": "They feared that urban life would undermine French-Canadian spirit and values, so they encouraged cultivation of both land and French culture.",
+    "correct": false
+  },
+  {
+    "question": "Which new technologies were spreading through Canadian cities in the early 1900s?",
+    "answer": "Electricity (for lighting and appliances), telephones, and electric machinery such as stoves and interior lights.",
+    "correct": false
+  },
+  {
+    "question": "What milestone did Guglielmo Marconi achieve in December 1902?",
+    "answer": "He received the first transatlantic wireless telegraphic message from England to Newfoundland.",
+    "correct": false
+  },
+  {
+    "question": "How did Marconi’s wireless technology change news communication?",
+    "answer": "It allowed news to be transmitted across the Atlantic in hours instead of months, without relying solely on undersea cables or ships.",
+    "correct": false
+  },
+  {
+    "question": "What speed limit was debated and eventually set for automobiles in Ontario cities and towns?",
+    "answer": "A maximum speed equivalent to less than 30 km/h.",
+    "correct": false
+  },
+  {
+    "question": "What was the Silver Dart, and why was it significant?",
+    "answer": "An airplane flown by A. D. McCurdy in 1909 over Baddeck Bay, marking Canada’s entry into the aviation age.",
+    "correct": false
+  },
+  {
+    "question": "What caused the collapse of the Québec City bridge in 1907, and what was the outcome?",
+    "answer": "Improper design and inadequate inspection led to its collapse, killing 75 workers in Canada’s worst bridge disaster.",
+    "correct": false
+  },
+  {
+    "question": "How did the sinking of the Titanic in 1912 affect public confidence in technology?",
+    "answer": "It shook faith in technological infallibility by proving that even the 'unsinkable' ship could be lost at sea.",
+    "correct": false
+  },
+  {
+    "question": "What visionary infrastructure project was suggested in the early 1900s but never built?",
+    "answer": "A tunnel to unite Prince Edward Island with Nova Scotia.",
+    "correct": false
+  },
+  {
+    "question": "Which minister condemned city slum conditions and urged government intervention?",
+    "answer": "J. S. Woodsworth, who wrote about overcrowding, unsanitary conditions, prostitution, and child labour.",
+    "correct": false
+  },
+  {
+    "question": "What did many women identify as the main cause of family neglect and abuse in early twentieth-century Canada?",
+    "answer": "The widespread availability and consumption of cheap, strong liquor by men.",
+    "correct": false
+  },
+  {
+    "question": "What organization led the campaign for prohibition of alcohol, and what was its achievement?",
+    "answer": "The Women’s Christian Temperance Union (WCTU), which organized rallies and helped secure a ban on liquor sales during World War I.",
+    "correct": false
+  },
+  {
+    "question": "Who was Nellie McClung, and what cause did she champion?",
+    "answer": "A suffragist leader in Manitoba who fought for women’s right to vote and organized a mock legislative debate to expose anti-suffrage arguments.",
+    "correct": false
+  },
+  {
+    "question": "What argument did Premier Roblin use against women’s suffrage in Manitoba?",
+    "answer": "He claimed political equality would cause domestic strife, break up homes, and that most women were too emotional and misguided to vote responsibly.",
+    "correct": false
+  },
+  {
+    "question": "When did Manitoba women finally gain the right to vote?",
+    "answer": "January 27, 1916, with the passage of the Enfranchisement of Women Act.",
+    "correct": false
+  },
+  {
+    "question": "How did Kathleen “Kit” Coleman break gender stereotypes in journalism?",
+    "answer": "She reported from the front lines of the Spanish-American War, writing about troop hardships despite military concerns about propriety.",
+    "correct": false
+  },
+  {
+    "question": "What expertise made E. Cora Hind notable as a journalist?",
+    "answer": "As an agricultural editor, she gained a reputation for accurately estimating grain harvest sizes.",
+    "correct": false
+  },
+  {
+    "question": "In what types of paid work were women employed outside the home by the early 1900s?",
+    "answer": "Factory workers, telephone operators, sales clerks, teachers, nurses, and civil servants.",
+    "correct": false
+  },
+  {
+    "question": "Why was the Canadian Labour Federation formed in 1902?",
+    "answer": "To create a distinctly Canadian labour organization and reduce dependence on American-based unions.",
+    "correct": false
+  },
+  {
+    "question": "How were most Québec unions organized around 1900?",
+    "answer": "Under the control of the Roman Catholic Church, using small unions that sought compromise rather than strikes.",
+    "correct": false
+  },
+  {
+    "question": "What were some notable strikes in Canada in the early 1900s?",
+    "answer": "A Québec City shoe factory strike in 1901, Montréal longshoremen in 1903, the violent Toronto streetcar workers’ strike of 1902, and the 1907 female telephone operators’ strike.",
+    "correct": false
+  },
+  {
+    "question": "What demands did the female telephone operators make in their 1907 strike?",
+    "answer": "They demanded a six-hour workday and higher wages.",
+    "correct": false
+  }
+
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Overview/flashcards04.html b/pages/modules/Overview/flashcards04.html
new file mode 100644
index 0000000000000000000000000000000000000000..ba7a7086c7989e27e7ae37baf31c555041b0b664
--- /dev/null
+++ b/pages/modules/Overview/flashcards04.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+
+
+
+
+
+  <script>
+    // sample flashcards
+    const flashcards =
+[
+{
+"question": "Who was Sir Wilfrid Laurier and what was his stance on French-Canadian rights and imperial centralization?",
+"answer": "Elected in 1896 as Canada’s first French-Canadian prime minister, Laurier championed French-Canadian rights, admired British institutions, and resisted Joseph Chamberlain’s efforts to centralize the empire to avoid divisive issues at home.",
+"correct": false
+},
+{
+"question": "What events triggered the South African (Boer) War in 1899?",
+"answer": "The discovery of diamonds and then gold in Boer-held territories, Boer moves toward Germany, and British troop deployments—ignoring Boer demands to withdraw—led to Boer raids on British territory and war in October 1899.",
+"correct": false
+},
+{
+"question": "How did the Boer fighters challenge the larger British force during the war?",
+"answer": "The Boers used small, well-organized commando units on familiar terrain, employing hit-and-run tactics, benefiting from civilian support, and exploiting the British troops’ unfamiliarity with climate and geography.",
+"correct": false
+},
+{
+"question": "What divisions existed among Canadians over participation in the Boer War?",
+"answer": "English Canadians demanded a formal expedition to support Britain, while many French Canadians were ambivalent or supported the Boers’ right to self-determination; Henri Bourassa argued Canada should avoid imperial wars.",
+"correct": false
+},
+{
+"question": "What compromise did Laurier make to involve Canada in the Boer War?",
+"answer": "He offered to equip, train, and transport a volunteer force—initially 1,000 but ultimately 7,000 troops—under British command, allowing English Canadians to serve without obligating French Canadians to enlist.",
+"correct": false
+},
+{
+"question": "What were the outcomes and criticisms of Canada’s contribution to the Boer War?",
+"answer": "Canadian volunteers were commended and helped capture Pretoria; the war ended in 1902 with relief, but English Canadians felt the force was too informal, and French Canadians viewed it as oppressive and feared future imperial entanglements.",
+"correct": false
+},
+{
+"question": "What was the Alaska Boundary Dispute and why did it arise?",
+"answer": "After the U.S. purchased Alaska from Russia in 1867, gold discoveries in the panhandle led Americans to claim a border farther into Canadian territory, while Canada favored a line closer to the coast; talks since 1899 stalled.",
+"correct": false
+},
+{
+"question": "Why did Britain side with the United States in the Alaska Boundary Dispute, and how did Canada react?",
+"answer": "Seeking improved U.S. relations after the costly Boer War, Britain accepted the American border claim; Canadians were outraged that Britain sacrificed their colonial interests for diplomatic expediency.",
+"correct": false
+},
+{
+"question": "What was the ‘Naval Question’ facing Canada and Britain in the early 1900s?",
+"answer": "Britain’s naval supremacy was challenged by Germany’s new dreadnoughts, and London requested colonial contributions; English Canadians supported funding, while French Canadians opposed spending on an imperial navy.",
+"correct": false
+},
+{
+"question": "What did Laurier’s Naval Service Bill propose in response to the imperial naval funding request?",
+"answer": "It authorized Canada to build a domestic navy of five cruisers and six destroyers under Canadian control, with the proviso that they be placed at Britain’s disposal in case of imperial need.",
+"correct": false
+},
+{
+"question": "How did Canadian political parties react to Laurier’s naval proposals, and what followed by 1910 and 1914?",
+"answer": "The Conservatives mocked the small Canadian navy; by 1910 two veteran British cruisers were acquired under Laurier’s plan, and in 1914 Borden’s broader Naval Aid Bill was rejected by the Liberal-dominated Senate.",
+"correct": false
+},
+{
+"question": "How did Laurier view Canada’s status within the British Empire at the turn of the century?",
+"answer": "He was content with Canada as a self-governing dominion controlling most domestic affairs, while Britain retained treaty-making power; he even accepted a knighthood after the 1897 Jubilee.",
+"correct": false
+},
+{
+"question": "Who was Joseph Chamberlain and what did he advocate regarding the British Empire?",
+"answer": "As British colonial secretary, Chamberlain sought to centralize imperial economic, political, and military power—a vision Laurier opposed to maintain Canada’s autonomy and national unity.",
+"correct": false
+}
+
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/pages/modules/Overview/flashcards05.html b/pages/modules/Overview/flashcards05.html
new file mode 100644
index 0000000000000000000000000000000000000000..ca5ae471f5b0f0d578f8b2430f465601484b621c
--- /dev/null
+++ b/pages/modules/Overview/flashcards05.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Canadian History Flashcards</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f0f0f0;
+      margin: 0;
+      padding: 20px;
+    }
+    h1 {
+      text-align: center;
+    }
+    .flashcard {
+      position: relative;
+      width: 400px;
+      height: 400px;
+      margin: 40px auto;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      font-size: 18px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .checkmark {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      font-size: 24px;
+      color: gray;
+      cursor: pointer;
+    }
+    #controls {
+      text-align: center;
+      margin-top: 20px;
+    }
+    #controls button {
+      padding: 8px 16px;
+      margin: 0 10px;
+      font-size: 16px;
+    }
+    #controls button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  </style>
+</head>
+<body>
+  <div id="flashcard" class="flashcard">
+    <div id="checkmark" class="checkmark">✔</div>
+    <div id="content"></div>
+  </div>
+
+  <div id="controls">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+  </div>
+
+
+
+
+
+
+  <script>
+    // sample flashcards
+    const flashcards = 
+
+[
+  {
+    "question": "Which elections did Sir Wilfrid Laurier win between 1896 and 1908, and what was a key factor in his success?",
+    "answer": "He won in 1896, 1900, 1904, and 1908, largely because economic growth—driven by immigration, prairie wheat production, and rising world demand—boosted his popularity.",
+    "correct": false
+  },
+  {
+    "question": "How did immigration and Marquis wheat contribute to Canada’s economy under Laurier?",
+    "answer": "Immigration increased the prairie population, farmers grew high-yield Marquis wheat for an expanding world grain market, and purchased more farm machinery, fueling economic growth.",
+    "correct": false
+  },
+  {
+    "question": "What is a tariff, and how did it affect the price of ploughs for western farmers?",
+    "answer": "A tariff is a tax on imports; by taxing U.S. ploughs to raise their price from $60 to $80, it made the $75 Canadian-made plough the cheaper option.",
+    "correct": false
+  },
+  {
+    "question": "Which regions benefited from Canada’s high tariffs, and which groups were hurt by them?",
+    "answer": "Manufacturing centres in Ontario and Québec benefited, while western farmers and consumers in other regions suffered from higher equipment and freight costs.",
+    "correct": false
+  },
+  {
+    "question": "Why was the Grain Growers’ Association formed in 1909?",
+    "answer": "After grain prices fell, western farmers organized the Grain Growers’ Association to pressure the government for tariff relief and lower farm-equipment costs.",
+    "correct": false
+  },
+  {
+    "question": "What was the goal of Laurier’s reciprocity negotiations with the United States?",
+    "answer": "To establish free trade on many products by reducing tariffs, opening U.S. access to Canadian markets and giving Canadians cheaper American goods.",
+    "correct": false
+  },
+  {
+    "question": "What benefits did proponents claim the reciprocity agreement would bring?",
+    "answer": "It would spur Canadian firms to improve quality and prices, increase consumer choice, reduce costs, and expand markets on both sides of the border.",
+    "correct": false
+  },
+  {
+    "question": "Which organizations led the opposition to reciprocity, and how did they mobilize?",
+    "answer": "The Montreal Board of Trade, Dominion Millers’ Association, railways, and the Canadian Manufacturers’ Association formed the Canadian Home Manufacturers’ Association and campaigned against it.",
+    "correct": false
+  },
+  {
+    "question": "What economic arguments did manufacturers use to oppose reciprocity?",
+    "answer": "They warned that cheaper American goods would flood Canada, bankrupt domestic firms, close branch plants, cause unemployment, and weaken the economy.",
+    "correct": false
+  },
+  {
+    "question": "How was the reciprocity agreement portrayed as disloyal to the British Empire?",
+    "answer": "Critics claimed it would undermine imperial free trade plans, weaken ties to Britain, and betray Canadian loyalty to the Empire.",
+    "correct": false
+  },
+  {
+    "question": "What effect did the Missouri Legislature Speaker’s statement have on the reciprocity debate?",
+    "answer": "His Manifest Destiny remark—that he hoped the U.S. flag would fly over Canada—stoked fears of annexation and fueled emotional opposition to reciprocity.",
+    "correct": false
+  },
+  {
+    "question": "How did the anti-reciprocity campaign combine emotional and economic appeals?",
+    "answer": "It warned of job losses and bankruptcies while invoking loyalty to Britain and fear of American domination to sway public opinion.",
+    "correct": false
+  },
+  {
+    "question": "What role did central Canadian manufacturers and Liberal businessmen play in defeating reciprocity?",
+    "answer": "They lobbied workers, funded anti-reciprocity campaigns, and 18 prominent Liberal businessmen publicly denounced the agreement as economic suicide and disloyal.",
+    "correct": false
+  },
+  {
+    "question": "What was the outcome of the 1911 federal election regarding reciprocity?",
+    "answer": "Laurier’s Liberals were defeated; the Conservatives won 72 of 85 Ontario seats and gained support in Québec, leading to the pact’s rejection.",
+    "correct": false
+  },
+  {
+    "question": "How did Robert Borden’s government respond to the reciprocity issue after 1911?",
+    "answer": "They scrapped the reciprocity agreement, maintained high tariffs, and promised western farmers some relief and an inquiry into railway rates.",
+    "correct": false
+  },
+  {
+    "question": "When did the reciprocity debate resurface in Canadian politics?",
+    "answer": "Not until the late 1980s, when many of the same pro- and anti-free trade arguments reemerged.",
+    "correct": false
+  },
+  {
+    "question": "What were Robert Borden’s priorities and challenges early in his term as Prime Minister?",
+    "answer": "He aimed to resolve Laurier’s unfinished issues, improve U.S. relations, compromise on naval policy, and administer the country well but was soon tested by global events.",
+    "correct": false
+  }
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+    let currentIndex = 0;
+    let showAnswer = false;
+
+    const cardEl    = document.getElementById('flashcard');
+    const contentEl = document.getElementById('content');
+    const checkEl   = document.getElementById('checkmark');
+    const prevBtn   = document.getElementById('prev');
+    const nextBtn   = document.getElementById('next');
+
+    function renderCard() {
+      const card = flashcards[currentIndex];
+
+      if (showAnswer) {
+        contentEl.textContent = card.answer;
+        checkEl.style.display = 'none';
+      } else {
+        contentEl.textContent = card.question;
+        checkEl.style.display = 'block';
+        checkEl.style.color = card.correct ? 'green' : 'gray';
+      }
+
+      prevBtn.disabled = currentIndex === 0;
+      nextBtn.disabled = currentIndex === flashcards.length - 1;
+    }
+
+    // Flip card on click (except when clicking the checkmark)
+    cardEl.addEventListener('click', () => {
+      showAnswer = !showAnswer;
+      renderCard();
+    });
+
+    // Toggle correct mark
+    checkEl.addEventListener('click', e => {
+      e.stopPropagation(); // don't also flip the card
+      flashcards[currentIndex].correct = !flashcards[currentIndex].correct;
+      renderCard();
+    });
+
+    prevBtn.addEventListener('click', () => {
+      if (currentIndex > 0) {
+        currentIndex--;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    nextBtn.addEventListener('click', () => {
+      if (currentIndex < flashcards.length - 1) {
+        currentIndex++;
+        showAnswer = false;
+        renderCard();
+      }
+    });
+
+    // Initial display
+    renderCard();
+  </script>
+</body>
+</html>
\ No newline at end of file