KODI'S CODE CLUBHOUSE — COURSE LIBRARY INTEGRATION
===================================================

STEP 1 — BACK UP ONE FILE FIRST
In cPanel File Manager, go to the kodi.koinder.biz document root
and rename the existing html-basics.html to html-basics-backup.html
(the new copy in this zip replaces it — same page, but with the
new Course Library link added to its nav).

STEP 2 — UPLOAD EVERYTHING
Upload all 14 .html files from this zip into the SAME folder as
index.html (the kodi subdomain document root). Do NOT put them in
a subfolder — all links assume they sit beside index.html.

Files:
  courses.html                  <- the Course Library hub (search + 4 courses)
  cyber-gateman.html            Cyber L1
  kodi-soc-clubhouse.html       Cyber L2 (SOC Analyst)
  watchtower-academy.html       Cyber L3
  security-plus-range.html      Cyber L4 (Security+ practice)
  message-race.html             Networking L1
  networking-deep-dive.html     Networking L2
  name-tree.html                Networking L3 (DNS)
  osi-parcel-journey.html       Networking L4 (OSI)
  cloud-foundations.html        Cloud L1
  mini-cloud.html               Cloud L2
  recipe-secret.html            Cloud L3
  notebook-vs-novel.html        Web Design L1
  html-basics.html              Web Design L2 (replaces live copy)

STEP 3 — ADD THE NAV LINK TO YOUR EXISTING PAGES
Open each of these live files: index.html, lessons.html, chat.html,
watch.html, math.html, progress.html.
Find the nav block (it looks like the lines below) and paste this
single line right AFTER the Lessons link:

    <a href="courses.html">🎓 Course Library</a>

So the nav becomes:
    <a href="index.html">🏠 Home</a>
    <a href="lessons.html">📚 Lessons</a>
    <a href="courses.html">🎓 Course Library</a>
    <a href="chat.html">💬 Ask Kodi</a>
    ... (rest unchanged)

STEP 4 — TEST
Visit kodi.koinder.biz/courses.html
  - Search box: type "DNS" -> Name Tree lesson should filter in.
  - Click through one full course ladder using the next arrows.
  - Open html-basics.html and confirm the Paystack lock still works.

NOTES / DECISIONS FOR YOU
1. PAYWALL: html-basics.html keeps its Paystack lock, but the 12 NEW
   lesson pages are fully open (no lock, no guest code). If any of
   the new courses should be paid, say the word and the same lock
   pattern can be added.
2. PROGRESS: the new lessons do not yet write to My Progress
   (no localStorage tracking inside them). If you share your live
   progress.html, tracking can be wired into every lesson so
   completed levels show up on the Progress page.
3. Dependencies already on your server (nothing extra to upload):
   assets/kodi-shared.css, assets/kodi-shared.js,
   assets/html-is-like-you.jpg, favicon.ico