Adapts styles of bars

Author: mwittep

scripts.js

@@ -161,7 +161,7 @@ function renderCourseTiles(modulesData, classesData) {
         for (let i = 0; i < 3; i++) {
             const bar = document.createElement('div');
             bar.classList.add('bar');
-            // CSS handles filling based on .beginner, .intermediate, .expert class on tile
+            // CSS handles filling based on .basic, .advanced, .expert class on tile
             skillLevelDiv.appendChild(bar);
         }
         tile.appendChild(skillLevelDiv);

styles.css

@@ -207,12 +207,12 @@ body {
 }
 
 /* Different filling for skill levels */
-.course-tile.beginner .bar:nth-child(1) {
+.course-tile.basic .bar:nth-child(1) {
     background-color: #888;
 }
 
-.course-tile.intermediate .bar:nth-child(1),
-.course-tile.intermediate .bar:nth-child(2) {
+.course-tile.advanced .bar:nth-child(1),
+.course-tile.advanced .bar:nth-child(2) {
     background-color: #888;
 }