update description

Author: hmillersarah

ims-education.html

@@ -465,12 +465,12 @@
 					id="ims-fundamentals-april-2025"
 					name="IMS Database Recovery Control (DBRC)"
 					session="June 2025 session"
-					desc="This live course runs for 9 sessions, 4 hours each day. It describes the benefits of DBRC and the 
+					desc="<p>This live course runs for 9 sessions, 4 hours each day. It describes the benefits of DBRC and the 
 						activities required to configure, implement, and manage Database Recovery Control (DBRC). DBRC is an 
 						IMS facility that provides database recovery and facilitates database sharing, between IMS systems in 
 						all IMS environments, but this class is most applicable for Database/Transaction Management (DB/TM), 
-						Database Control (DBCTL), and batch IMS systems. This is an intermediate to advanced IMS class that is 
-						intended for IMS DBAs and system programmers."
+						Database Control (DBCTL), and batch IMS systems.</p> <p>This is an intermediate to advanced IMS class that is 
+						intended for IMS DBAs and system programmers.</p>"
 					imgsrc="wp-content/icons/icon_education.svg"
 					selfpaced="false"
 					level="Intermediate"

web-components/course-card/course-card.html

@@ -8,7 +8,7 @@
         <div>
             <h2 class="course-name"></h2>
             <h3 class="live-session"></h3>
-            <p class="course-desc"></p>
+            <span class="course-desc"></span>
             <div class="column-g">
                 <div class="inline-g">
                     <p><b><span class="course-type"></span></b> Yes</p>

web-components/course-card/course-card.js

@@ -22,6 +22,26 @@ function createComponent(html) {
         selector.textContent = content;
     }
 
+    /**
+     * Sets the content of an element based on a CSS selector.
+     * @param {string} cssSelector - The CSS selector of the element to set the content for.
+     * @param {string} content - The content to set for the element.
+     * @param {boolean} shadow - A boolean indicating whether to use the shadow DOM for the element.
+     * @returns {void}
+     */
+    function setDesc(cssSelector, content, shadow) {
+        const selector = shadow.querySelector(cssSelector);
+        // Check if span tag is used in desc
+        if ((content != undefined) && (content.includes('<p>'))) {
+            // Update HTML
+            selector.innerHTML = content;
+        } else {
+            const paragraph = '<p>' + content + '</p>';
+            // Update the text
+            selector.innerHTML = paragraph;
+        }
+    }
+
     /**
      * Sets the link of an element based on a CSS selector.
      * @param {string} cssSelector - The CSS selector of the element to set the link for.
@@ -97,7 +117,7 @@ function createComponent(html) {
             // Set session for live course
             setContent('.live-session', this.session, shadow);
             // Set course desc
-            setContent('.course-desc', this.desc, shadow);
+            setDesc('.course-desc', this.desc, shadow);
             // Set course level
             setContent('.course-level', this.level, shadow);
             // Set course type
@@ -129,7 +149,6 @@ function createComponent(html) {
                 // Set register link
                 linkText = 'Register →'
                 setLink('.register-link', this.registerlink, this.name, 'Register →', shadow);
-
             }
         }
     }