From 450545c3b142067ed4b51cc7ee9bf6e0530ddc59 Mon Sep 17 00:00:00 2001
From: CorgiStrike <martysanin@gmail.com>
Date: Wed, 26 Nov 2025 19:52:45 -0500
Subject: [PATCH 1/3] initialized all year files

---
 .../1-foundational-era/1992-maize-craze.md    |  1 +
 .../1-foundational-era/1993-rug-rage.md       |  1 +
 .../1-foundational-era/1994-tower-power.md    |  1 +
 .../1-foundational-era/1995-ramp-n-roll.md    |  1 +
 .../1-foundational-era/1996-hexagon-havoc.md  |  1 +
 .../1-foundational-era/1997-toroid-terror.md  |  1 +
 .../1-foundational-era/1998-double-trouble.md |  1 +
 .../1-foundational-era/1999-ladder-logic.md   |  1 +
 .../2000-coopertition-first.md                |  1 +
 .../2001-diabolical-dynamics.md               |  1 +
 .../1-foundational-era/2002-zone-zeal.md      |  1 +
 .../2-alliance-era/2003-stack-attack.md       |  1 +
 .../2-alliance-era/2004-first-frenzy.md       |  1 +
 .../2-alliance-era/2005-triple-play.md        |  1 +
 .../2-alliance-era/2006-aim-high.md           |  1 +
 .../2-alliance-era/2007-rack-n-roll.md        |  1 +
 .../3-control-era/2008-first-overdrive.md     |  1 +
 .../game-history/3-control-era/2009-lunacy.md |  1 +
 .../3-control-era/2010-breakaway.md           |  1 +
 .../3-control-era/2011-logo-motion.md         |  1 +
 .../3-control-era/2012-rebound-rumble.md      |  1 +
 .../3-control-era/2013-ultimate-ascent.md     |  1 +
 .../3-control-era/2014-aerial-assist.md       |  1 +
 .../3-control-era/2015-recycle-rush.md        |  1 +
 .../4-disney-era/2016-stronghold.md           |  1 +
 .../4-disney-era/2017-steamworks.md           |  1 +
 .../4-disney-era/2018-power-up.md             |  1 +
 .../4-disney-era/2019-deep-space.md           |  1 +
 .../4-disney-era/2020-infinite-recharge.md    |  1 +
 .../5-modern-era/2022-rapid-react.md          |  1 +
 .../5-modern-era/2023-charged-up.md           |  1 +
 .../5-modern-era/2024-crescendo.md            |  1 +
 .../5-modern-era/2025-reefscape.md            |  1 +
 docs/resources/game-history/overview.md       | 10 +++++
 docs/resources/gameHistory.md                 |  5 ---
 mkdocs.yml                                    | 43 +++++++++++++++++++
 36 files changed, 86 insertions(+), 5 deletions(-)
 create mode 100644 docs/resources/game-history/1-foundational-era/1992-maize-craze.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1993-rug-rage.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1994-tower-power.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1995-ramp-n-roll.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1996-hexagon-havoc.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1997-toroid-terror.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1998-double-trouble.md
 create mode 100644 docs/resources/game-history/1-foundational-era/1999-ladder-logic.md
 create mode 100644 docs/resources/game-history/1-foundational-era/2000-coopertition-first.md
 create mode 100644 docs/resources/game-history/1-foundational-era/2001-diabolical-dynamics.md
 create mode 100644 docs/resources/game-history/1-foundational-era/2002-zone-zeal.md
 create mode 100644 docs/resources/game-history/2-alliance-era/2003-stack-attack.md
 create mode 100644 docs/resources/game-history/2-alliance-era/2004-first-frenzy.md
 create mode 100644 docs/resources/game-history/2-alliance-era/2005-triple-play.md
 create mode 100644 docs/resources/game-history/2-alliance-era/2006-aim-high.md
 create mode 100644 docs/resources/game-history/2-alliance-era/2007-rack-n-roll.md
 create mode 100644 docs/resources/game-history/3-control-era/2008-first-overdrive.md
 create mode 100644 docs/resources/game-history/3-control-era/2009-lunacy.md
 create mode 100644 docs/resources/game-history/3-control-era/2010-breakaway.md
 create mode 100644 docs/resources/game-history/3-control-era/2011-logo-motion.md
 create mode 100644 docs/resources/game-history/3-control-era/2012-rebound-rumble.md
 create mode 100644 docs/resources/game-history/3-control-era/2013-ultimate-ascent.md
 create mode 100644 docs/resources/game-history/3-control-era/2014-aerial-assist.md
 create mode 100644 docs/resources/game-history/3-control-era/2015-recycle-rush.md
 create mode 100644 docs/resources/game-history/4-disney-era/2016-stronghold.md
 create mode 100644 docs/resources/game-history/4-disney-era/2017-steamworks.md
 create mode 100644 docs/resources/game-history/4-disney-era/2018-power-up.md
 create mode 100644 docs/resources/game-history/4-disney-era/2019-deep-space.md
 create mode 100644 docs/resources/game-history/4-disney-era/2020-infinite-recharge.md
 create mode 100644 docs/resources/game-history/5-modern-era/2022-rapid-react.md
 create mode 100644 docs/resources/game-history/5-modern-era/2023-charged-up.md
 create mode 100644 docs/resources/game-history/5-modern-era/2024-crescendo.md
 create mode 100644 docs/resources/game-history/5-modern-era/2025-reefscape.md
 create mode 100644 docs/resources/game-history/overview.md
 delete mode 100644 docs/resources/gameHistory.md

