From abbceecd8c7e71d5eb22dfe1fb4194dc32f7f5dd Mon Sep 17 00:00:00 2001
From: Matt Dennis <matthew.dennis@port.ac.uk>
Date: Thu, 19 Sep 2024 16:22:53 +0100
Subject: [PATCH] fixed headings bug

---
 docs/index.html | 8 ++++----
 docs/index.js   | 5 +++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 379e530..051c4fa 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -32,16 +32,15 @@ <h3>Explanation of Levels:</h3>
   </section>
 
   <section class="level hidden" data-level="L4">
-    <h2 class="levelhead"></h2>
+
   </section>
   <section class="level hidden" data-level="L5">
-    <h2 class="levelhead"></h2>
+
   </section>
   <section class="level hidden" data-level="L6">
-    <h2 class="levelhead"></h2>
+
   </section>
   <section class="level hidden" data-level="L7">
-    <h2 class="levelhead"></h2>
   </section>
 
 </main>
@@ -53,6 +52,7 @@ <h2 class="levelhead"></h2>
 
 <template id="course-plan">
   <section class="plan">
+    <h2 class="levelhead"></h2>
     <article data-day="monday">
       <h4>Monday</h4>
       <div class="events-list">
diff --git a/docs/index.js b/docs/index.js
index 57e110b..d2c4d84 100644
--- a/docs/index.js
+++ b/docs/index.js
@@ -108,12 +108,13 @@ function hideAllPlans() {
 function populate() {
   for (const [level, plans] of Object.entries(data.plans)) {
     const levelSection = ui.main.querySelector(`section[data-level="${level}"]`);
-    const levelHead = levelSection.querySelector('h2');
+
 
     for (const plan of plans) {
-      levelHead.textContent = `${plan.title}: Level ${level.charAt(1)}`;
       const planSect = document.querySelector('#course-plan').content.cloneNode(true).firstElementChild;
       levelSection.append(planSect);
+      const levelHead = planSect.querySelector('.levelhead');
+      levelHead.textContent = `${plan.title}: Level ${level.charAt(1)}`;
       planSect.dataset.course = plan.code;
       planSect.classList.add('hidden');
       // handle common events for all courses first