Merge pull request 'Fixed small tiny issue with the carousel having less the maximum number of visible items i.e. none in the hidden div' (#57) from older-blog-posts-fix into master

Reviewed-on: #57

dist/api/blog/blogData.php

@@ -673,11 +673,6 @@ EOD;
      */
     public function changeHTMLSrc(string $body, string $to, string $from): string
     {
-//        $body = preg_replace_callback('/>([^<]+)</', function($matches) {
-//            // Convert special characters to HTML entities
-//            return '>' . htmlentities(trim($matches[1]), ENT_QUOTES | ENT_HTML5, 'UTF-8') . '<';
-//        }, $body);
-
         $htmlDoc = new DOMDocument();
 
         // Load the raw HTML content into DOMDocument

src/blog/js/index.js

@@ -376,6 +376,14 @@ function carouselLoop(carouselInner, allItems)
 		visibleCards.push(cards[i]);
 	}
 	
+	if (allItems.children.length === 0)
+	{
+		// if there are no cards in the carousel, don't show the arrows
+		prev.style.visibility = 'hidden';
+		next.style.visibility = 'hidden';
+		return;
+	}
+	
 	next.addEventListener('click', () =>
 	{
 		const firstCard = visibleCards.shift();