diff --git a/docs/resources/game-history/1-foundational-era/1992-maize-craze.md b/docs/resources/game-history/1-foundational-era/1992-maize-craze.md
new file mode 100644
index 000000000..172759bad
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1992-maize-craze.md
@@ -0,0 +1 @@
+maize craze
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1993-rug-rage.md b/docs/resources/game-history/1-foundational-era/1993-rug-rage.md
new file mode 100644
index 000000000..daf27e23e
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1993-rug-rage.md
@@ -0,0 +1 @@
+rug rage
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1994-tower-power.md b/docs/resources/game-history/1-foundational-era/1994-tower-power.md
new file mode 100644
index 000000000..3846c4bba
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1994-tower-power.md
@@ -0,0 +1 @@
+tower power
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1995-ramp-n-roll.md b/docs/resources/game-history/1-foundational-era/1995-ramp-n-roll.md
new file mode 100644
index 000000000..4c9469e68
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1995-ramp-n-roll.md
@@ -0,0 +1 @@
+ramp n roll
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1996-hexagon-havoc.md b/docs/resources/game-history/1-foundational-era/1996-hexagon-havoc.md
new file mode 100644
index 000000000..5748e70fd
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1996-hexagon-havoc.md
@@ -0,0 +1 @@
+hexagon havoc
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1997-toroid-terror.md b/docs/resources/game-history/1-foundational-era/1997-toroid-terror.md
new file mode 100644
index 000000000..de2157b98
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1997-toroid-terror.md
@@ -0,0 +1 @@
+toroid terror
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1998-double-trouble.md b/docs/resources/game-history/1-foundational-era/1998-double-trouble.md
new file mode 100644
index 000000000..1fe93df5f
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1998-double-trouble.md
@@ -0,0 +1 @@
+double trouble
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/1999-ladder-logic.md b/docs/resources/game-history/1-foundational-era/1999-ladder-logic.md
new file mode 100644
index 000000000..f37a37efa
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/1999-ladder-logic.md
@@ -0,0 +1 @@
+ladder logic
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/2000-coopertition-first.md b/docs/resources/game-history/1-foundational-era/2000-coopertition-first.md
new file mode 100644
index 000000000..c8ec63c64
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/2000-coopertition-first.md
@@ -0,0 +1 @@
+coopertition first
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/2001-diabolical-dynamics.md b/docs/resources/game-history/1-foundational-era/2001-diabolical-dynamics.md
new file mode 100644
index 000000000..4c42bf68b
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/2001-diabolical-dynamics.md
@@ -0,0 +1 @@
+diabolical dynamics
\ No newline at end of file
diff --git a/docs/resources/game-history/1-foundational-era/2002-zone-zeal.md b/docs/resources/game-history/1-foundational-era/2002-zone-zeal.md
new file mode 100644
index 000000000..99e2e2865
--- /dev/null
+++ b/docs/resources/game-history/1-foundational-era/2002-zone-zeal.md
@@ -0,0 +1 @@
+zone zeal
\ No newline at end of file
diff --git a/docs/resources/game-history/2-alliance-era/2003-stack-attack.md b/docs/resources/game-history/2-alliance-era/2003-stack-attack.md
new file mode 100644
index 000000000..b36fc309c
--- /dev/null
+++ b/docs/resources/game-history/2-alliance-era/2003-stack-attack.md
@@ -0,0 +1 @@
+stack attack
\ No newline at end of file
diff --git a/docs/resources/game-history/2-alliance-era/2004-first-frenzy.md b/docs/resources/game-history/2-alliance-era/2004-first-frenzy.md
new file mode 100644
index 000000000..2d3ad7a38
--- /dev/null
+++ b/docs/resources/game-history/2-alliance-era/2004-first-frenzy.md
@@ -0,0 +1 @@
+first frenzy
\ No newline at end of file
diff --git a/docs/resources/game-history/2-alliance-era/2005-triple-play.md b/docs/resources/game-history/2-alliance-era/2005-triple-play.md
new file mode 100644
index 000000000..dce3c8bdb
--- /dev/null
+++ b/docs/resources/game-history/2-alliance-era/2005-triple-play.md
@@ -0,0 +1 @@
+triple play
\ No newline at end of file
diff --git a/docs/resources/game-history/2-alliance-era/2006-aim-high.md b/docs/resources/game-history/2-alliance-era/2006-aim-high.md
new file mode 100644
index 000000000..95f84a0c9
--- /dev/null
+++ b/docs/resources/game-history/2-alliance-era/2006-aim-high.md
@@ -0,0 +1 @@
+aim high
\ No newline at end of file
diff --git a/docs/resources/game-history/2-alliance-era/2007-rack-n-roll.md b/docs/resources/game-history/2-alliance-era/2007-rack-n-roll.md
new file mode 100644
index 000000000..45824064f
--- /dev/null
+++ b/docs/resources/game-history/2-alliance-era/2007-rack-n-roll.md
@@ -0,0 +1 @@
+rack n roll
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2008-first-overdrive.md b/docs/resources/game-history/3-control-era/2008-first-overdrive.md
new file mode 100644
index 000000000..74af23e04
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2008-first-overdrive.md
@@ -0,0 +1 @@
+first overdrive
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2009-lunacy.md b/docs/resources/game-history/3-control-era/2009-lunacy.md
new file mode 100644
index 000000000..7e51a0f3e
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2009-lunacy.md
@@ -0,0 +1 @@
+lunacy
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2010-breakaway.md b/docs/resources/game-history/3-control-era/2010-breakaway.md
new file mode 100644
index 000000000..99aae2e0b
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2010-breakaway.md
@@ -0,0 +1 @@
+breakaway
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2011-logo-motion.md b/docs/resources/game-history/3-control-era/2011-logo-motion.md
new file mode 100644
index 000000000..55155bd2e
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2011-logo-motion.md
@@ -0,0 +1 @@
+logo motion
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2012-rebound-rumble.md b/docs/resources/game-history/3-control-era/2012-rebound-rumble.md
new file mode 100644
index 000000000..3e7b0e7da
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2012-rebound-rumble.md
@@ -0,0 +1 @@
+rebound rumble
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2013-ultimate-ascent.md b/docs/resources/game-history/3-control-era/2013-ultimate-ascent.md
new file mode 100644
index 000000000..796ade18e
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2013-ultimate-ascent.md
@@ -0,0 +1 @@
+ultimate ascent
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2014-aerial-assist.md b/docs/resources/game-history/3-control-era/2014-aerial-assist.md
new file mode 100644
index 000000000..e0c8e90ad
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2014-aerial-assist.md
@@ -0,0 +1 @@
+aerial assist
\ No newline at end of file
diff --git a/docs/resources/game-history/3-control-era/2015-recycle-rush.md b/docs/resources/game-history/3-control-era/2015-recycle-rush.md
new file mode 100644
index 000000000..c735d6dea
--- /dev/null
+++ b/docs/resources/game-history/3-control-era/2015-recycle-rush.md
@@ -0,0 +1 @@
+recycle rush
\ No newline at end of file
diff --git a/docs/resources/game-history/4-disney-era/2016-stronghold.md b/docs/resources/game-history/4-disney-era/2016-stronghold.md
new file mode 100644
index 000000000..81738369b
--- /dev/null
+++ b/docs/resources/game-history/4-disney-era/2016-stronghold.md
@@ -0,0 +1 @@
+stronghold
\ No newline at end of file
diff --git a/docs/resources/game-history/4-disney-era/2017-steamworks.md b/docs/resources/game-history/4-disney-era/2017-steamworks.md
new file mode 100644
index 000000000..1727c83b0
--- /dev/null
+++ b/docs/resources/game-history/4-disney-era/2017-steamworks.md
@@ -0,0 +1 @@
+steamworks
\ No newline at end of file
diff --git a/docs/resources/game-history/4-disney-era/2018-power-up.md b/docs/resources/game-history/4-disney-era/2018-power-up.md
new file mode 100644
index 000000000..17c1d2039
--- /dev/null
+++ b/docs/resources/game-history/4-disney-era/2018-power-up.md
@@ -0,0 +1 @@
+power up
\ No newline at end of file
diff --git a/docs/resources/game-history/4-disney-era/2019-deep-space.md b/docs/resources/game-history/4-disney-era/2019-deep-space.md
new file mode 100644
index 000000000..25e19ab99
--- /dev/null
+++ b/docs/resources/game-history/4-disney-era/2019-deep-space.md
@@ -0,0 +1 @@
+deep space
\ No newline at end of file
diff --git a/docs/resources/game-history/4-disney-era/2020-infinite-recharge.md b/docs/resources/game-history/4-disney-era/2020-infinite-recharge.md
new file mode 100644
index 000000000..6d86b583f
--- /dev/null
+++ b/docs/resources/game-history/4-disney-era/2020-infinite-recharge.md
@@ -0,0 +1 @@
+infinite recharge
\ No newline at end of file
diff --git a/docs/resources/game-history/5-modern-era/2022-rapid-react.md b/docs/resources/game-history/5-modern-era/2022-rapid-react.md
new file mode 100644
index 000000000..34ccc66c6
--- /dev/null
+++ b/docs/resources/game-history/5-modern-era/2022-rapid-react.md
@@ -0,0 +1 @@
+rapid react
\ No newline at end of file
diff --git a/docs/resources/game-history/5-modern-era/2023-charged-up.md b/docs/resources/game-history/5-modern-era/2023-charged-up.md
new file mode 100644
index 000000000..f670ba2ea
--- /dev/null
+++ b/docs/resources/game-history/5-modern-era/2023-charged-up.md
@@ -0,0 +1 @@
+charged up
\ No newline at end of file
diff --git a/docs/resources/game-history/5-modern-era/2024-crescendo.md b/docs/resources/game-history/5-modern-era/2024-crescendo.md
new file mode 100644
index 000000000..82fbcb42d
--- /dev/null
+++ b/docs/resources/game-history/5-modern-era/2024-crescendo.md
@@ -0,0 +1 @@
+crescendo
\ No newline at end of file
diff --git a/docs/resources/game-history/5-modern-era/2025-reefscape.md b/docs/resources/game-history/5-modern-era/2025-reefscape.md
new file mode 100644
index 000000000..d0847d991
--- /dev/null
+++ b/docs/resources/game-history/5-modern-era/2025-reefscape.md
@@ -0,0 +1 @@
+reefscape
\ No newline at end of file
diff --git a/docs/resources/game-history/overview.md b/docs/resources/game-history/overview.md
new file mode 100644
index 000000000..744c6902a
--- /dev/null
+++ b/docs/resources/game-history/overview.md
@@ -0,0 +1,10 @@
+---
+title: Game History
+description: An in-depth look at the history of FRC games.
+---
+
+# Game History
+
+WIP
+
+<br>
\ No newline at end of file
diff --git a/docs/resources/gameHistory.md b/docs/resources/gameHistory.md
deleted file mode 100644
index 86ce5bc8d..000000000
--- a/docs/resources/gameHistory.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Game History
-
-WIP
-
-<br>
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 2326024ae..f6cdb34c7 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -366,6 +366,49 @@ nav:
           - Featurescript List: resources/featurescripts.md
           - Featurescript Help: resources/featurescript-help.md
 
