change: fixed the type of text of card excerpt to make text bold and …

CHANGELOG.mdx

@@ -19,6 +19,10 @@ Prefix the change with one of these keywords:
 
 ## [0.26.6]
 
+### Change
+
+- changed the type of text on cards excerpt to accommodate bold and italic 
+
 ### Added
 
 - New video for full banner

lib/components/Card/CardExcerpt.tsx

@@ -1,5 +1,5 @@
 export interface CardExcerptProps {
-  text?: string
+  text?: React.ReactNode | string
   hasMore?: boolean
   truncateOnMobile?: boolean
 }
@@ -9,7 +9,7 @@ export const CardExcerpt = ({ text, hasMore, truncateOnMobile }: CardExcerptProp
     <p
       className={`text-base text-cu-black-700 dark:text-white ${truncateOnMobile ? 'line-clamp-1 md:line-clamp-none' : ''}`}
     >
-      {text && text.length > 170 ? `${text.substring(0, 150)}...` : text}
+      {typeof text === 'string' && text.length > 170 ? `${text.substring(0, 150)}...` : text}
       {hasMore && <span className="font-semibold"> More</span>}
     </p>
   )

lib/utils/json-lists.js

@@ -1,6 +1,10 @@
 export const videoBanner = [
   { title: 'Discover Carleton', name: 'discover', description: 'Discover Carleton and the beautiful city of Ottawa' },
-  { title: 'Aerial View of Carleton', name: 'aerial-view', description: 'Aerial view of the beautiful Carleton University campus' },
+  {
+    title: 'Aerial View of Carleton',
+    name: 'aerial-view',
+    description: 'Aerial view of the beautiful Carleton University campus',
+  },
   {
     title: '2025 Carleton University Campus',
     name: 'campus-2025',

public/assets/json/videoBanner.json

@@ -4,6 +4,11 @@
     "name": "discover",
     "description": "Discover Carleton and the beautiful city of Ottawa"
   },
+  {
+    "title": "Aerial View of Carleton",
+    "name": "aerial-view",
+    "description": "Aerial view of the beautiful Carleton University campus"
+  },
   {
     "title": "2025 Carleton University Campus",
     "name": "campus-2025",