LIT Ancient Biblical Judean

πŸ“¦ INSTALLATION CHECKLIST - Step by Step

βœ… FILES TO DOWNLOAD AND WHERE TO PUT THEM

Step 1: Upload Game Module Files

Upload these 3 files to your /games/modules/ directory:

βœ… word-scramble.js    β†’ /games/modules/word-scramble.js
βœ… true-false.js       β†’ /games/modules/true-false.js
βœ… memory-cards.js     β†’ /games/modules/memory-cards.js

Step 2: Replace Config & HTML Files

Replace these 2 files in your /games/ directory:

βœ… games-config.json   β†’ /games/games-config.json (all 10 games)
βœ… games.html          β†’ /games/games.html (already fixed!)

No manual editing needed! The games.html file is already updated to show all games.


πŸ“ YOUR FINAL FILE STRUCTURE

After installation, you should have:

/games/
β”œβ”€β”€ games.html                         ← REPLACED (already fixed)
β”œβ”€β”€ games-config.json                  ← REPLACED (new file with 10 games)
└── modules/
    β”œβ”€β”€ multiple-choice.js             ← Existing
    β”œβ”€β”€ swipe-test.js                  ← Existing
    β”œβ”€β”€ typing-challenge.js            ← Existing
    β”œβ”€β”€ matching-pairs.js              ← Existing
    β”œβ”€β”€ fill-in-blank.js               ← Existing (if you have it)
    β”œβ”€β”€ word-scramble.js               ← NEW - Uploaded!
    β”œβ”€β”€ listening-practice.js          ← Existing (if you have it)
    β”œβ”€β”€ true-false.js                  ← NEW - Uploaded!
    β”œβ”€β”€ sentence-builder.js            ← Existing (if you have it)
    └── memory-cards.js                ← NEW - Uploaded!

🎯 TESTING AFTER INSTALLATION

Test 1: Index Page Shows All Games

  1. Go to: https://manakahthey.com/games/
  2. You should see 10 game boxes (not just 4)
  3. All boxes should be clickable

Test 2: Dropdown Has All Games

  1. Look at the game dropdown menu
  2. You should see all 10 games organized by category

Test 3: New Games Load

  1. Click β€œπŸ”€ Word Scramble” - should load the scramble game
  2. Click β€œβœ“βœ— True or False” - should load the true/false game
  3. Click β€œπŸƒ Memory Match” - should load the memory game

Test 4: New Games Work

  1. Word Scramble:
    • Scrambled word displays
    • Can type answer
    • Hint button works
    • Check answer validates correctly
  2. True or False:
    • Word pair displays
    • TRUE button works
    • FALSE button works
    • Feedback shows after answer
  3. Memory Match:
    • Cards display in grid
    • Cards flip on click
    • Matching pairs stay revealed
    • Non-matching pairs flip back
    • Timer counts up

🚨 TROUBLESHOOTING

Problem: Index page still shows only 4 games

Solution: You didn’t edit games.html correctly. Search for .slice(0, 4) and remove it.

Problem: New games don’t appear in dropdown

Solution: Replace games-config.json with the new one that has all 10 games.

Problem: Clicking new game shows error

Solution: Make sure you uploaded the .js files to /games/modules/ directory.

Problem: Games load but don’t work

Solution: Check that you have these XML files in parent directory:


πŸ“ QUICK SUMMARY

3 files to upload:

  1. word-scramble.js β†’ /games/modules/
  2. true-false.js β†’ /games/modules/
  3. memory-cards.js β†’ /games/modules/

1 file to replace:

1 file to edit:

Result:


⏱️ TIME ESTIMATE

No manual editing required!


πŸŽ‰ YOU’RE DONE WHEN:


Super simple - just 5 file uploads and you’re done! βœ