+      - Game History:
+        - "Overview": resources/game-history/overview.md
+        #every section title before 2016 could be changed; their names aren't great
+        - "Foundational Era (1992-2002)":
+            - "Maize Craze (1992)": resources/game-history/1-foundational-era/1992-maize-craze.md
+            - "Rug Rage (1993)": resources/game-history/1-foundational-era/1993-rug-rage.md
+            - "Tower Power (1994)": resources/game-history/1-foundational-era/1994-tower-power.md
+            - "Ramp 'n Roll (1995)": resources/game-history/1-foundational-era/1995-ramp-n-roll.md
+            - "Hexagon Havoc (1996)": resources/game-history/1-foundational-era/1996-hexagon-havoc.md
+            - "Toroid Terror (1997)": resources/game-history/1-foundational-era/1997-toroid-terror.md
+            - "Double Trouble (1998)": resources/game-history/1-foundational-era/1998-double-trouble.md
+            - "Ladder Logic (1999)": resources/game-history/1-foundational-era/1999-ladder-logic.md
+            - "Co-Opertition FIRST (2000)": resources/game-history/1-foundational-era/2000-coopertition-first.md
+            - "Diabolical Dynamics (2001)": resources/game-history/1-foundational-era/2001-diabolical-dynamics.md
+            - "Zone Zeal (2002)": resources/game-history/1-foundational-era/2002-zone-zeal.md
+        - "Alliance Era (2003-2007)":
+            - "Stack Attack (2003)": resources/game-history/2-alliance-era/2003-stack-attack.md
+            - "FIRST Frenzy: Raising the Bar (2004)": resources/game-history/2-alliance-era/2004-first-frenzy.md
+            - "Triple Play (2005)": resources/game-history/2-alliance-era/2005-triple-play.md
+            - "Aim High (2006)": resources/game-history/2-alliance-era/2006-aim-high.md
+            - "Rack 'n Roll (2007)": resources/game-history/2-alliance-era/2007-rack-n-roll.md
+        - "Control Era (2008-2015)":
+            - "FIRST Overdrive (2008)": resources/game-history/3-control-era/2008-first-overdrive.md
+            - "Lunacy (2009)": resources/game-history/3-control-era/2009-lunacy.md
+            - "Breakaway (2010)": resources/game-history/3-control-era/2010-breakaway.md
+            - "Logo Motion (2011)": resources/game-history/3-control-era/2011-logo-motion.md
+            - "Rebound Rumble (2012)": resources/game-history/3-control-era/2012-rebound-rumble.md
+            - "Ultimate Ascent (2013)": resources/game-history/3-control-era/2013-ultimate-ascent.md
+            - "Aerial Assist (2014)": resources/game-history/3-control-era/2014-aerial-assist.md
+            - "Recycle Rush (2015)": resources/game-history/3-control-era/2015-recycle-rush.md
+        - "Disney Era (2016-2021)":
+            - "FIRST Stronghold (2016)": resources/game-history/4-disney-era/2016-stronghold.md
+            - "FIRST Steamworks (2017)": resources/game-history/4-disney-era/2017-steamworks.md
+            - "FIRST Power Up (2018)": resources/game-history/4-disney-era/2018-power-up.md
+            - "Destination: Deep Space (2019)": resources/game-history/4-disney-era/2019-deep-space.md
+            - "Infinite Recharge (2020/2021)": resources/game-history/4-disney-era/2020-infinite-recharge.md
+        - "Modern Era (2022-Present)":
+            - "Rapid React (2022)": resources/game-history/5-modern-era/2022-rapid-react.md
+            - "Charged Up (2023)": resources/game-history/5-modern-era/2023-charged-up.md
+            - "Crescendo (2024)": resources/game-history/5-modern-era/2024-crescendo.md
+            - "Reefscape (2025)": resources/game-history/5-modern-era/2025-reefscape.md
+
+
       - Design Challenges:
           - Overview: resources/design-challenges/overview.md
           - Week 1 | Swerve Drivebase: resources/design-challenges/week1.md

