F/improvements from villoro

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gestkom",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Gestkom web page",
   "author": "Arnau Villoro <[email protected]>",
   "license": "MIT",
@@ -35,8 +35,7 @@
     "react-icons": "^5.0.1",
     "react-lite-youtube-embed": "^2.4.0",
     "remark-collapse": "^0.1.2",
-    "remark-toc": "^9.0.0",
-    "swiper": "^11.0.5"
+    "remark-toc": "^9.0.0"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",

src/layouts/Base.astro

@@ -62,6 +62,20 @@ const { title, meta_title, description, image, noindex, canonical } =
     <meta name="generator" content={Astro.generator} />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
+
+    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-KZGPY92C3B"></script>
+    <script>
+      /* Only track the page when it is in the main domain. No develop.gestkom.es or localhost */
+      if (window.location.host==="gestkom.es" || window.location.host==="www.gestkom.es") {
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'G-KZGPY92C3B');
+      }
+    </script>
+
     <!-- google font css -->
     <AstroFont
       config={[

src/lib/utils/similarItems.ts

@@ -1,3 +1,26 @@
+// Fisher-Yates shuffle algorithm to get N random elements from an array
+function getRandomElements<T>(arr: T[], n: number): T[] {
+    const shuffled = arr.slice(); // Create a shallow copy of the array
+    let currentIndex = shuffled.length;
+    let temporaryValue: T;
+    let randomIndex: number;
+
+    // While there remain elements to shuffle
+    while (currentIndex !== 0) {
+        // Pick a remaining element
+        randomIndex = Math.floor(Math.random() * currentIndex);
+        currentIndex -= 1;
+
+        // Swap it with the current element
+        temporaryValue = shuffled[currentIndex];
+        shuffled[currentIndex] = shuffled[randomIndex];
+        shuffled[randomIndex] = temporaryValue;
+    }
+
+    // Return the first n elements after shuffling
+    return shuffled.slice(0, n);
+}
+
 // similar products
 const similarItems = (currentItem: any, allItems: any[], limit: number = 3) => {
   let categories: string[] = [];
@@ -17,10 +40,10 @@ const similarItems = (currentItem: any, allItems: any[], limit: number = 3) => {
     (product) => product.slug !== currentItem.slug,
   );
 
-  // Limit to the specified number of elements
-  const limitedResults = filterBySlug.slice(0, limit);
+  // Get N random elements instead of the first N elements
+  const randomResults = getRandomElements(filterBySlug, limit);
 
-  return limitedResults;
+  return randomResults;
 };
 
 export default similarItems;

tailwind.config.js

@@ -20,7 +20,6 @@ if (theme.fonts.font_family.secondary) {
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-  safelist: [{ pattern: /^swiper-/ }],
   darkMode: "class",
   theme: {
     screens: {