fixed headings bug

portsoc · Sep 19, 2024 · abbceec · abbceec
1 parent 160007a
commit abbceec
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git 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
@@ -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