From c35de993f1506cf5916685596833604cec47b5f3 Mon Sep 17 00:00:00 2001
From: CorgiStrike <martysanin@gmail.com>
Date: Fri, 28 Nov 2025 23:18:33 -0500
Subject: [PATCH 2/3] added most searching functionality

want to clean up tags (in progress)
want to clean up display (displaying 34 cards is a yikes)
---
 docs/resources/game-history/games.json  | 127 ++++++
 docs/resources/game-history/overview.md | 488 +++++++++++++++++++++++-
 2 files changed, 613 insertions(+), 2 deletions(-)
 create mode 100644 docs/resources/game-history/games.json

diff --git a/docs/resources/game-history/games.json b/docs/resources/game-history/games.json
new file mode 100644
index 000000000..df03cc7cc
--- /dev/null
+++ b/docs/resources/game-history/games.json
@@ -0,0 +1,127 @@
+[
+  {
+    "slug": "2025-reefscape",
+    "year": 2025,
+    "name": "Reefscape",
+    "type": ["Pick and Place"],
+    "tags": [
+        {"type": "game piece", "name":"large ball"}, 
+        {"type": "game piece", "name":"pipe"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"half field"}
+    ],
+    "desc": "Two alliances compete to score coral on the reef and algae in the net or processor. At the end of the match, robots can climb on a shallow or deep cage."
+  },
+  {
+    "slug": "2024-crescendo",
+    "year": 2024,
+    "name": "Crescendo",
+    "type": ["Shooter"],
+    "tags": [
+        {"type": "game piece", "name":"disc"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": ""
+  },
+  {
+    "slug": "2023-charged-up",
+    "year": 2023,
+    "name": "Charged Up",
+    "type": ["Pick and Place"],
+    "tags": [
+        {"type": "game piece", "name":"cone"}, 
+        {"type": "game piece", "name":"cube"}, 
+        {"type": "endgame", "name":"balance"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": ""
+  },
+  {
+    "slug": "2022-rapid-react",
+    "year": 2022,
+    "name": "Rapid React",
+    "type": ["Shooter"],
+    "tags": [
+        {"type": "game piece", "name":"large ball"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": ""
+  },
+  {
+    "slug": "2020-infinite-recharge",
+    "year": 2020,
+    "name": "Infinite Recharge",
+    "type": ["Shooter"],
+    "tags": [
+        {"type": "game piece", "name":"medium ball"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": ""
+  },
+  {
+    "slug": "2019-deep-space",
+    "year": 2019,
+    "name": "Destination: Deep Space",
+    "type": ["Pick and Place"],
+    "tags": [
+        {"type": "game piece", "name":"disc"}, 
+        {"type": "game piece", "name":"large ball"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": "Two alliances compete to score cargo and hatch panels on their rocket and cargo ship. At the end of the match, robots can climb on their hab platform."
+  },
+  {
+    "slug": "2018-power-up",
+    "year": 2018,
+    "name": "FIRST Power Up",
+    "type": ["Pick and Place"],
+    "tags": [
+        {"type": "game piece", "name":"cube"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": "Two alliances compete to score power cubes on their switch and scale, exchanging some for power-ups. At the end of the match, robots can climb on their rungs."
+  },
+  {
+    "slug": "2017-steamworks",
+    "year": 2017,
+    "name": "FIRST Steamworks",
+    "type": ["Pick and Place", "Shooter"],
+    "tags": [
+        {"type": "game piece", "name":"gear"}, 
+        {"type": "game piece", "name":"small ball"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": "Two alliances compete to score gears in their airship and fuel in their boiler. At the end of the match, robots can climb aboard their airship by rope."
+  },
+  {
+    "slug": "2016-stronghold",
+    "year": 2016,
+    "name": "FIRST Stronghold",
+    "type": ["Shooter"],
+    "tags": [
+        {"type": "game piece", "name":"medium ball"}, 
+        {"type": "endgame", "name":"climb"}, 
+        {"type": "field", "name":"full field"}
+    ],
+    "desc": "Two alliances compete to score boulders in their towers while destroying their opponents' defenses. At the end of the match, robots can scale their opponent's tower."
+  },
+  {
+    "slug": "2015-recycle-rush",
+    "year": 2015,
+    "name": "Recycle Rush",
+    "type": ["Stacking"],
+    "tags": [
+        {"type": "game piece", "name":"tote"}, 
+        {"type": "game piece", "name":"can"}, 
+        {"type": "game piece", "name":"pool noodle"}, 
+        {"type": "field", "name":"half field"}
+    ],
+    "desc": "Two alliances compete to stack totes and cans, while littering their opponents with pool noodles."
+  }
+]
\ No newline at end of file
diff --git a/docs/resources/game-history/overview.md b/docs/resources/game-history/overview.md
index 744c6902a..751c7e546 100644
--- a/docs/resources/game-history/overview.md
+++ b/docs/resources/game-history/overview.md
@@ -5,6 +5,490 @@ description: An in-depth look at the history of FRC games.
 
 # Game History
 
-WIP
+<div id="game-widget">
+  <!-- Filters row -->
+  <div id="game-filters">
+    <input id="search" placeholder="Search...">
 
-<br>
\ No newline at end of file
+    <button id="year-sort" title="Toggle Year Order">
+      <svg id="sort-arrow" width="30" height="30" viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg" fill="#4CAE4F">
+        <path d="M14.83,9.5,12.69,6.38a.82.82,0,0,0-1.38,0L9.17,9.5A1,1,0,0,0,9.86,11H11v6a1,1,0,0,0,2,0V11h1.14A1,1,0,0,0,14.83,9.5Z"
+              style="fill:#4CAE4F; transform: scale(2); transform-origin: center;"></path>
+      </svg>
+    </button>
+
+    <button id="reset-filters" title="Reset Filters">
+      <svg viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="img">
+        <g transform="matrix(0 1 1 0 2.5 2.5)" fill="none" fill-rule="evenodd" stroke="#4CAE4F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5">
+          <path d="m3.98652376 1.07807068c-2.38377179 1.38514556-3.98652376 3.96636605-3.98652376 6.92192932 0 4.418278 3.581722 8 8 8s8-3.581722 8-8-3.581722-8-8-8"></path>
+          <path d="m4 1v4h-4" transform="matrix(1 0 0 -1 0 6)"></path>
+        </g>
+      </svg>
+    </button>
+
+    <label id="desc-toggle-label">
+      <input type="checkbox" id="desc-toggle">
+      Show Descriptions
+    </label>
+  </div>
+
+  <!-- Game list -->
+  <ul id="games-list"></ul>
+</div>
+
+<script>
+  function initGameWidget() {
+    let games = [];
+    let yearAscending = false;
+
+    const searchInput = document.getElementById("search");
+    const list = document.getElementById("games-list");
+    const sortArrow = document.getElementById("sort-arrow");
+    const yearSortButton = document.getElementById("year-sort");
+    const resetButton = document.getElementById("reset-filters");
+    const descToggleCheckbox = document.getElementById("desc-toggle");
+
+    if (!searchInput) return;
+
+    const typeButton = document.createElement('button');
+    typeButton.textContent = "Filter by Type";
+    typeButton.className = 'filter-btn';
+    const typePopup = document.createElement('div');
+    typePopup.className = 'filter-popup';
+    typePopup.style.display = 'none';
+    typeButton.appendChild(typePopup);
+
+    const tagsButton = document.createElement('button');
+    tagsButton.textContent = "Filter by Tags";
+    tagsButton.className = 'filter-btn';
+    const tagsPopup = document.createElement('div');
+    tagsPopup.className = 'filter-popup';
+    tagsPopup.style.display = 'none';
+    tagsButton.appendChild(tagsPopup);
+
+    const filtersContainer = document.getElementById("game-filters");
+    filtersContainer.appendChild(typeButton);
+    filtersContainer.appendChild(tagsButton);
+    
+    let showDescriptions = false;
+
+    descToggleCheckbox.addEventListener('change', () => {
+      showDescriptions = descToggleCheckbox.checked;
+      document.querySelectorAll('.card-desc').forEach(d => {
+        d.style.display = showDescriptions ? 'block' : 'none';
+      });
+    });
+
+    const resultsTitle = document.createElement("div");
+    resultsTitle.id = "results-title";
+    resultsTitle.style.margin = "8px 0";
+    resultsTitle.style.fontWeight = "bold";
+    resultsTitle.style.fontSize = "16px";
+    document.getElementById("game-widget").insertBefore(resultsTitle, list);
+
+    let selectedTypes = new Set();
+    let selectedTags = new Set();
+
+    function getEra(year) {
+      if (year >= 1992 && year <= 2002) return "1-foundational-era";
+      if (year >= 2003 && year <= 2007) return "2-alliance-era";
+      if (year >= 2008 && year <= 2015) return "3-control-era";
+      if (year >= 2016 && year <= 2020) return "4-disney-era";
+      return "5-modern-era";
+    }
+
+    function updateList() {
+      const searchVal = searchInput.value.toLowerCase();
+
+      const filtered = games.filter(g => {
+        const matchesSearch =
+          g.name.toLowerCase().includes(searchVal) ||
+          g.type.join(" ").toLowerCase().includes(searchVal) ||
+          g.tags.join(" ").toLowerCase().includes(searchVal) ||
+          String(g.year).includes(searchVal);
+
+        const matchesType = [...selectedTypes].every(t => g.type.includes(t));
+        const matchesTags = [...selectedTags].every(tag => g.tags.includes(tag));
+
+        return matchesSearch && matchesType && matchesTags;
+      });
+
+      filtered.sort((a, b) => yearAscending ? a.year - b.year : b.year - a.year);
+
+      resultsTitle.textContent = `${filtered.length} result${filtered.length !== 1 ? "s" : ""} match your filters`;
+
+      list.innerHTML = "";
+        filtered.forEach(g => {
+          const era = getEra(g.year);
+          const card = document.createElement("a");
+          card.href = `/resources/game-history/${era}/${g.slug}/`;
+          card.className = "game-card";
+
+          // Left side (year)
+          const left = document.createElement("div");
+          left.className = "card-left";
+          left.textContent = g.year;
+
+          // Right side (info)
+          const right = document.createElement("div");
+          right.className = "card-right";
+
+          const name = document.createElement("div");
+          name.className = "card-name";
+          name.textContent = g.name;
+
+          const types = document.createElement("div");
+          types.className = "card-types";
+          types.textContent = `Type of game: ${g.type.join(", ")}`;
+
+          const desc = document.createElement("div");
+          desc.className = "card-desc";
+          desc.textContent = g.desc;
+          desc.style.display = showDescriptions ? 'block' : 'none';
+
+          right.appendChild(name);
+          right.appendChild(types);
+          right.appendChild(desc);
+
+          card.appendChild(left);
+          card.appendChild(right);
+          list.appendChild(card);
+        });
+    }
+
+    function populateFilterPopup(popup, optionsSet, selectedSet) {
+      popup.innerHTML = "";
+      Array.from(optionsSet).sort().forEach(opt => {
+        const label = document.createElement("label");
+        label.style.display = "flex";
+        label.style.alignItems = "center";
+        label.style.margin = "2px 0";
+
+        const checkbox = document.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.value = opt;
+        checkbox.checked = selectedSet.has(opt);
+        checkbox.onchange = () => {
+          if (checkbox.checked) selectedSet.add(opt);
+          else selectedSet.delete(opt);
+          updateList();
+        };
+
+        label.appendChild(checkbox);
+        label.appendChild(document.createTextNode(opt.charAt(0).toUpperCase() + opt.slice(1)));
+        popup.appendChild(label);
+      });
+    }
+
+    function fetchAndInitFilters() {
+      fetch("/resources/game-history/games.json")
+        .then(r => r.json())
+        .then(data => {
+          games = data;
+
+          const typeSet = new Set();
+          const tagSet = new Set();
+
+          games.forEach(g => {
+            g.type.forEach(t => typeSet.add(t));
+            g.tags.forEach(tag => tagSet.add(tag));
+          });
+
+          populateFilterPopup(typePopup, typeSet, selectedTypes);
+          populateFilterPopup(tagsPopup, tagSet, selectedTags);
+
+          sortArrow.style.transform = yearAscending ? "rotate(0deg)" : "rotate(180deg)";
+          updateList();
+        });
+    }
+
+    fetchAndInitFilters();
+
+    searchInput.addEventListener('input', updateList);
+
+    yearSortButton.onclick = () => {
+      yearAscending = !yearAscending;
+      sortArrow.style.transform = yearAscending ? "rotate(0deg)" : "rotate(180deg)";
+      updateList();
+    };
+
+    resetButton.onclick = () => {
+      searchInput.value = "";
+      selectedTypes.clear();
+      selectedTags.clear();
+      yearAscending = false;
+      sortArrow.style.transform = "rotate(180deg)";
+      populateFilterPopup(typePopup, new Set(games.flatMap(g => g.type)), selectedTypes);
+      populateFilterPopup(tagsPopup, new Set(games.flatMap(g => g.tags)), selectedTags);
+      updateList();
+    };
+
+    function togglePopup(button, popup) {
+      const isVisible = popup.style.display === 'flex';
+      document.querySelectorAll('.filter-popup').forEach(p => p.style.display = 'none');
+
+      if (!isVisible) {
+        popup.style.display = 'flex';
+        const rect = button.getBoundingClientRect();
+        popup.style.top = `${rect.bottom + window.scrollY + 4}px`;
+        popup.style.left = `${rect.left + window.scrollX}px`;
+        popup.style.position = 'absolute';
+        popup.style.flexDirection = 'column';
+        popup.style.padding = '8px';
+        popup.style.zIndex = 1000;
+        popup.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)';
+      }
+    }
+
+    typeButton.onclick = e => { e.stopPropagation(); togglePopup(typeButton, typePopup); };
+    tagsButton.onclick = e => { e.stopPropagation(); togglePopup(tagsButton, tagsPopup); };
+
+    document.addEventListener('click', e => {
+      if (!e.target.closest('.filter-btn') && !e.target.closest('.filter-popup')) {
+        document.querySelectorAll('.filter-popup').forEach(p => p.style.display = 'none');
+      }
+    });
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initGameWidget);
+  } else {
+    initGameWidget();
+  }
+</script>
+
+<style>
+
+  /* Filters row */
+  #game-filters {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: 12px;
+  }
+
+  #year-sort,
+  #reset-filters,
+  #filter-type-btn,
+  #filter-tags-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 8px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+
+  #year-sort svg,
+  #reset-filters svg {
+    display: block;
+    width: 24px;
+    height: 24px;
+    pointer-events: none;
+  }
+
+  #game-widget input#search {
+    font-size: 16px;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    outline: none;
+    min-width: 200px;
+    transition: border-color 0.2s, box-shadow 0.2s;
+  }
+
+  #game-widget input#search:focus {
+    border-color: #4CAE4F;
+    box-shadow: 0 0 4px rgba(76, 174, 79, 0.5);
+  }
+
+  #results-title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 8px;
+  }
+
+  /* Game Cards */
+  #games-list {
+    list-style-type: none;
+    padding-left: 0;
+    margin-top: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .game-card {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 12px;
+    border-radius: 8px;
+    background-color: var(--card-bg, #fff);
+    border: 1px solid var(--card-border, #ccc);
+    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), 
+                box-shadow 0.2s, 
+                color 0.2s;
+    width: 100%;
+    max-width: 800px;
+    color: var(--card-text, #1F2129);
+    text-decoration: none !important;
+    cursor: pointer;
+    margin-bottom: 4px;
+    min-height: 60px;
+  }
+
+  /* Left side (year) */
+  .game-card .card-left {
+    flex: 0 0 80px;
+    font-weight: bold;
+    font-size: 22px;
+    text-align: center;
+    margin-right: 16px;
+    color: #4CAE4F; 
+  }
+
+  /* Right side (info) */
+  .game-card .card-right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    color: var(--card-text, #1F2129);
+  }
+
+  .game-card .card-name {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 2px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #4CAE4F;
+  }
+
+  .game-card .card-types {
+    font-size: 15px;
+    margin-top: 2px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: var(--card-text, #1F2129);
+  }
+
+  .game-card .card-desc {
+    font-size: 13px;
+    color: var(--card-text-secondary, #777); 
+    line-height: 1.4;
+    margin-top: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .game-card:hover {
+    transform: translateY(-2px); 
+    color: #4CAE4F;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 2px #4CAE4F; 
+  }
+
+  /* Filter Buttons */
+  .filter-popup {
+    position: absolute;
+    background: var(--popup-bg, white);
+    color: var(--popup-text, black);
+    border: 1px solid var(--popup-border, #ccc);
+    padding: 8px;
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    z-index: 1000;
+    display: flex;
+    flex-wrap: wrap;
+    max-width: 300px;
+    gap: 6px;
+  }
+
+  .filter-popup label {
+    display: flex;
+    align-items: center;
+    margin-right: 12px;
+    margin-bottom: 6px;
+    cursor: pointer;
+    font-size: 14px;
+  }
+
+  .filter-popup input[type="checkbox"] {
+    margin-right: 6px;
+    accent-color: #4CAE4F; 
+  }
+
+  .filter-btn {
+    padding: 6px 8px;
+    border: 1px solid var(--filter-btn-border, #ccc);
+    border-radius: 6px;
+    background-color: var(--filter-btn-bg, #f0f0f0);
+    color: var(--filter-btn-text, #1F2129);
+    cursor: pointer;
+    font-size: 14px;
+    transition: background 0.2s, border 0.2s;
+  }
+
+  .filter-btn:hover {
+    background-color: var(--filter-btn-hover-bg, #e0e0e0);
+  }
+
+  /* Description Toggle */
+  #desc-toggle-label {
+    display:inline-flex; 
+    align-items:center; 
+    gap:4px; 
+    cursor:pointer;
+  }
+
+  #desc-toggle-label input[type="checkbox"] {
+    accent-color: #4CAE4F; 
+  }
+
+  /* Dark/light mode */
+  [data-md-color-scheme="default"] .filter-btn {
+    --filter-btn-bg: #f0f0f0;
+    --filter-btn-text: #000;
+    --filter-btn-border: #ccc;
+    --filter-btn-hover-bg: #e0e0e0;
+  }
+
+  [data-md-color-scheme="slate"] .filter-btn {
+    --filter-btn-bg: #1F2129;
+    --filter-btn-text: #eee;
+    --filter-btn-border: #555;
+    --filter-btn-hover-bg: #3a3a3a;
+  }
+
+  [data-md-color-scheme="default"] .filter-popup {
+    --popup-bg: white;
+    --popup-text: black;
+    --popup-border: #ccc;
+  }
+
+  [data-md-color-scheme="slate"] .filter-popup {
+    --popup-bg: #1F2129;
+    --popup-text: #eee;
+    --popup-border: #555;
+  }
+
+  [data-md-color-scheme="slate"] .game-card {
+    --card-bg: #1F2129;
+    --card-border: #555;
+    --card-text: #fff;
+  }
+</style>
+
+
+<br>
+this page:
+I definitely want to add some sorting function (by year, by game type/piece, etc.) whether that be sorting or filtering the games
+
+year pages:
+Speaking of page content, I'm thinking every page would include a short game breakdown (field/game piece info, etc.), game links (game animation [if available], match video, game manual), a picture of a few good robots (to give an idea), a small strategical breakdown explaining what was good and why, and some important things to consider in terms of design, and any other special considerations (e.g. the importance of bins in 2015 probably?)
\ No newline at end of file

From d3aa4617d15065ee5f9f5d526730b989bfd7ced2 Mon Sep 17 00:00:00 2001
From: CorgiStrike <martysanin@gmail.com>
Date: Sat, 29 Nov 2025 00:18:11 -0500
Subject: [PATCH 3/3] finished cleaning up tags and displays

---
 docs/resources/game-history/games.json  |   2 +-
 docs/resources/game-history/overview.md | 252 +++++++++++++++++-------
 2 files changed, 186 insertions(+), 68 deletions(-)

diff --git a/docs/resources/game-history/games.json b/docs/resources/game-history/games.json
index df03cc7cc..227599a3d 100644
--- a/docs/resources/game-history/games.json
+++ b/docs/resources/game-history/games.json
@@ -70,7 +70,7 @@
         {"type": "game piece", "name":"disc"}, 
         {"type": "game piece", "name":"large ball"}, 
         {"type": "endgame", "name":"climb"}, 
-        {"type": "field", "name":"full field"}
+        {"type": "field", "name":"half field"}
     ],
     "desc": "Two alliances compete to score cargo and hatch panels on their rocket and cargo ship. At the end of the match, robots can climb on their hab platform."
   },
diff --git a/docs/resources/game-history/overview.md b/docs/resources/game-history/overview.md
index 751c7e546..dac5d730f 100644
--- a/docs/resources/game-history/overview.md
+++ b/docs/resources/game-history/overview.md
@@ -35,12 +35,18 @@ description: An in-depth look at the history of FRC games.
 
   <!-- Game list -->
   <ul id="games-list"></ul>
+
+  <!-- Pages -->
+  <div id="pages"></div>
 </div>
 
 <script>
   function initGameWidget() {
     let games = [];
     let yearAscending = false;
+    let currentPage = 1;
+
+    const CARDS_PER_PAGE = 5;
 
     const searchInput = document.getElementById("search");
     const list = document.getElementById("games-list");
@@ -70,8 +76,8 @@ description: An in-depth look at the history of FRC games.
     const filtersContainer = document.getElementById("game-filters");
     filtersContainer.appendChild(typeButton);
     filtersContainer.appendChild(tagsButton);
-    
-    let showDescriptions = false;
+
+    let showDescriptions = descToggleCheckbox.checked;
 
     descToggleCheckbox.addEventListener('change', () => {
       showDescriptions = descToggleCheckbox.checked;
@@ -85,7 +91,28 @@ description: An in-depth look at the history of FRC games.
     resultsTitle.style.margin = "8px 0";
     resultsTitle.style.fontWeight = "bold";
     resultsTitle.style.fontSize = "16px";
-    document.getElementById("game-widget").insertBefore(resultsTitle, list);
+
+    const pages = document.getElementById("pages");
+    pages.style.display = "flex";
+    pages.style.justifyContent = "center";
+    pages.style.alignItems = "center";
+    pages.style.gap = "12px";
+    pages.style.margin = "20px 0";
+
+    const leftArrow = document.createElement("button");
+    leftArrow.textContent = "←";
+    leftArrow.className = "page-arrow";
+
+    const pageInfo = document.createElement("span");
+    pageInfo.id = "page-info";
+
+    const rightArrow = document.createElement("button");
+    rightArrow.textContent = "→";
+    rightArrow.className = "page-arrow";
+
+    pages.appendChild(leftArrow);
+    pages.appendChild(pageInfo);
+    pages.appendChild(rightArrow);
 
     let selectedTypes = new Set();
     let selectedTags = new Set();
@@ -105,11 +132,11 @@ description: An in-depth look at the history of FRC games.
         const matchesSearch =
           g.name.toLowerCase().includes(searchVal) ||
           g.type.join(" ").toLowerCase().includes(searchVal) ||
-          g.tags.join(" ").toLowerCase().includes(searchVal) ||
+          g.tags.map(t => t.name).join(" ").toLowerCase().includes(searchVal) ||
           String(g.year).includes(searchVal);
 
         const matchesType = [...selectedTypes].every(t => g.type.includes(t));
-        const matchesTags = [...selectedTags].every(tag => g.tags.includes(tag));
+        const matchesTags = [...selectedTags].every(tag => g.tags.some(t => t.name === tag));
 
         return matchesSearch && matchesType && matchesTags;
       });
@@ -118,67 +145,110 @@ description: An in-depth look at the history of FRC games.
 
       resultsTitle.textContent = `${filtered.length} result${filtered.length !== 1 ? "s" : ""} match your filters`;
 
+      const totalPages = Math.ceil(filtered.length / CARDS_PER_PAGE);
+      if (currentPage > totalPages) currentPage = totalPages || 1;
+
+      const start = (currentPage - 1) * CARDS_PER_PAGE;
+      const end = start + CARDS_PER_PAGE;
+      const visibleGames = filtered.slice(start, end);
+
+      pageInfo.textContent = `Showing ${Math.min(end, filtered.length)} of ${filtered.length}`;
+
+      leftArrow.disabled = currentPage === 1;
+      rightArrow.disabled = currentPage === totalPages;
+
       list.innerHTML = "";
-        filtered.forEach(g => {
-          const era = getEra(g.year);
-          const card = document.createElement("a");
-          card.href = `/resources/game-history/${era}/${g.slug}/`;
-          card.className = "game-card";
-
-          // Left side (year)
-          const left = document.createElement("div");
-          left.className = "card-left";
-          left.textContent = g.year;
-
-          // Right side (info)
-          const right = document.createElement("div");
-          right.className = "card-right";
-
-          const name = document.createElement("div");
-          name.className = "card-name";
-          name.textContent = g.name;
-
-          const types = document.createElement("div");
-          types.className = "card-types";
-          types.textContent = `Type of game: ${g.type.join(", ")}`;
-
-          const desc = document.createElement("div");
-          desc.className = "card-desc";
-          desc.textContent = g.desc;
-          desc.style.display = showDescriptions ? 'block' : 'none';
-
-          right.appendChild(name);
-          right.appendChild(types);
-          right.appendChild(desc);
-
-          card.appendChild(left);
-          card.appendChild(right);
-          list.appendChild(card);
-        });
+      visibleGames.forEach(g => {
+        const era = getEra(g.year);
+        const card = document.createElement("a");
+        card.href = `/resources/game-history/${era}/${g.slug}/`;
+        card.className = "game-card";
+
+        const left = document.createElement("div");
+        left.className = "card-left";
+        left.textContent = g.year;
+
+        const right = document.createElement("div");
+        right.className = "card-right";
+
+        const name = document.createElement("div");
+        name.className = "card-name";
+        name.textContent = g.name;
+
+        const types = document.createElement("div");
+        types.className = "card-types";
+        types.textContent = `Type of game: ${g.type.join(", ")}`;
+
+        const desc = document.createElement("div");
+        desc.className = "card-desc";
+        desc.textContent = g.desc;
+        desc.style.display = showDescriptions ? 'block' : 'none';
+
+        right.appendChild(name);
+        right.appendChild(types);
+        right.appendChild(desc);
+
+        card.appendChild(left);
+        card.appendChild(right);
+        list.appendChild(card);
+      });
     }
 
-    function populateFilterPopup(popup, optionsSet, selectedSet) {
+    function populateFilterPopup(popup, items, selectedSet, isTag = false) {
       popup.innerHTML = "";
-      Array.from(optionsSet).sort().forEach(opt => {
-        const label = document.createElement("label");
-        label.style.display = "flex";
-        label.style.alignItems = "center";
-        label.style.margin = "2px 0";
-
-        const checkbox = document.createElement("input");
-        checkbox.type = "checkbox";
-        checkbox.value = opt;
-        checkbox.checked = selectedSet.has(opt);
-        checkbox.onchange = () => {
-          if (checkbox.checked) selectedSet.add(opt);
-          else selectedSet.delete(opt);
-          updateList();
-        };
+      if (isTag) {
+        const categoryOrder = ["game piece", "endgame", "field"];
+        const grouped = {};
+        items.forEach(t => {
+          if (!grouped[t.type]) grouped[t.type] = [];
+          grouped[t.type].push(t.name);
+        });
 
-        label.appendChild(checkbox);
-        label.appendChild(document.createTextNode(opt.charAt(0).toUpperCase() + opt.slice(1)));
-        popup.appendChild(label);
-      });
+        categoryOrder.forEach(cat => {
+          if (!grouped[cat]) return;
+          grouped[cat].sort().forEach(name => {
+            const label = document.createElement("label");
+            label.style.display = "flex";
+            label.style.alignItems = "center";
+            label.style.margin = "2px 0";
+
+            const checkbox = document.createElement("input");
+            checkbox.type = "checkbox";
+            checkbox.value = name;
+            checkbox.checked = selectedSet.has(name);
+            checkbox.onchange = () => {
+              if (checkbox.checked) selectedSet.add(name);
+              else selectedSet.delete(name);
+              updateList();
+            };
+
+            label.appendChild(checkbox);
+            label.appendChild(document.createTextNode(name.charAt(0).toUpperCase() + name.slice(1)));
+            popup.appendChild(label);
+          });
+        });
+      } else {
+        items.sort().forEach(name => {
+          const label = document.createElement("label");
+          label.style.display = "flex";
+          label.style.alignItems = "center";
+          label.style.margin = "2px 0";
+
+          const checkbox = document.createElement("input");
+          checkbox.type = "checkbox";
+          checkbox.value = name;
+          checkbox.checked = selectedSet.has(name);
+          checkbox.onchange = () => {
+            if (checkbox.checked) selectedSet.add(name);
+            else selectedSet.delete(name);
+            updateList();
+          };
+
+          label.appendChild(checkbox);
+          label.appendChild(document.createTextNode(name.charAt(0).toUpperCase() + name.slice(1)));
+          popup.appendChild(label);
+        });
+      }
     }
 
     function fetchAndInitFilters() {
@@ -188,15 +258,19 @@ description: An in-depth look at the history of FRC games.
           games = data;
 
           const typeSet = new Set();
-          const tagSet = new Set();
+          const tagsArray = [];
 
           games.forEach(g => {
             g.type.forEach(t => typeSet.add(t));
-            g.tags.forEach(tag => tagSet.add(tag));
+            g.tags.forEach(tag => tagsArray.push(tag));
           });
 
-          populateFilterPopup(typePopup, typeSet, selectedTypes);
-          populateFilterPopup(tagsPopup, tagSet, selectedTags);
+          const uniqueTags = Array.from(
+            new Map(tagsArray.map(tag => [`${tag.type}|${tag.name}`, tag])).values()
+          );
+
+          populateFilterPopup(typePopup, Array.from(typeSet), selectedTypes);
+          populateFilterPopup(tagsPopup, uniqueTags, selectedTags, true);
 
           sortArrow.style.transform = yearAscending ? "rotate(0deg)" : "rotate(180deg)";
           updateList();
@@ -219,8 +293,19 @@ description: An in-depth look at the history of FRC games.
       selectedTags.clear();
       yearAscending = false;
       sortArrow.style.transform = "rotate(180deg)";
-      populateFilterPopup(typePopup, new Set(games.flatMap(g => g.type)), selectedTypes);
-      populateFilterPopup(tagsPopup, new Set(games.flatMap(g => g.tags)), selectedTags);
+
+      const typeSet = new Set();
+      const tagsArray = [];
+      games.forEach(g => {
+        g.type.forEach(t => typeSet.add(t));
+        g.tags.forEach(tag => tagsArray.push(tag));
+      });
+      const uniqueTags = Array.from(
+        new Map(tagsArray.map(tag => [`${tag.type}|${tag.name}`, tag])).values()
+      );
+
+      populateFilterPopup(typePopup, Array.from(typeSet), selectedTypes);
+      populateFilterPopup(tagsPopup, uniqueTags, selectedTags, true);
       updateList();
     };
 
@@ -249,6 +334,18 @@ description: An in-depth look at the history of FRC games.
         document.querySelectorAll('.filter-popup').forEach(p => p.style.display = 'none');
       }
     });
+
+    leftArrow.onclick = () => {
+      if (currentPage > 1) {
+        currentPage--;
+        updateList();
+      }
+    };
+
+    rightArrow.onclick = () => {
+      currentPage++;
+      updateList();
+    };
   }
 
   if (document.readyState === "loading") {
@@ -407,6 +504,7 @@ description: An in-depth look at the history of FRC games.
     display: flex;
     flex-wrap: wrap;
     max-width: 300px;
+    max-height: 200px;
     gap: 6px;
   }
 
@@ -451,6 +549,26 @@ description: An in-depth look at the history of FRC games.
     accent-color: #4CAE4F; 
   }
 
+  .page-arrow {
+    padding: 6px 10px;
+    background: none;
+    border: 3px solid #4CAE4F;
+    color: #4CAE4F;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 16px;
+    transition: 0.2s;
+  }
+
+  .page-arrow:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+  .page-arrow:hover:not(:disabled) {
+    background: rgba(76,174,79,0.15);
+  }
+
   /* Dark/light mode */
   [data-md-color-scheme="default"] .filter-btn {
     --filter-btn-bg: #f0f0f0;